.tos-halloween{position:relative;isolation:isolate;min-height:clamp(470px,39vw,660px);display:grid;background:#080808;color:#fff;overflow:hidden}.tos-halloween__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.tos-halloween__image{width:100%;height:100%;display:block;object-fit:cover;object-position:68% center}.tos-halloween__content{display:flex;align-items:center;width:100%;padding-top:6rem;padding-bottom:6rem;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.22) 48%,transparent 72%)}.tos-halloween__copy{max-width:53rem}.tos-halloween__copy h1{margin:0;color:#fff7ec;font-size:clamp(4rem,4.7vw,7rem);line-height:1.06;letter-spacing:-.025em;white-space:normal;text-wrap:balance;overflow-wrap:normal}.tos-halloween__copy p{margin:2.4rem 0 3rem;max-width:45rem;color:#eee5da;font-size:1.9rem;line-height:1.65;white-space:normal;text-wrap:pretty}.tos-halloween__code{display:inline-block;color:#ffb34d;white-space:nowrap}#MainContent .tos-halloween .tos-halloween__button{--color-button:255,156,44;--color-button-text:13,9,4;background:#ff9c2c;color:#0d0904;border:1px solid #ffb24e;border-radius:16px;min-height:5.6rem;padding:1.4rem 2.8rem;font-size:1.7rem;font-weight:700;box-shadow:0 0 24px #e76a1421}#MainContent .tos-halloween .tos-halloween__button[disabled]{opacity:1;cursor:not-allowed}#MainContent .tos-halloween .tos-halloween__button:focus-visible{outline:3px solid #fff;outline-offset:5px}body:has(.tos-home-hero--halloween) .header-wrapper{position:relative;border-bottom-color:#ff9c2c4d}body:has(.tos-home-hero--halloween) .header-wrapper:before{content:"";pointer-events:none;position:absolute;right:1rem;top:0;width:9rem;height:100%;opacity:.25;background:repeating-conic-gradient(from 180deg at 100% 0,transparent 0deg 13deg,#c8b8a3 13.3deg 13.8deg,transparent 14deg 25deg)}body:has(.tos-home-hero--halloween) .header-wrapper:after{content:"";pointer-events:none;position:absolute;right:1.2rem;bottom:-5.7rem;width:8.5rem;height:8.5rem;background-repeat:no-repeat;background-size:contain;z-index:3;filter:drop-shadow(0 4px 5px #000)}@media(min-width:1600px){.tos-halloween__image{object-position:center}}@media(max-width:989px)and (min-width:750px){.tos-halloween__copy{max-width:43rem}.tos-halloween__copy h1{font-size:4.8rem}}@media(max-width:749px){.tos-halloween{display:flex;flex-direction:column;min-height:0}.tos-halloween__art{position:relative;inset:auto;z-index:0;height:26rem}.tos-halloween__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 65%,#080808)}.tos-halloween__image{object-position:90% center}.tos-halloween__content{padding:1.2rem 2.4rem 3.8rem;background:#080808}.tos-halloween__copy{max-width:none;text-align:center;width:100%}.tos-halloween__copy h1{font-size:clamp(3.5rem,9vw,4.6rem);line-height:1.1}.tos-halloween__copy p{margin:1.8rem auto 2.2rem;max-width:38rem;font-size:1.6rem;line-height:1.6}#MainContent .tos-halloween .tos-halloween__button{font-size:1.6rem;padding:1.2rem 2rem;min-height:5rem}body:has(.tos-home-hero--halloween) .header-wrapper:after{width:6.5rem;height:6.5rem;right:.4rem;bottom:-4.7rem}body:has(.tos-home-hero--halloween) .header-wrapper:before{width:5.6rem;right:.4rem}}.tos-halloween__content{justify-content:center;text-align:center;background:linear-gradient(90deg,#0006,#000000a3 50%,#0006)}.tos-halloween__copy{width:100%;max-width:76rem;margin-inline:auto}.tos-halloween__copy p{margin-left:auto;margin-right:auto;max-width:58rem}@media(max-width:749px){.tos-halloween__content{background:#080808}.tos-halloween__copy{max-width:100%}}@media(min-width:750px){.tos-halloween{width:100%;max-width:1600px;margin-inline:auto;min-height:clamp(470px,34vw,620px)}.tos-halloween__image{object-position:center center}.tos-halloween__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.2) 52%,transparent 76%)}.tos-halloween__content{justify-content:flex-start;text-align:left;background:none;max-width:var(--page-width);margin-inline:auto}.tos-halloween__copy{width:48%;max-width:56rem;margin:0;text-align:left}.tos-halloween__copy h1{font-size:clamp(4rem,4vw,6.4rem)}.tos-halloween__copy p{margin-left:0;margin-right:0;max-width:48rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/tos-halloween.css.map */