.custom-reveal{width:100%}.section.custom-reveal{padding-block-start:80px}.custom-reveal__frame{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.45fr) minmax(220px,.9fr);gap:20px 18px;align-items:stretch}.custom-reveal__copy{display:flex;flex-direction:column;align-self:stretch;height:100%;min-height:100%;gap:14px;padding:0}.custom-reveal__intro{display:flex;flex-direction:column;gap:10px}.custom-reveal__title{margin:0;color:#111;font-family:var(--font-body--family),Inter,sans-serif;font-size:clamp(26px,2.5vw,36px);font-weight:700;letter-spacing:-.04em;line-height:1.05;max-width:none}.custom-reveal__text{margin:0;max-width:none;color:#555;font-family:var(--font-body--family),Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.5}.custom-reveal__side-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1 1 auto}.custom-reveal__btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:auto;padding:12px 20px;background:#ff8d2b;color:#fff;font-family:var(--font-body--family),Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease}.custom-reveal__btn:hover{background:#e6771c;color:#fff}.custom-reveal__eyebrow{margin:0;color:#ff8d2b;font-family:var(--font-body--family),Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.custom-reveal__products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.custom-reveal .na-card__media{aspect-ratio:4 / 5}.custom-reveal .na-card__badge,.custom-reveal .product-badge,.custom-reveal .product-badge-row,.custom-reveal .quick-size-add{display:none}.custom-reveal__stage{position:relative;min-height:100%;overflow:hidden;background:transparent}.custom-reveal__compare{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:ew-resize}.custom-reveal__layer,.custom-reveal__img,.custom-reveal__ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.custom-reveal__img{object-fit:contain;object-position:100% 50%;mix-blend-mode:multiply;pointer-events:none}.custom-reveal__ph svg{width:100%;height:100%;object-fit:contain}.custom-reveal__layer--before{clip-path:inset(0 calc(100% - var(--compare) * 1%) 0 0)}.custom-reveal__divider{position:absolute;top:8%;bottom:8%;left:calc(var(--compare) * 1%);z-index:2;width:2px;background:#ff8d2b;transform:translate(-50%);pointer-events:none;box-shadow:0 0 18px #ff8d2b73}.custom-reveal__handle{position:absolute;top:50%;left:50%;width:36px;height:36px;border:2px solid #fff;border-radius:50%;background:#ff8d2b;box-shadow:0 8px 24px #00000038;transform:translate(-50%,-50%)}.custom-reveal__handle:before,.custom-reveal__handle:after{content:"";position:absolute;top:50%;width:6px;height:6px;border:solid #fff;border-width:0 2px 2px 0}.custom-reveal__handle:before{left:9px;transform:translateY(-50%) rotate(135deg)}.custom-reveal__handle:after{right:9px;transform:translateY(-50%) rotate(-45deg)}.custom-reveal__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}.custom-reveal__chip{position:absolute;bottom:12px;z-index:2;display:inline-flex;padding:6px 10px;border:1px solid rgb(255 255 255 / .95);border-radius:5px;background:#fffc;backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);color:#111;font-family:var(--font-body--family),Inter,sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;pointer-events:none}.custom-reveal__chip--before{left:calc(var(--compare) * 1% - 12px);transform:translate(-100%)}.custom-reveal__chip--after{left:calc(var(--compare) * 1% + 12px)}@media screen and (max-width:989px){.custom-reveal__frame{grid-template-columns:1fr 1fr}.custom-reveal__copy{grid-column:1 / -1;padding:0}.custom-reveal__products{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-reveal__stage{min-height:320px}}@media screen and (max-width:749px){.custom-reveal__frame{grid-template-columns:1fr}.custom-reveal__stage{min-height:280px;aspect-ratio:5 / 4}.shopify-section[id*=hats_reveal] .custom-reveal__stage{width:100%;max-width:100%;margin-inline:auto;justify-self:center}.shopify-section[id*=hats_reveal] .custom-reveal__img{object-position:center center}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/custom-reveal.css.map */