.xp-hat-offer{--xp-hat-green: var(--xp-green, #b8f36a);margin:0 0 1.2rem;border:1px solid #4b514c;background:#171917;color:#f1f3ed;font-family:monospace}.xp-hat-offer [hidden]{display:none!important}.xp-hat-offer__toggle{display:flex;align-items:center;gap:.75rem;min-height:4.5rem;padding:.8rem;cursor:pointer}.xp-hat-offer__toggle input{position:absolute;width:1px;height:1px;opacity:0}.xp-hat-offer__check{display:grid;width:1.35rem;height:1.35rem;flex:0 0 1.35rem;place-items:center;border:1px solid #727a72;background:#202420}.xp-hat-offer__check:after{width:.65rem;height:.38rem;border-bottom:2px solid #151915;border-left:2px solid #151915;content:"";opacity:0;transform:translateY(-1px) rotate(-45deg)}.xp-hat-offer__toggle input:checked+.xp-hat-offer__check{border-color:var(--xp-hat-green);background:var(--xp-hat-green)}.xp-hat-offer__toggle input:checked+.xp-hat-offer__check:after{opacity:1}.xp-hat-offer__toggle input:focus-visible+.xp-hat-offer__check{outline:2px solid var(--xp-hat-green);outline-offset:3px}.xp-hat-offer__toggle-copy{display:grid;gap:.25rem}.xp-hat-offer__toggle-copy strong{color:var(--xp-hat-green);font-size:1.15rem;font-weight:900}.xp-hat-offer__toggle-copy small{color:#aeb6ad;font-size:.78rem;font-weight:700}.xp-hat-offer__selector{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;gap:.65rem;padding:0 .8rem .8rem;animation:xp-hat-offer-reveal .18s ease-out both}.xp-hat-offer__selector.has-image{grid-template-columns:5.5rem minmax(0,1fr)}.xp-hat-offer__selector>img{grid-row:span 2;width:5.5rem;height:5.5rem;border:1px solid #505650;background:#fff;object-fit:contain}.xp-hat-offer__field{display:grid;width:100%;min-width:0;gap:.3rem;color:#aeb6ad;font-size:.75rem;font-weight:700}.xp-hat-offer__field select{width:100%;min-height:3rem;padding:.6rem 2rem .6rem .65rem;border:1px solid #596259;border-radius:0;background:#202420;color:#f4f5f0;font:1rem monospace}.xp-hat-offer__field select:focus-visible{border-color:var(--xp-hat-green);outline:1px solid var(--xp-hat-green);outline-offset:1px}.xp-hat-offer__design-picker{position:relative;display:block;z-index:5;width:100%;min-width:0}.xp-hat-offer__design-picker[open]{z-index:20}.xp-hat-offer__design-picker summary{display:flex;box-sizing:border-box;width:100%;min-height:3rem;align-items:center;justify-content:space-between;gap:.7rem;padding:.6rem .65rem;border:1px solid #596259;background:#202420;color:#f4f5f0;cursor:pointer;font:1rem monospace;list-style:none}.xp-hat-offer__design-picker summary::-webkit-details-marker{display:none}.xp-hat-offer__design-picker summary:after{content:"";width:.5rem;height:.5rem;flex:0 0 .5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}.xp-hat-offer__design-picker[open] summary{border-color:var(--xp-hat-green)}.xp-hat-offer__design-picker[open] summary:after{transform:translateY(2px) rotate(225deg)}.xp-hat-offer__design-list{position:absolute;top:calc(100% + 2px);right:0;left:0;box-sizing:border-box;width:100%;min-width:min(16rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem);max-height:min(24rem,60vh);overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain;touch-action:pan-y;border:1px solid #596259;background:#171917;scrollbar-color:var(--xp-hat-green) #252a25;scrollbar-gutter:stable;scrollbar-width:auto}.xp-hat-offer__design-option{display:block;width:100%;min-height:2.5rem;padding:.55rem .7rem;border:0;border-bottom:1px solid #303630;background:transparent;color:#e7ebe4;cursor:pointer;font:.9rem/1.3 monospace;text-align:left;white-space:normal;overflow-wrap:anywhere}.xp-hat-offer__design-option:hover,.xp-hat-offer__design-option:focus-visible,.xp-hat-offer__design-option[aria-selected=true]{outline:none;background:#2b3427;color:var(--xp-hat-green)}.xp-hat-offer__design-list::-webkit-scrollbar{width:.85rem}.xp-hat-offer__design-list::-webkit-scrollbar-track{background:#252a25}.xp-hat-offer__design-list::-webkit-scrollbar-thumb{border:2px solid #252a25;background:var(--xp-hat-green)}.xp-hat-offer__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.xp-hat-offer__note,.xp-hat-offer__message{margin:0;padding:0 .8rem .8rem;color:var(--xp-hat-green);font-size:.75rem;font-weight:700;line-height:1.5}.xp-hat-offer__message{color:#ffb5ae}@keyframes xp-hat-offer-reveal{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.xp-hat-offer__selector.has-image{grid-template-columns:4.5rem minmax(0,1fr)}.xp-hat-offer__selector>img{width:4.5rem;height:4.5rem}}@media(prefers-reduced-motion:reduce){.xp-hat-offer__selector{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/xp-hoodie-hat-offer.css.map */