:root{--rc-cream: #ffffffff;--rc-cream-dk: #ffffffff;--rc-linen: #EDE3CF;--rc-honey: #C07830;--rc-amber: #A86020;--rc-ink: #1C1510;--rc-mid: #6A5840;--rc-muted-strong: #6F5C3E;--rc-rule: #E0D4B8;--rc-white: #FFFFFF;--rc-c-hue: #8B5530;--rc-h-hue: #2A6080;--rc-m-hue: #3D6830;--rc-font-serif: "Source Serif 4", Georgia, ui-serif, serif;--rc-font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--rc-font-mono: "IBM Plex Mono", "Courier New", ui-monospace, monospace;--rc-text-h2: clamp(1.5rem, 1rem + 1.5vw, 2rem);--rc-text-h4: 1.125rem;--rc-text-body-lg: 17px;--rc-text-body: 16px;--rc-text-body-sm: 15px;--rc-text-ui: 13px;--rc-text-micro: 12px;--rc-weight-regular: 400;--rc-weight-medium: 500;--rc-weight-semibold: 600;--rc-weight-bold: 700;--rc-leading-snug: 1.35;--rc-leading-relaxed: 1.65;--rc-leading-loose: 1.8;--rc-tracking-tight: -.015em;--rc-tracking-wide: .025em;--rc-tracking-widest: .1em;--rc-sp-1: 4px;--rc-sp-2: 8px;--rc-sp-3: 12px;--rc-sp-4: 16px;--rc-sp-5: 20px;--rc-sp-6: 24px;--rc-sp-7: 32px;--rc-sp-8: 48px;--rc-sp-9: 64px;--rc-rad-xs: 2px;--rc-rad-sm: 4px;--rc-rad: 8px;--rc-rad-xl: 16px;--rc-rad-circle: 50%;--rc-border: 1px;--rc-border-strong: 1.5px;--rc-shadow-low: 0 2px 8px rgba(192, 120, 48, .12);--rc-shadow-focus: 0 0 0 3px rgba(192, 120, 48, .15);--rc-shadow-interactive: 0 2px 8px rgba(192, 120, 48, .22);--rc-shadow-int-hover: 0 4px 16px rgba(192, 120, 48, .32);--rc-dur-base: .22s;--rc-dur-slow: .32s;--rc-max-narrow: 414px;--rc-section-gap: 56px}.rc-section{margin-bottom:var(--rc-section-gap)}.rc-block{border:var(--rc-border) solid var(--rc-rule);border-radius:var(--rc-rad)}.rc-block--linen{background:var(--rc-cream-dk);border:none;padding:0 50px}.rc-bp{padding:var(--rc-sp-7)}.rc-bp-s{padding:var(--rc-sp-4) var(--rc-sp-6)}.rc-sec-header{text-align:center;margin-bottom:var(--rc-sp-5)}.rc-mw-narrow{max-width:var(--rc-max-narrow);margin-left:auto;margin-right:auto}.rc-brow{display:flex;gap:var(--rc-sp-3);flex-wrap:wrap;margin-top:var(--rc-sp-5)}.rc-dashed-top-honey{background:transparent}.rc-h2{font-family:var(--rc-font-serif);font-size:var(--rc-text-h2);font-weight:var(--rc-weight-medium);line-height:var(--rc-leading-snug);letter-spacing:var(--rc-tracking-tight);color:var(--rc-ink);margin-bottom:var(--rc-sp-3)}.rc-h2 em{font-style:italic;color:var(--rc-honey)}.rc-h2--sm{font-size:clamp(22px,2.4vw,26px);margin-bottom:var(--rc-sp-2)}.rc-p{font-family:var(--rc-font-sans);font-size:var(--rc-text-body);color:var(--rc-mid);line-height:var(--rc-leading-loose);margin-bottom:var(--rc-sp-3)}.rc-eye{font-family:var(--rc-font-sans);font-size:var(--rc-text-micro);font-weight:var(--rc-weight-semibold);letter-spacing:var(--rc-tracking-widest);text-transform:uppercase;color:var(--rc-muted-strong);margin-bottom:var(--rc-sp-2);display:inline-flex;align-items:center;gap:var(--rc-sp-2)}.rc-eye:after{content:"";display:inline-block;width:20px;height:1.5px;background:currentColor;opacity:.4}.rc-eye--amber{color:var(--rc-honey)}.rc-sec-sub{font-family:var(--rc-font-sans);font-size:var(--rc-text-body-sm);color:var(--rc-mid);line-height:var(--rc-leading-relaxed)}.rc-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--rc-sp-3) var(--rc-sp-7);font-family:var(--rc-font-sans);font-size:var(--rc-text-ui);font-weight:var(--rc-weight-semibold);letter-spacing:var(--rc-tracking-widest);text-transform:uppercase;border-radius:var(--rc-rad-sm);cursor:pointer;border:var(--rc-border-strong) solid transparent;transition:all var(--rc-dur-slow) cubic-bezier(.25,.46,.45,.94);text-decoration:none}.rc-btn--fill{background:var(--rc-honey);border-color:var(--rc-honey);color:var(--rc-white);box-shadow:var(--rc-shadow-interactive)}.rc-btn--fill:hover{background:var(--rc-amber);border-color:var(--rc-amber);color:#fff;transform:translateY(-1px);box-shadow:var(--rc-shadow-int-hover)}.rc-btn--line{background:transparent;border-color:var(--rc-ink);color:var(--rc-ink)}.rc-btn--line:hover{background:var(--rc-ink);color:var(--rc-white);transform:translateY(-1px)}.rc-btn--sm{padding:var(--rc-sp-2) var(--rc-sp-5);font-size:var(--rc-text-ui)}.routine-canvas{background:var(--rc-cream);display:flex;flex-direction:column;gap:var(--rc-sp-5);border:var(--rc-border) solid var(--rc-rule);border-radius:var(--rc-rad);padding:0;margin-bottom:var(--rc-sp-5)}.routine-tab-strip{display:flex;gap:var(--rc-sp-5);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:var(--rc-border) solid var(--rc-rule);margin-bottom:var(--rc-sp-5);scroll-snap-type:x proximity}.routine-tab-strip::-webkit-scrollbar{display:none}.rt-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--rc-sp-1);border:0;background:transparent;color:var(--rc-ink);padding:var(--rc-sp-3) 0;margin-bottom:-1px;border-bottom:2px solid transparent;font-family:var(--rc-font-sans);font-size:var(--rc-text-ui);font-weight:var(--rc-weight-medium);letter-spacing:var(--rc-tracking-wide);line-height:1;cursor:pointer;white-space:nowrap;scroll-snap-align:start;transition:color var(--rc-dur-base),border-color var(--rc-dur-base)}.rt-tab:hover{color:var(--rc-amber)}.rt-tab:focus-visible{outline:var(--rc-border-strong) solid var(--rc-amber);outline-offset:2px;color:var(--rc-ink);box-shadow:var(--rc-shadow-focus);border-radius:var(--rc-rad-xs)}.rt-tab.active{color:var(--rc-ink);font-weight:var(--rc-weight-semibold);border-bottom-color:var(--rc-amber)}.rt-tab-icon{display:inline-block;font-size:var(--rc-text-body-sm);line-height:1;opacity:.8}.rt-tab-label{line-height:1;font-size:13px}.routine-tab-panels{display:grid;grid-template-columns:minmax(0,1fr)}.rt-panel{grid-area:1 / 1;visibility:hidden}.rt-panel.active{visibility:visible}.rt-panel[hidden]{display:block}.skin-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(var(--rc-sp-9) * 3 + var(--rc-sp-2))),1fr));gap:var(--rc-sp-3);margin:0}.skin-tile{display:flex;flex-direction:column;gap:var(--rc-sp-2);align-items:stretch;border:var(--rc-border) solid var(--rc-rule);background:var(--rc-cream);border-radius:var(--rc-rad-xl);padding:var(--rc-sp-4);text-align:left;cursor:pointer;transition:background-color var(--rc-dur-base),border-color var(--rc-dur-base),box-shadow var(--rc-dur-base),transform var(--rc-dur-base)}.skin-tile:hover{border-color:var(--rc-amber);background:color-mix(in srgb,var(--rc-amber) 4%,var(--rc-white));box-shadow:var(--rc-shadow-low)}.skin-tile:focus-visible{outline:var(--rc-border-strong) solid var(--rc-amber);outline-offset:2px;box-shadow:var(--rc-shadow-focus)}.skin-tile.active{border-color:var(--rc-amber);border-width:var(--rc-border-strong);background:color-mix(in srgb,var(--rc-amber) 12%,var(--rc-white));box-shadow:var(--rc-shadow-low)}.st-name{font-family:var(--rc-font-sans);font-size:var(--rc-text-body);font-weight:var(--rc-weight-semibold);letter-spacing:var(--rc-tracking-tight);color:var(--rc-ink);line-height:var(--rc-leading-snug)}.st-note{font-family:var(--rc-font-sans);font-size:var(--rc-text-ui);color:var(--rc-muted-strong);line-height:var(--rc-leading-snug)}.routine-result{background:var(--rc-cream);border:var(--rc-border) solid var(--rc-rule);border-radius:var(--rc-rad);overflow:hidden}.routine-row{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:var(--rc-sp-4);padding:var(--rc-sp-5)}.routine-row :is(.rr-c,.rr-h,.rr-m):after{content:"";display:block;width:var(--rc-sp-9);height:var(--rc-border);background:var(--rc-rule);margin-top:var(--rc-sp-3)}.routine-row:last-of-type :is(.rr-c,.rr-h,.rr-m):after{display:none}.routine-badge{width:var(--rc-sp-7);height:var(--rc-sp-7);min-width:var(--rc-sp-7);border-radius:var(--rc-rad-circle);display:flex;align-items:center;justify-content:center;font-family:var(--rc-font-serif);font-size:var(--rc-text-h4);font-weight:var(--rc-weight-bold);flex-shrink:0;margin-top:var(--rc-sp-1);box-shadow:var(--rc-shadow-low)}.rb-c{background:var(--rc-c-hue);color:var(--rc-white)}.rb-h{background:var(--rc-h-hue);color:var(--rc-white)}.rb-m{background:var(--rc-m-hue);color:var(--rc-white)}.rr-step{font-family:var(--rc-font-mono);font-size:var(--rc-text-ui);font-weight:var(--rc-weight-semibold);text-transform:uppercase;letter-spacing:var(--rc-tracking-widest);margin-bottom:var(--rc-sp-2)}.rr-c .rr-step{color:var(--rc-c-hue)}.rr-h .rr-step{color:var(--rc-h-hue)}.rr-m .rr-step{color:var(--rc-m-hue)}.rr-prod{font-family:var(--rc-font-serif);font-size:var(--rc-text-body-lg);font-weight:var(--rc-weight-regular);color:var(--rc-ink);line-height:var(--rc-leading-snug);letter-spacing:var(--rc-tracking-tight)}.rr-tip{font-family:var(--rc-font-sans);font-size:var(--rc-text-body-sm);color:var(--rc-mid);margin-top:var(--rc-sp-2);line-height:var(--rc-leading-relaxed)}.topbar{padding:var(--rc-sp-3) var(--rc-sp-5);display:flex;justify-content:space-between;align-items:center;gap:var(--rc-sp-3);border-bottom:var(--rc-border) solid var(--rc-rule)}.topbar.t-honey{background:transparent}.tb-title{font-family:var(--rc-font-serif);font-size:var(--rc-text-body);font-style:italic;font-weight:var(--rc-weight-regular);color:var(--rc-ink);letter-spacing:var(--rc-tracking-tight)}.tb-hint{font-family:var(--rc-font-mono);font-size:var(--rc-text-micro);font-weight:var(--rc-weight-medium);color:var(--rc-mid);letter-spacing:var(--rc-tracking-wide)}@media(max-width:720px){.routine-canvas{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;border-left:0;border-right:0;padding:var(--rc-sp-5)}.rc-block--linen{background:var(--rc-cream-dk);border:none;padding:0}.routine-tab-strip{gap:var(--rc-sp-3)}.routine-tab-strip.rt-overflowing{-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--rc-sp-2)),transparent);mask-image:linear-gradient(to right,black calc(100% - var(--rc-sp-2)),transparent)}.skin-tiles{display:flex;gap:var(--rc-sp-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity}.skin-tiles::-webkit-scrollbar{display:none}.skin-tile{flex:0 0 auto;min-width:var(--rc-sp-9);padding:var(--rc-sp-2) var(--rc-sp-3);border-radius:var(--rc-rad);box-shadow:none;scroll-snap-align:start;justify-content:center;white-space:nowrap}.skin-tile.active{background:transparent;box-shadow:none}.skin-tile .st-name{font-size:var(--rc-text-body-sm)}.st-note{display:none}.topbar{flex-direction:column;align-items:flex-start;gap:var(--rc-sp-1)}}@media(max-width:375px){.rt-tab{font-size:var(--rc-text-micro)}}@media(prefers-reduced-motion:reduce){.skin-tile{transition:none}.skin-tile:hover{transform:none}}@media(min-width:721px){.routine-canvas{display:grid;grid-template-areas:"tabs   tabs" "panels result";grid-template-columns:minmax(calc(var(--rc-sp-7) * 6),calc(var(--rc-sp-7) * 7)) 1fr;gap:var(--rc-sp-5);padding:var(--rc-sp-5)}.routine-tab-strip{grid-area:tabs;justify-content:safe center}.routine-tab-panels{grid-area:panels;position:relative;min-height:0}.rt-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.rt-panel::-webkit-scrollbar{display:none}.routine-result{grid-area:result;align-self:start}}.shopify-section .routine-canvas{min-height:200px}
/*# sourceMappingURL=/cdn/shop/t/32/assets/routine-canvas.css.map */