.ttl{--chalk:#F3F1EB;--graphite:#1C1D1F;--stone:#C8BFB1;--slate:#4B525B;--clay:#B7583B;--hc:min(clamp(300px, calc(100vh - 380px) ,540px),calc((50vw - 130px)/1.12));--ratio:.5417;--side:.847;--gapx:40;--blur1:1.5;background:var(--chalk);color:var(--graphite);font-family:Inter,system-ui,sans-serif;overflow:hidden;position:relative;z-index:0;isolation:isolate;scroll-margin-top:90px}.ttl__head{text-align:center;padding:0 24px}.ttl__title{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(32px,4vw,52px);letter-spacing:-.01em;margin:0 0 8px;color:var(--graphite)}.ttl__sub{margin:0;color:var(--slate);font-size:16px}.ttl__stage{position:relative;height:calc(var(--hc) + 8px);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.ttl__track{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.ttl__slide{position:absolute;left:50%;bottom:0;height:var(--hc);width:calc(var(--hc)*var(--ratio));margin-left:calc(var(--hc)*var(--ratio)/-2);transform-origin:50% 100%;will-change:transform,opacity}.ttl__look{display:block;height:100%;width:100%;-webkit-tap-highlight-color:transparent}.ttl__look img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}.ttl__look:focus-visible{outline:2px solid var(--graphite);outline-offset:4px}.ttl__infos{display:grid;justify-items:center;margin:14px auto 0;padding:0 24px;max-width:520px;text-align:center}.ttl__info{grid-area:1/1;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;animation:ttlIn .3s var(--ease,ease)}.ttl__info[hidden]{display:none}@keyframes ttlIn{0%{opacity:0}to{opacity:1}}.ttl__eyebrow.cc-eyebrow{margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.ttl__color{display:inline-flex;align-items:center;gap:6px}.ttl__sw{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #1c1d1f26;display:inline-block}.ttl__row{margin:0;display:flex;align-items:baseline;justify-content:center;gap:12px;max-width:100%;min-width:0}.ttl__ptitle{font-family:var(--display);font-weight:500;font-size:18px;line-height:1.3;color:var(--text-primary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ttl__price{font-family:var(--sans);font-size:15px;color:var(--text-primary);flex:0 0 auto}.ttl__line{margin:0;font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--text-secondary);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttl__cta{display:flex;justify-content:center;margin-top:14px}.ttl__foot{margin-top:14px}.ttl .ttl__qfoot.cc-qfoot{display:flex;margin-top:0}.ttl__left{display:flex;align-items:center;gap:16px}.ttl__dots{align-items:center}.ttl__dash{padding:10px 0;margin:0;border:0;background:none;cursor:pointer;display:block;line-height:0}.ttl__dash i{display:block;width:18px;height:3px;border-radius:2px;background:var(--border-primary);transition:background .2s var(--ease)}.ttl__dash i.cc-on{background:var(--clay)}.ttl .ttl__qfoot.cc-qfoot{align-items:center;justify-content:space-between;gap:16px;height:auto}.ttl__dots{display:flex;gap:6px}.ttl .cc-qnav{display:flex;gap:10px}.ttl__dash:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ttl__btn.cc-btn{margin:0;min-width:180px}.ttl__count{margin:0;text-align:center;font-family:var(--label);font-size:11px;letter-spacing:.2em;color:var(--text-secondary);font-variant-numeric:tabular-nums}.ttl__stage.is-drag{cursor:grabbing}.ttl__slide{backface-visibility:hidden}.ttl__look img{will-change:filter}@media(max-width:749px){.ttl{--hc:264px;--ratio:.5;--gapx:12;--blur1:1.2}.ttl__look img{object-fit:contain}.ttl__title{font-size:32px}.ttl__sub{font-size:15px}.ttl__ptitle{font-size:16px}.ttl__line{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ttl__infos{padding:0 20px}}.ttl .ttl__sub,.ttl .ttl__line,.ttl .ttl__count{color:var(--text-secondary)}.ttl .ttl__infos{justify-items:stretch;text-align:left;max-width:520px;margin:16px auto 0;padding:0 24px;box-sizing:content-box}.ttl .ttl__info{align-items:stretch;gap:0}.ttl .ttl__row{display:grid;grid-template-columns:1fr auto;align-items:start;gap:16px;justify-content:stretch}.ttl .ttl__ptitle{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ttl .ttl__price{font-family:var(--sans);font-weight:500;font-size:15px;line-height:31px}.ttl .ttl__line{margin-top:8px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ttl .ttl__cta{justify-content:flex-start;max-width:520px;margin:16px auto 0;padding:0 24px;box-sizing:content-box}@media(max-width:749px){.ttl .ttl__infos,.ttl .ttl__cta{padding:0 24px;max-width:none;box-sizing:border-box}.ttl .ttl__ptitle{font-size:22px}.ttl .ttl__price{line-height:26px}.ttl .ttl__btn.cc-btn{width:100%}}.ttl .ttl__cta{justify-content:center;max-width:none;margin:16px 0 0;padding:0 24px}.ttl .ttl__btn.cc-btn{min-width:246.28px;margin:0}@media(max-width:749px){.ttl .ttl__btn.cc-btn{width:100%;min-width:0}}.ttl .ttl__head{text-align:center;padding:0 24px}.ttl .ttl__title.cc-h2{margin:0 0 10px;font-family:var(--display);font-weight:400;font-size:clamp(32px,3.6vw,44px);line-height:1.1;letter-spacing:-.01em}.ttl .ttl__sub{font-size:16px;line-height:1.6}.ttl .ttl__line{font-size:15px;line-height:1.65}.ttl .ttl__count{font-weight:500}@media(max-width:749px){.ttl .ttl__title.cc-h2{font-size:30px}.ttl{padding-bottom:96px}}.ttl .ttl__ptitle{text-decoration:none;transition:color .2s var(--ease)}.ttl .ttl__ptitle:hover{color:var(--accent);text-decoration:none}.ttl__look img{transition:transform .4s var(--ease)}.ttl__slide[aria-current] .ttl__look:hover img{transform:scale(1.02)}.ttl__look:focus-visible,.ttl .ttl__ptitle:focus-visible,.ttl__dash:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ttl__dash[hidden]{display:none!important}.ttl__dots{flex-wrap:nowrap;min-width:0}.ttl__count{white-space:nowrap;flex-shrink:0}@media(min-width:750px){.ttl .ttl__ptitle{max-width:330px}.ttl .ttl__row{column-gap:48px}}@media(max-width:749px){.ttl__look{transform-origin:50% 80%;transition:transform .4s var(--ease,ease)}.ttl__slide[aria-current] .ttl__look{transform:scale(1.15)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/try-the-look.css.map */