.qc-signature--featured{display:block;padding-block:6rem}.qc-signature--featured .qc-signature__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3.2rem,4vw,6rem)}.qc-signature--featured .qc-signature__visual{margin:0;padding:0;min-width:0}.qc-signature--featured .qc-mask-demo{position:relative;width:100%;padding:0;background:transparent;box-shadow:none}.qc-signature--featured .qc-mask-demo__stage{overflow:hidden;border-radius:42% 18% 32% 16%/26% 26% 20% 20%;background:var(--qc-home-paper)}.qc-signature--featured .qc-mask-demo__stage img{padding:0;object-fit:cover}.qc-signature--featured .qc-mask-demo__switch{max-width:36rem;margin:2rem auto 0;border:1px solid var(--qc-home-line);border-radius:1.2rem}.qc-signature--featured .qc-mask-demo__switch label{border-radius:.8rem}.qc-signature--featured .qc-mask-demo__switch[hidden]{display:none}.qc-signature--featured .qc-mask-demo__input:disabled~.qc-mask-demo__switch label:first-child{opacity:.4;cursor:not-allowed}.qc-signature--featured .qc-mask-demo__note{font-size:1.4rem}.qc-signature--featured .qc-outfitter__heading{font-size:clamp(4rem,4vw,6rem)}.qc-signature--featured .qc-home-intro{max-width:none;margin:2rem 0}.qc-signature--featured .qc-signature__features{margin:2rem 0}.qc-signature--featured .qc-signature__features li{gap:1.2rem;margin-bottom:1.2rem}.qc-signature--featured .qc-signature__features li>span{background:transparent;color:var(--qc-home-ink);width:2rem;height:2rem}.qc-signature--featured .qc-signature__features p{margin-top:.3rem}.qc-signature--featured .qc-hat-picker{max-width:none}.qc-hat-picker__patterns{min-width:0;padding:0;margin:0;border:0}.qc-hat-picker__patterns legend{padding:0;font-weight:700;font-size:1.6rem}.qc-hat-picker__selected{margin:.4rem 0 1.2rem;font-size:1.5rem;min-height:2.1rem}.qc-hat-picker__slider{display:grid;grid-template-columns:3.6rem minmax(0,1fr) 3.6rem;align-items:center;gap:.6rem;max-width:41.2rem}.qc-hat-picker__swatches{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4rem)/5);gap:1rem;padding:.4rem;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:.4rem;scroll-snap-type:x mandatory;scroll-behavior:smooth}.qc-hat-picker__swatches::-webkit-scrollbar{display:none}.qc-hat-picker__nav{display:grid;place-items:center;min-height:4.4rem;padding:0;border:1px solid var(--qc-home-line);border-radius:.8rem;background:transparent;color:var(--qc-home-ink);cursor:pointer}.qc-hat-picker__nav svg{width:1.8rem;height:1.8rem}.qc-hat-picker__nav--previous svg{transform:rotate(180deg)}.qc-hat-picker__nav:hover:not(:disabled){background:var(--qc-home-ink);color:#fff}.qc-hat-picker__nav:disabled{opacity:.3;cursor:default}.qc-hat-picker__nav:focus-visible{outline:2px solid var(--qc-home-orange);outline-offset:2px}.qc-hat-picker .qc-hat-swatch{position:relative;display:block;margin:0;cursor:pointer;scroll-snap-align:start}.qc-hat-swatch input{position:absolute;width:1px;height:1px;opacity:0}.qc-hat-swatch__art{display:grid;place-items:center;width:100%;max-width:5.6rem;aspect-ratio:1;border-radius:50%;border:2px solid transparent;padding:3px;background:var(--qc-home-card)}.qc-hat-swatch__art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.qc-hat-swatch input:checked+.qc-hat-swatch__art{border-color:var(--qc-home-orange);box-shadow:0 0 0 1px var(--qc-home-orange)}.qc-hat-swatch input:focus-visible+.qc-hat-swatch__art{outline:3px solid var(--qc-home-ink);outline-offset:3px}.qc-hat-swatch:hover .qc-hat-swatch__art{border-color:var(--qc-home-ink)}.qc-hat-swatch:has(input:disabled){cursor:not-allowed;opacity:.4}.qc-hat-swatch input:disabled+.qc-hat-swatch__art:after{content:"";position:absolute;width:100%;height:2px;background:var(--qc-home-ink);transform:rotate(-45deg)}.qc-signature--featured .qc-hat-picker .qc-primary-button{margin-top:2rem}@media(max-width:989px){.qc-signature--featured .qc-signature__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}.qc-hat-picker__swatches{grid-auto-columns:calc((100% - 1.6rem)/5);gap:.4rem}}@media(max-width:749px){.qc-signature--featured{padding-block:4rem}.qc-signature--featured .qc-signature__grid{grid-template-columns:minmax(0,1fr);gap:3rem}.qc-signature--featured .qc-mask-demo{max-width:46rem;margin-inline:auto}.qc-signature--featured .qc-mask-demo__switch label{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.qc-hat-picker__swatches{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/qc-signature.css.map */