.tz-section{padding:32px 0 48px}.tz{--tz-text: var(--color-body-text, #222);--tz-sub: var(--color-sub-text, #666);--tz-heading: var(--color-heading-text, #111);--tz-border: var(--color-border, #e5e5e5);--tz-accent: var(--color-primary, #222);--tz-bg: var(--color-main-background, #fff);--tz-bg-soft: var(--bg-gray-400, #f7f8fa);--tz-band: #fcf7ec;--tz-radius: 0;--tz-focus: 0 0 0 2px var(--tz-bg), 0 0 0 4px var(--tz-accent);display:block;max-width:1100px;margin:0 auto;color:var(--tz-text)}.tz-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html.tz-lock,html.tz-lock body{overflow:hidden}.tz-header{text-align:center;margin-bottom:24px}.tz-header__title{color:var(--tz-heading);margin:0 0 8px}.tz-header__intro{color:var(--tz-sub);margin:0 auto;max-width:560px}.tz-footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--tz-border)}.tz-disclaimer{font-size:.8125rem;color:var(--tz-sub);margin:0 0 4px}.tz-noscript{text-align:center}.tz-link{background:none;border:0;padding:4px 0;min-height:44px;font:inherit;color:var(--color-text-link, inherit);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tz button:focus-visible,.tz a:focus-visible,.tz select:focus-visible{outline:2px solid var(--tz-accent);outline-offset:2px}.tz-start{text-align:center;padding:8px 0 16px}.tz-start__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.tz-start__actions .sf__btn{min-height:48px;min-width:220px}.tz-start__hint{color:var(--tz-sub);font-size:.875rem;margin:12px 0 0}.tz-error-state{text-align:center}.tz-error-state__title{font-weight:600}.tz-modal{box-sizing:border-box;width:min(540px,calc(100% - 32px));max-width:none;max-height:min(880px,calc(100vh - 48px));padding:0;border:0;border-radius:var(--tz-radius);background:var(--tz-bg);color:var(--tz-text);box-shadow:0 24px 64px #00000040;overflow:hidden}@supports (height: 100dvh){.tz-modal{max-height:min(880px,calc(100dvh - 48px))}}.tz-modal:not([open]){display:none}.tz-modal[open]{display:flex;flex-direction:column;animation:tz-in .2s ease-out}.tz-modal::backdrop{background:#1414148c}.tz-modal--fallback[open]{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;height:fit-content;z-index:2147483000;box-shadow:0 0 0 100vmax #1414148c}@keyframes tz-in{0%{opacity:0;transform:translateY(12px)}}.tz-modal__panel{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.tz-modal__bar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:14px 16px 0}.tz-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--tz-radius);background:transparent;color:var(--tz-heading);cursor:pointer}.tz-modal__close{color:var(--tz-accent);justify-self:end}.tz-modal__icon:hover{opacity:.7}.tz-dots{display:flex;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.tz-dot{width:8px;height:8px;border-radius:50%;background:var(--tz-border)}.tz-dot.is-done{background:var(--tz-accent);opacity:.4}.tz-dot.is-current{background:var(--tz-accent)}.tz-modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 24px 28px}.tz-screen{text-align:center}.tz-screen__eyebrow{margin:0 0 4px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tz-accent)}.tz-screen__title{font-size:1.5rem;line-height:1.25;color:var(--tz-heading);margin:0 0 8px}.tz-screen__title:focus{outline:none}.tz-screen__help,.tz-screen__note{color:var(--tz-sub);font-size:.9375rem;margin:0 auto 16px;max-width:420px}.tz-screen__note{font-size:.8125rem;font-style:italic}.tz-screen__actions{margin-top:24px;text-align:center}.tz-screen__cta{min-height:48px;min-width:220px}.tz-screen--anchor{text-align:left}.tz-screen--anchor .tz-screen__title,.tz-screen--anchor .tz-screen__help{text-align:center}.tz-options{display:grid;gap:10px;margin-top:8px;text-align:left}.tz-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:12px 16px;border:1px solid var(--tz-border);border-radius:var(--tz-radius);background:var(--tz-bg);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.tz-option:hover{border-color:var(--tz-accent)}.tz-option__text{display:flex;flex:1;flex-direction:column;gap:2px}.tz-option__swatch{flex:none;width:40px;height:40px;border:1px solid rgba(0,0,0,.08);border-radius:var(--tz-radius)}.tz-option__title{font-weight:600;color:var(--tz-heading)}.tz-option__hint{font-size:.875rem;color:var(--tz-sub)}.tz-option__radio{flex:none;width:22px;height:22px;border:2px solid var(--tz-heading);border-radius:50%;box-sizing:border-box}.tz-option[aria-pressed=true]{border-color:var(--tz-accent);background:var(--tz-band)}.tz-option[aria-pressed=true] .tz-option__radio{border-color:var(--tz-accent);background:radial-gradient(circle,var(--tz-accent) 0 5px,transparent 6px)}.tz-strips{display:flex;flex-direction:column;gap:4px;margin-top:8px}.tz-strip{--tz-c: #d9c2a7;--tz-on: #1a1a1a;position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 18px;border:0;border-radius:var(--tz-radius);overflow:hidden;cursor:pointer;color:var(--tz-on);font:inherit;background:radial-gradient(130% 160% at 12% -20%,rgba(255,255,255,.24),transparent 55%),radial-gradient(110% 140% at 100% 120%,rgba(0,0,0,.16),transparent 60%),repeating-radial-gradient(circle at 30% 40%,rgba(0,0,0,.025) 0 1px,transparent 1px 4px),repeating-linear-gradient(98deg,#ffffff08 0 2px,#00000006 2px 5px),var(--tz-c);transition:transform .15s ease,box-shadow .15s ease}.tz-strip--img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tz-img) center / cover no-repeat}.tz-strip:hover{transform:scale(1.015)}.tz-strip[aria-pressed=true]{box-shadow:0 0 0 3px var(--tz-bg),0 0 0 5px var(--tz-accent);z-index:1}.tz .tz-strip:focus-visible{outline:3px solid var(--tz-accent);outline-offset:3px;z-index:2}.tz-strip__tag,.tz-strip__text{position:relative;z-index:1}.tz-strip__tag{padding:2px 10px;background:#ffffffe0;color:#1a1a1a;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tz-strip__text{margin-left:auto;font-size:1.125rem;font-weight:600}.tz-strip--img .tz-strip__text{padding:0 10px;background:#ffffffe0;color:#1a1a1a}.tz-strips--refine .tz-strip{min-height:88px}.tz-strips--refine .tz-strip__text{margin:0 auto;font-size:1rem}.tz-tips{margin:20px auto 0;max-width:420px;text-align:left;font-size:.875rem;color:var(--tz-sub)}.tz-tips__toggle{min-height:44px;display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;color:var(--tz-heading);font-weight:600;text-decoration:underline;text-underline-offset:3px}.tz-tips__toggle::-webkit-details-marker{display:none}.tz-tips__toggle:focus-visible{outline:none;box-shadow:var(--tz-focus)}.tz-tips__list{margin:4px 0 0;padding:12px 16px 12px 32px;background:var(--tz-band)}.tz-tips__list li+li{margin-top:8px}.tz-chips{display:flex;flex-wrap:wrap;gap:8px}.tz-chips--center{justify-content:center}.tz-chip{position:relative;cursor:pointer}.tz-chip__label{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid var(--tz-border);border-radius:var(--tz-radius);background:var(--tz-bg);font-size:.9375rem}.tz-chip input:checked+.tz-chip__label{border-color:var(--tz-accent);background:var(--tz-accent);color:var(--color-btn-text, #fff)}.tz-chip input:focus-visible+.tz-chip__label{box-shadow:var(--tz-focus)}.tz-field{margin-bottom:16px}.tz-question{border:0;margin:0;padding:0;min-width:0}.tz-field__label{display:block;font-weight:600;margin-bottom:4px;padding:0;color:var(--tz-heading)}.tz-select{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--tz-border);border-radius:var(--tz-radius);background:var(--color-field-background, #fff);color:inherit;font:inherit}.tz-select:disabled{opacity:.55}.tz-shades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tz-swatch-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;cursor:pointer;text-align:center}.tz-swatch-option__label{font-size:.8125rem;line-height:1.25;word-break:break-word}.tz-swatch-option input:checked+.tz-swatch{box-shadow:0 0 0 3px var(--tz-bg),0 0 0 5px var(--tz-accent)}.tz-swatch-option input:checked~.tz-swatch-option__label{font-weight:600}.tz-swatch-option input:focus-visible+.tz-swatch{outline:2px dashed var(--tz-accent);outline-offset:6px}.tz-error{color:var(--color-warning, #c0392b);margin:12px 0 0;font-weight:600}.tz-swatch{--tz-c: #d9c2a7;display:inline-block;flex:none;width:18px;height:18px;border-radius:50%;background:var(--tz-c);box-shadow:inset 0 0 0 1px #0000001f;vertical-align:middle}.tz-swatch--lg{width:100%;max-width:64px;height:auto;aspect-ratio:1}.tz-swatch--match{width:16px;height:16px;border-radius:2px;box-shadow:inset 0 0 0 1px #00000026}.tz-banner{background:var(--tz-band);text-align:center}.tz-banner__main{padding:24px 16px 20px}.tz-banner__title{margin:0;font-size:1.25rem;line-height:1.3;font-weight:400;color:var(--tz-heading)}.tz-banner__title:focus{outline:none}.tz-banner__sub{margin:6px 0 0;color:var(--tz-sub);font-size:.875rem}.tz-banner--loading .tz-banner__title{color:var(--tz-sub)}.tz-banner__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.tz-btn-soft{min-height:40px;padding:8px 16px;border:1px solid transparent;border-radius:var(--tz-radius);background:#fff;color:var(--tz-heading);font:inherit;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.tz-btn-soft:hover{border-color:var(--tz-heading)}.tz-banner__foot{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;padding:8px 16px;border-top:1px solid rgba(0,0,0,.08)}.tz-banner__toggle{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 4px;border:0;background:none;color:var(--tz-heading);font:inherit;font-size:.875rem;cursor:pointer}.tz-chevron{transition:transform .2s ease}.tz-banner__toggle[aria-expanded=true] .tz-chevron{transform:rotate(180deg)}.tz-banner__match{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;color:var(--tz-heading)}.tz-banner__notes{padding:4px 20px 20px;max-width:680px;margin:0 auto;font-size:.875rem;color:var(--tz-text);text-align:left}.tz-banner__notes p{margin:0 0 8px}.tz-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 0;padding:7px 8px;background:var(--tz-band)}.tz-types{gap:6px}.tz-types .tz-chip__label{min-height:40px;padding:6px 14px;font-size:.8125rem}.tz-tool{min-height:40px;padding:6px 14px;border:1px solid var(--tz-heading);border-radius:var(--tz-radius);background:var(--tz-bg);color:var(--tz-heading);font:inherit;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.tz-tool:hover{background:var(--tz-bg-soft)}.tz-results__note{margin:16px 0 8px;text-align:center;color:var(--tz-sub);font-size:.875rem}.tz-results__count{margin:0 0 12px;text-align:center;font-size:.8125rem;color:var(--tz-sub)}.tz-grid{list-style:none;margin:0;padding:0;display:grid;gap:30px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.tz-card{position:relative;display:flex;flex-direction:column;text-align:left}.tz-card__media{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;background:#fff}.tz-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.tz-card:hover .tz-card__media img{transform:scale(1.03)}.tz-card__placeholder{--tz-c: #d9c2a7;position:absolute;top:0;right:0;bottom:0;left:0;width:56%;height:42%;margin:auto;border-radius:50%;background:radial-gradient(120% 90% at 30% 20%,rgba(255,255,255,.25),transparent 60%),var(--tz-c);box-shadow:inset 0 0 0 1px #00000014}.tz-card__placeholder[hidden]{display:none}.tz-badge{align-items:center;gap:5px}.tz-badge--match{background:#fff;color:#403f3f;box-shadow:inset 0 0 0 1px #e2ddd4}.tz-badge__swatch{--tz-c: #d9c2a7;flex:none;width:10px;height:10px;border-radius:2px;background:var(--tz-c);box-shadow:inset 0 0 0 1px #00000026}.tz-badge--lighter,.tz-badge--darker{background:#ece9e4;color:#5a5550}.tz-badge--cooler{background:#e3eef3;color:#2e4f60}.tz-badge--warmer{background:#f6e6d8;color:#6b3f1f}.tz-card__body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;padding-top:12px}.tz-card__body p{margin:0}.tz-card__body .tz-card__from{margin-bottom:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--tz-accent)}.tz-card__body .tz-card__vendor{margin-bottom:.5rem;font-size:.75rem;line-height:1rem;text-transform:uppercase;color:var(--product-type-color, var(--tz-text))}.tz-card__title{margin:0;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:normal}.tz-card__link{color:var(--product-title-color, var(--tz-heading));text-decoration:none}.tz-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.tz .tz-card__link:focus-visible{outline:none}.tz-card__link:focus-visible:after{box-shadow:var(--tz-focus)}.tz-card:hover .tz-card__link{text-decoration:underline}.tz-card__shade{font-size:1rem;line-height:1.5;color:var(--tz-sub)}.tz-card__buy,.tz-card__soldout-best,.tz-tryon-toggle,.tz-tryon{position:relative;z-index:3}.tz-card__buy{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:auto;padding-top:8px}.tz-card__price{font-size:1rem;font-weight:400;color:var(--product-regular-price-color, inherit)}.tz-card__price:empty,.tz-card__cta:empty{display:none}.tz .tz-atc{min-height:36px;min-width:0;padding:6px 14px;border-radius:var(--tz-radius);font-size:.8125rem;line-height:1.2}.tz-atc.is-loading{opacity:.6;cursor:progress}.tz-stock--out{font-size:.8125rem;color:var(--tz-sub)}.tz-stock--out a,.tz-card__soldout-best a{color:var(--color-text-link, inherit);text-decoration:underline;text-underline-offset:3px}.tz-stock--out a,.tz-card__soldout-best a{display:block;width:fit-content;margin-top:2px}.tz-card__soldout-best{font-size:.75rem;color:var(--tz-sub);margin-top:8px!important}.tz-tryon-toggle{align-self:flex-start;min-height:32px;font-size:.75rem}.tz-card--skeleton .tz-card__body{align-items:flex-start;gap:8px}.tz-skel{display:block;width:80%;height:12px;background:var(--tz-bg-soft);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);background-size:200% 100%;animation:tz-skel 1.4s ease-in-out infinite}.tz-card__media.tz-skel{width:100%;height:auto}.tz-skel--short{width:45%}.tz-skel--btn{width:60%;height:32px;margin-top:4px}@keyframes tz-skel{0%{background-position:100% 0}to{background-position:-100% 0}}.tz-nomatch{padding:20px;border:1px dashed var(--tz-border);border-radius:var(--tz-radius);background:var(--tz-bg-soft);text-align:center}.tz-nomatch__title{font-size:1.125rem;margin:0 0 6px;color:var(--tz-heading)}.tz-nomatch p{margin:0 0 12px}.tz-nomatch .sf__btn{min-height:44px}.tz-tryon{margin-top:8px}.tz-tryon__figure{margin:0}.tz-tryon__skin{--tz-skin: #d9c2a7;--tz-shade: #c68e5f;position:relative;height:96px;overflow:hidden;background:radial-gradient(120% 90% at 30% 20%,rgba(255,255,255,.22),transparent 60%),radial-gradient(140% 120% at 80% 110%,rgba(0,0,0,.14),transparent 60%),var(--tz-skin)}.tz-tryon__blend{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:58%;height:70%;border-radius:50%;background:var(--tz-shade);filter:blur(10px);opacity:.92}.tz-tryon__skin--lip .tz-tryon__blend{width:46%;height:26%;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;filter:blur(2px);opacity:.95}.tz-tryon__skin--cheek .tz-tryon__blend{width:70%;height:55%;filter:blur(18px);opacity:.6}.tz-tryon__caption{font-size:.75rem;color:var(--tz-sub);margin-top:6px}.tz-colour{margin-top:40px}.tz-colour__title{font-size:1.25rem;margin:0 0 4px;text-align:center}.tz-colour__intro{color:var(--tz-sub);margin:0 0 12px;text-align:center}.tz-colour__sub{font-size:1rem;margin:20px 0 10px}@media(max-width:767px){.tz-modal{width:100%;height:100%;max-width:none;max-height:none;margin:0}.tz-modal--fallback[open]{height:100%}.tz-modal__body{padding:8px 16px calc(24px + env(safe-area-inset-bottom,0px))}.tz-screen__title{font-size:1.3125rem}.tz-strip{min-height:46px}.tz-toolbar>.tz-tool{flex:1 1 100%}.tz-card__body .tz-atc{width:100%}}@media(min-width:768px){.tz-section{padding:48px 0 64px}.tz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tz-shades{grid-template-columns:repeat(6,minmax(0,1fr))}.tz-banner__main{padding:28px 24px 22px}.tz-banner__title{font-size:1.5rem}.tz-banner__match{position:absolute;right:16px;top:50%;transform:translateY(-50%)}}@media(min-width:990px){.tz-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.tz-grid{column-gap:24px}}@media(prefers-reduced-motion:reduce){.tz-modal[open]{animation:none}.tz-option,.tz-strip,.tz-chevron,.tz-card__media img{transition:none}.tz-strip:hover,.tz-card:hover .tz-card__media img{transform:none}.tz-skel{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/shade-finder.css.map */