.sl-hero{--ink:#1d1d1f;--ink-2:#424245;--ink-3:#6e6e73;--line:#d2d2d7;--canvas:#f5f5f7;--link:#0066cc;background:var(--canvas);color:var(--ink);padding:clamp(28px,5vw,80px) 0}.sl-hero__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,80px);align-items:center}.sl-hero__media{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center}.sl-hero__thumbs{display:flex;flex-direction:column;gap:10px}.sl-hero__thumbs[hidden]{display:none}.sl-hero__thumb{width:72px;height:72px;padding:0;border-radius:14px;border:1px solid var(--line);background:#fff;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s}.sl-hero__thumb:hover{border-color:var(--ink)}.sl-hero__thumb[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink);border-color:var(--ink)}.sl-hero__thumb img{width:100%;height:100%;object-fit:cover;display:block}.sl-hero__thumb-live{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-family:var(--sl-display);font-weight:800;font-size:22px;letter-spacing:-.03em}.sl-hero__stage{position:relative;aspect-ratio:1/1;border-radius:24px;overflow:hidden}.sl-hero.is-loading .sl-hero__stage:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.06),transparent);animation:sl-pulse 1.2s ease-in-out infinite alternate}@keyframes sl-pulse{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sl-hero__canvas{width:100%;height:100%;display:block;mix-blend-mode:multiply}.sl-hero__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.16,1,.3,1)}.sl-hero__photo.is-on{opacity:1}.sl-hero__zoom{position:absolute;right:14px;bottom:14px;border:1px solid var(--line);background:#ffffffeb;border-radius:99px;padding:8px 14px;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}.sl-hero__zoom[hidden]{display:none}.sl-hero__title{font-family:var(--sl-display);font-size:clamp(40px,4.6vw,72px);line-height:1.02;letter-spacing:-.035em;margin:0 0 18px;font-weight:800;white-space:nowrap}.sl-hero__sub{font-size:clamp(17px,1.35vw,20px);line-height:1.45;margin:0 0 28px;max-width:30em;color:var(--ink-2)}.sl-hero__types{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.sl-hero__type{min-height:44px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:99px;padding:10px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}.sl-hero__type:hover{border-color:var(--ink)}.sl-hero__type small{color:var(--ink-3);margin-left:6px;font-weight:500}.sl-hero__type[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.sl-hero__type[aria-pressed=true] small{color:#c7c7cc}.sl-hero__field{position:relative;display:block}.sl-hero__field textarea{width:100%;resize:none;overflow:hidden;border:1.5px solid var(--ink);border-radius:20px;background:#fff;padding:20px 120px 20px 22px;font:inherit;font-size:20px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.35;box-shadow:0 10px 30px #0000000d;outline:none;caret-color:var(--link)}.sl-hero__field textarea::placeholder{text-transform:none;font-weight:500;color:#76767b}.sl-hero__field textarea:focus-visible{box-shadow:0 0 0 4px #0071e338}.sl-hero__count{position:absolute;right:20px;top:24px;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}.sl-hero__hint{font-size:13px;margin:10px 4px 22px;color:var(--ink-3);min-height:1.3em;transition:color .2s}.sl-hero__hint.is-warn{color:#c40012;font-weight:600}.sl-hero__row{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.sl-hero__row[hidden]{display:none}.sl-hero__label-row{display:flex;justify-content:space-between;align-items:baseline}.sl-hero__label{font-size:13px;color:var(--ink-2)}.sl-hero__guide-btn{background:none;border:0;padding:4px 0;font:inherit;font-size:13px;color:var(--link);cursor:pointer;text-underline-offset:3px}.sl-hero__guide-btn:hover{text-decoration:underline}.sl-hero__guide-btn[hidden]{display:none}.sl-hero__guide{background:#fff;border-radius:16px;padding:12px;animation:sl-open .3s cubic-bezier(.16,1,.3,1)}.sl-hero__guide img{display:block;width:100%;height:auto;max-width:420px;margin:0 auto}@keyframes sl-open{0%{opacity:0;transform:translateY(-6px)}}.sl-hero__swatches,.sl-hero__sizes{display:flex;gap:10px;flex-wrap:wrap}.sl-hero__swatch{width:36px;height:36px;border-radius:50%;border:3px solid var(--canvas);box-shadow:0 0 0 1px #0003;cursor:pointer;padding:0;transition:box-shadow .2s}.sl-hero__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.sl-hero__size{min-width:52px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-weight:600;cursor:pointer;transition:border-color .2s}.sl-hero__size:hover{border-color:var(--ink)}.sl-hero__size[aria-pressed=true]{border:2px solid var(--ink)}.sl-hero__size:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}.sl-hero__sizes.is-shake{animation:sl-shake .4s}@keyframes sl-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sl-hero__cta{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;text-decoration:none;border-radius:99px;padding:20px 28px;font-size:17px;font-weight:700;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s}.sl-hero__cta:hover{transform:translateY(-2px)}.sl-hero__cta.is-busy{opacity:.6;pointer-events:none}.sl-hero__price{font-weight:500;opacity:.85;padding-left:18px;border-left:1px solid rgba(255,255,255,.3);font-variant-numeric:tabular-nums}.sl-hero__details{display:inline-block;margin:14px 4px 0;font-size:14px;color:var(--link);text-decoration:none;text-underline-offset:3px}.sl-hero__details:hover{text-decoration:underline}.sl-hero__trust{display:flex;gap:18px;flex-wrap:wrap;list-style:none;padding:0;margin:16px 4px 0;font-size:13px;color:var(--ink-3)}.sl-hero__trust li{display:inline-flex;align-items:center;gap:6px}.sl-hero__trust svg{color:var(--ink)}.sl-hero :focus-visible{outline:2px solid var(--link);outline-offset:3px}@media(max-width:989px){.sl-hero__inner{grid-template-columns:1fr;gap:18px}.sl-hero__media{grid-template-columns:1fr}.sl-hero__thumbs{flex-direction:row;order:2;justify-content:center}.sl-hero__thumb{width:60px;height:60px}.sl-hero__title{font-size:clamp(34px,9vw,52px)}}@media(prefers-reduced-motion:reduce){.sl-hero *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sl-custom-hero.css.map */