.s30sl{display:block;background:var(--s30sl-bg, #fff);color:#111;--sl-line: rgba(17, 17, 17, .14);--sl-muted: rgba(17, 17, 17, .55)}.s30sl :where(p,h2){margin:0}.s30sl button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;border-radius:0;-webkit-appearance:none;appearance:none}.s30sl a{color:inherit;text-decoration:none}.s30sl__wrap{max-width:1320px;margin:0 auto;padding:clamp(56px,6vw,110px) clamp(20px,3vw,56px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(36px,6vw,110px);align-items:center}.s30sl__media{position:relative;aspect-ratio:4 / 5;max-height:86vh;overflow:hidden;background:#f1efec}.s30sl__photo{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s .8s}.s30sl__photo.is-active{opacity:1;visibility:visible;transition:opacity .8s ease}.s30sl__photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}.s30sl__photo.is-active img{transform:none}.s30sl__photo.is-zoom img{transform:scale(1.14);transform-origin:var(--zo, 50% 50%);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.s30sl__progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff59;z-index:2}.s30sl__progress-fill{display:block;height:100%;width:100%;background:#fff;transform-origin:left center;transform:scaleX(0)}.s30sl.is-running .s30sl__progress-fill{animation:s30slProgress var(--s30sl-dur, 4s) linear forwards}.s30sl.is-paused .s30sl__progress-fill{animation-play-state:paused}.s30sl.is-manual .s30sl__progress{display:none}@keyframes s30slProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.s30sl__panel{min-width:0}.s30sl__top{display:flex;align-items:center;justify-content:space-between;gap:20px}.s30sl__eyebrow,.s30sl__count,.s30sl__num,.s30sl__label,.s30sl .s30sl__btn{font-family:var(--text-font-family, "Instrument Sans", Arial, sans-serif);text-transform:uppercase}.s30sl__eyebrow{font-size:11px;letter-spacing:.26em}.s30sl__nav{display:flex;align-items:center;gap:12px}.s30sl__count{font-size:11px;letter-spacing:.2em;font-variant-numeric:tabular-nums}.s30sl .s30sl__arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--sl-line);display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s}.s30sl .s30sl__arrow:hover{background:#111;color:#fff;border-color:#111}.s30sl .s30sl__title{margin:clamp(18px,2vw,28px) 0 clamp(26px,3vw,42px);font-family:EB Garamond,Times New Roman,serif;font-weight:400;font-size:clamp(36px,3.7vw,60px);line-height:1.02;letter-spacing:-.012em;text-transform:none}.s30sl__look[hidden]{display:none}.s30sl__look.is-active{animation:s30slIn .6s cubic-bezier(.2,.7,.2,1)}@keyframes s30slIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.s30sl__piece{display:grid;grid-template-columns:22px 64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0}.s30sl .s30sl__tick{width:22px;height:22px;border-radius:50%;border:1px solid rgba(17,17,17,.35);display:grid;place-items:center;color:transparent;transition:background .2s,border-color .2s,color .2s}.s30sl__tick svg{width:12px;height:12px}.s30sl__piece.is-on .s30sl__tick{background:#111;border-color:#111;color:#fff}.s30sl__thumb{display:block;width:64px;aspect-ratio:4 / 5;overflow:hidden;background:#f1efec;transition:opacity .3s}.s30sl__thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}.s30sl__thumb--crop img{object-position:var(--crop, 50% 50%);transform:scale(2.1);transform-origin:var(--crop, 50% 50%)}.s30sl__info{min-width:0;display:grid;gap:2px;transition:opacity .3s}.s30sl__num{font-size:11px;letter-spacing:.2em;color:#111;font-weight:600}.s30sl__num span:before{content:"\2014";margin:0 .6em}.s30sl__name{font-family:var(--text-font-family, "Instrument Sans", Arial, sans-serif);font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;line-height:1.5;color:var(--sl-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s30sl__name:hover{text-decoration:underline;text-underline-offset:3px}.s30sl__price{font-size:14px;letter-spacing:.02em;transition:opacity .3s}.s30sl__piece:not(.is-on) :is(.s30sl__thumb,.s30sl__info,.s30sl__price){opacity:.4}.s30sl__one{font-size:12px;letter-spacing:.06em;color:var(--sl-muted);margin-top:6px!important}.s30sl__sizes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.s30sl .s30sl__sz{min-width:34px;height:30px;padding:0 9px;border:1px solid var(--sl-line);font-size:11.5px;letter-spacing:.06em;line-height:28px;transition:border-color .15s,background .15s,color .15s}.s30sl .s30sl__sz:hover:not(:disabled){border-color:#111}.s30sl .s30sl__sz.is-on{background:#111;color:#fff;border-color:#111}.s30sl .s30sl__sz:disabled{opacity:.3;text-decoration:line-through;cursor:default}.s30sl__piece.is-missing .s30sl__sizes{animation:s30slShake .4s ease}.s30sl__piece.is-missing .s30sl__sz:not(:disabled){border-color:#111}@keyframes s30slShake{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.s30sl__plus{position:relative;height:1px;background:var(--sl-line);margin:2px 0}.s30sl__plus span{position:absolute;left:11px;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:var(--s30sl-bg, #fff);border:1px solid var(--sl-line);display:grid;place-items:center;font-family:EB Garamond,Times New Roman,serif;font-size:18px;line-height:1}.s30sl__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:18px;padding-top:22px;border-top:1px solid #111}.s30sl__label{font-size:11px;letter-spacing:.24em}.s30sl__total{font-family:EB Garamond,Times New Roman,serif;font-size:clamp(38px,3.4vw,52px);line-height:1;margin-top:6px!important}.s30sl__free{font-size:12px;letter-spacing:.04em;color:var(--sl-muted);margin-top:8px!important;white-space:nowrap}.s30sl__free[hidden]{display:none}.s30sl__free:before{content:"\2713";margin-right:6px;color:#111}.s30sl__cta{display:grid;justify-items:stretch;gap:8px;min-width:min(300px,100%)}.s30sl .s30sl__btn{height:54px;padding:0 30px;background:#111;color:#fff;font-size:11px;letter-spacing:.22em;white-space:nowrap;transition:background .2s,opacity .2s}.s30sl .s30sl__btn:hover:not(:disabled){background:#333}.s30sl .s30sl__btn:disabled{opacity:.35;cursor:default}.s30sl .s30sl__btn[aria-busy=true]{opacity:.6;cursor:progress}.s30sl__msg{min-height:16px;font-size:12px;color:#a3202d;text-align:center}@media(max-width:989px){.s30sl__wrap{grid-template-columns:1fr}.s30sl__media{max-height:none}}@media(max-width:749px){.s30sl__wrap{padding:48px 0 56px;gap:26px}.s30sl__panel{padding:0 20px}.s30sl__piece{grid-template-columns:22px 56px minmax(0,1fr) auto;gap:12px}.s30sl__thumb{width:56px}.s30sl__foot{flex-direction:column;align-items:stretch;gap:16px}.s30sl__cta{min-width:0}}@media(prefers-reduced-motion:reduce){.s30sl__photo,.s30sl__photo img{transition:none}.s30sl__look.is-active,.s30sl__piece.is-missing .s30sl__sizes{animation:none}.s30sl__progress{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/s30-shoplook.css.map */