.quiz-banner-slide{position:relative;overflow:hidden;isolation:isolate;background:#ed302f}.quiz-banner-slide{height:auto!important;min-height:0!important;max-height:none!important}.hero>.swiper-wrapper>.swiper-slide{position:relative!important;overflow:hidden!important}.hero>.swiper-wrapper>.swiper-slide:not(.quiz-banner-slide)>picture{display:block!important;width:100%!important;height:auto!important}.hero>.swiper-wrapper>.swiper-slide:not(.quiz-banner-slide)>picture>img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:cover!important;object-position:top center!important}@media(max-width:767px){.hero>.swiper-wrapper>.swiper-slide:not(.quiz-banner-slide){height:auto!important;aspect-ratio:366 / 487!important}.hero>.swiper-wrapper>.swiper-slide:not(.quiz-banner-slide)>picture{height:100%!important;overflow:hidden!important}.hero>.swiper-wrapper>.swiper-slide:not(.quiz-banner-slide)>picture>img{height:100%!important;max-width:none!important;object-fit:cover!important;object-position:top center!important}}@media(min-width:1025px){.hero>.swiper-wrapper>.swiper-slide{--qb-max-h: calc(100svh - 70px) }.hero>.swiper-wrapper>.swiper-slide:not(.quiz-banner-slide)>picture>img,.hero>.swiper-wrapper>.quiz-banner-slide .quiz-banner-slide__background img{max-height:var(--qb-max-h)!important;object-position:center!important}}.quiz-banner-slide__background{position:relative!important;inset:auto!important;z-index:0!important;display:block!important;width:100%!important;height:auto!important;overflow:hidden!important;background:#ed302f!important}.quiz-banner-slide__background img{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:cover!important;object-position:top center!important;transform:none!important}@media(min-width:768px){.quiz-banner-slide__background img{object-fit:cover!important}}@media(max-width:767px){.quiz-banner-slide__background img{object-fit:cover!important}}.quiz-banner-slide__inner{position:absolute!important;z-index:2!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:min(calc(100% - 30px),1204px)!important;height:100%!important;margin:0 auto!important}.quiz-banner-slide__content{position:absolute;z-index:20;top:50%;left:0;width:43%;transform:translateY(-50%)}.quiz-banner-slide__heading{max-width:520px;margin:0 0 16px;color:var(--quiz-heading-desktop, #fff60c);font-family:Franklin Gothic Demi,Franklin Gothic,Arial,sans-serif;font-size:clamp(48px,4vw,68px);font-weight:400;line-height:.96;letter-spacing:-.03em}.quiz-banner-slide__description{max-width:470px;margin:0 0 28px;color:var(--quiz-description-desktop, #fff60c);font-family:Franklin Gothic,Arial,sans-serif;font-size:clamp(21px,1.75vw,28px);font-weight:400;line-height:1.08}.quiz-banner-slide__heading span,.quiz-banner-slide__description span{display:block}.quiz-banner-slide__button-wrap{display:inline-flex}.quiz-banner-slide__ui-button{--ui-btn-border: transparent !important}@media(min-width:768px){.quiz-banner-slide__button-wrap{width:auto;max-width:none}.quiz-banner-slide__ui-button{--ui-btn-bg: #ffffff !important;--ui-btn-text: #ed302f !important}}@media(max-width:767px){.quiz-banner-slide__button-wrap{width:100%!important;max-width:none!important}.quiz-banner-slide__ui-button{width:100%!important;max-width:none!important;height:48px!important;padding:8px 24px!important;font-size:18px!important;--ui-btn-bg: #ff3b30 !important;--ui-btn-text: #ffffff !important}}.quiz-banner-slide__stage{position:absolute!important;z-index:10!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important}.quiz-banner-slide__slot{position:absolute;aspect-ratio:1 / 1;filter:drop-shadow(0 12px 18px rgba(0,0,0,.14))}.quiz-banner-slide__pin{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;object-fit:contain!important;opacity:0;transform:scale(.975);transition:opacity .16s ease,transform .16s ease;will-change:opacity,transform}.quiz-banner-slide__pin.is-active{opacity:1;transform:scale(1)}@media(min-width:768px){.quiz-banner-slide{--qb-pin-top-x: 75%;--qb-pin-top-y: 40%;--qb-pin-top-size: 17%;--qb-pin-left-x: 65%;--qb-pin-left-y: 70%;--qb-pin-left-size: 15%;--qb-pin-right-x: 85%;--qb-pin-right-y: 70%;--qb-pin-right-size: 15%;--qb-pin-5-x: 0%;--qb-pin-5-y: 37%;--qb-pin-8-x: 0%;--qb-pin-8-y: 22%}.quiz-banner-slide__stage{top:0!important;left:calc((100% - 100vw)/2)!important;right:auto!important;bottom:auto!important;width:100vw!important;height:100%!important}.quiz-banner-slide__slot--top{z-index:3;top:var(--qb-pin-top-y);left:var(--qb-pin-top-x);right:auto;bottom:auto;width:var(--qb-pin-top-size);transform:translate(-50%,-50%)}.quiz-banner-slide__slot--top .quiz-banner-slide__pin--6,.quiz-banner-slide__slot--top .quiz-banner-slide__pin--6.is-active{transform:scale(1.15)!important;transform-origin:center center!important}.quiz-banner-slide__slot--left{z-index:2;top:var(--qb-pin-left-y);left:var(--qb-pin-left-x);right:auto;bottom:auto;width:var(--qb-pin-left-size);transform:translate(-50%,-50%)}.quiz-banner-slide__slot--right{z-index:4;top:var(--qb-pin-right-y);left:var(--qb-pin-right-x);right:auto;bottom:auto;width:var(--qb-pin-right-size);transform:translate(-50%,-50%)}.quiz-banner-slide__slot--right .quiz-banner-slide__pin--5{transform:translate(var(--qb-pin-5-x),var(--qb-pin-5-y)) scale(.975)!important}.quiz-banner-slide__slot--right .quiz-banner-slide__pin--5.is-active{transform:translate(var(--qb-pin-5-x),var(--qb-pin-5-y)) scale(1)!important}.quiz-banner-slide__slot--right .quiz-banner-slide__pin--8{transform:translate(var(--qb-pin-8-x),var(--qb-pin-8-y)) scale(.975)!important}.quiz-banner-slide__slot--right .quiz-banner-slide__pin--8.is-active{transform:translate(var(--qb-pin-8-x),var(--qb-pin-8-y)) scale(1)!important}}@media(max-width:1180px){.quiz-banner-slide__content{left:15px;width:44%}.quiz-banner-slide__stage{right:-1%;width:56%}}@media(max-width:1024px)and (min-width:768px){.quiz-banner-slide__content{width:46%}.quiz-banner-slide__heading{font-size:44px}.quiz-banner-slide__description{font-size:21px}.quiz-banner-slide__stage{right:-3%;width:58%}}@media(max-width:767px){.quiz-banner-slide{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:366 / 487!important}.quiz-banner-slide__background{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:0!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important}.quiz-banner-slide__background img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:top center!important;transform:none!important}.quiz-banner-slide__inner{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2!important;width:100%!important;height:100%!important;margin:0!important}.quiz-banner-slide__stage{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:10!important;width:100%!important;height:100%!important;pointer-events:none!important}.quiz-banner-slide__content{position:absolute!important;z-index:30!important;top:auto!important;left:16px!important;right:16px!important;bottom:32px!important;width:auto!important;height:auto!important;padding:0!important;display:block!important;text-align:left!important;transform:none!important;background:none!important}.quiz-banner-slide__heading{max-width:none!important;margin:0 0 18px!important;color:#ed302f!important;font-size:28px!important;line-height:1!important;letter-spacing:-.03em!important}.quiz-banner-slide__description{max-width:340px!important;margin:0 0 20px!important;color:#ed302f!important;font-size:17px!important;line-height:1.1!important}.quiz-banner-slide__heading span,.quiz-banner-slide__description span{display:inline!important}.quiz-banner-slide__heading span+span:before,.quiz-banner-slide__description span+span:before{content:" "}.quiz-banner-slide__button-wrap{width:100%!important;max-width:none!important}.quiz-banner-slide__ui-button{width:100%!important;max-width:none!important;height:48px!important;padding:8px 24px!important;font-size:18px!important;--ui-btn-bg: #ff3b30 !important;--ui-btn-text: #ffffff !important}.quiz-banner-slide__slot--top{z-index:3!important;top:80px!important;left:50%!important;right:auto!important;bottom:auto!important;width:150px!important;transform:translate(-50%)!important}.quiz-banner-slide__slot--top .quiz-banner-slide__pin[src*="pin3.png"],.quiz-banner-slide__slot--top .quiz-banner-slide__pin[src*="pin3.png"].is-active,.quiz-banner-slide__slot--top .quiz-banner-slide__pin[src*="pin9.png"],.quiz-banner-slide__slot--top .quiz-banner-slide__pin[src*="pin9.png"].is-active{transform:scale(1.15)!important;transform-origin:center center!important}.quiz-banner-slide__slot--top .quiz-banner-slide__pin--6,.quiz-banner-slide__slot--top .quiz-banner-slide__pin--6.is-active{transform:scale(1.25)!important;transform-origin:center center!important}.quiz-banner-slide__slot--left{z-index:2!important;top:210px!important;left:50px!important;right:auto!important;bottom:auto!important;width:125px!important;transform:none!important}.quiz-banner-slide__slot--right{z-index:4!important;top:225px!important;left:auto!important;right:50px!important;bottom:auto!important;width:118px!important;transform:none!important}.quiz-banner-slide__slot--right .quiz-banner-slide__pin--5{transform:translateY(27px) scale(.975)!important}.quiz-banner-slide__slot--right .quiz-banner-slide__pin--5.is-active{transform:translateY(27px) scale(1)!important}.quiz-banner-slide__slot--right .quiz-banner-slide__pin--8{transform:translateY(16px) scale(.975)!important}.quiz-banner-slide__slot--right .quiz-banner-slide__pin--8.is-active{transform:translateY(16px) scale(1)!important}}@media(prefers-reduced-motion:reduce){.quiz-banner-slide__pin{transition:none}}.quiz-banner-slide__heading-line{white-space:nowrap}.quiz-banner-slide--spooky .quiz-banner-slide__background img{visibility:hidden!important}.quiz-banner-slide__scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;container-type:size}.qb-card{position:absolute;display:block;transform:translate(-50%,-50%) rotate(var(--qb-rot, 0deg))}.qb-card--yellow{background:#fff60c}.qb-card--blue,.qb-card--m-blue{background:#007fff}.qb-card--red-l,.qb-card--red-r,.qb-card--m-red{background:#ed302f}.qb-card--m-black{background:#000}.qb-card--m-yellow{background:#fff60c}.quiz-banner-slide__composition,.qb-spider{position:absolute;display:block;height:auto!important;max-width:none!important}.quiz-banner-slide__composition{filter:drop-shadow(0 12px 18px rgba(0,0,0,.14))}@media(min-width:768px){.quiz-banner-slide--spooky .quiz-banner-slide__stage{background:#000}.quiz-banner-slide--spooky{--qb-w: min(100vw, (100svh - 70px) * 1220 / 592);--qb-c: calc(max(0px, 50vw - 602px) + 16px) ;--qb-l: clamp(0px, calc(var(--qb-c) - .095 * var(--qb-w)), calc(100vw - var(--qb-w)))}.quiz-banner-slide.quiz-banner-slide--spooky,.quiz-banner-slide--spooky .quiz-banner-slide__background{background:#000!important}.quiz-banner-slide--spooky .quiz-banner-slide__inner{inset:0 auto!important;left:var(--qb-l)!important;width:var(--qb-w)!important;height:100%!important;margin:0!important}.quiz-banner-slide--spooky .quiz-banner-slide__stage{left:0!important;width:100%!important}.quiz-banner-slide--spooky .quiz-banner-slide__content{left:calc(var(--qb-c) - var(--qb-l));width:34%}.quiz-banner-slide__scene{inset:0 auto;left:50%;width:auto;height:100%;aspect-ratio:1220 / 592;transform:translate(-50%);background:#000}.qb-card--yellow{left:47.75%;top:67.15%;width:22.3%;height:94.6%;--qb-rot: 8.8deg}.qb-card--blue{left:52.17%;top:48.4%;width:22.13%;height:84.46%;--qb-rot: -17deg}.qb-card--red-l{left:64.06%;top:51.86%;width:22.2%;height:85.5%;--qb-rot: 5.7deg}.qb-card--red-r{left:84.34%;top:51.77%;width:21.8%;height:85.1%;--qb-rot: -4.3deg}.quiz-banner-slide__scene .qb-card--m-yellow,.quiz-banner-slide__scene .qb-card--m-red,.quiz-banner-slide__scene .qb-card--m-blue,.quiz-banner-slide__scene .qb-card--m-black,.quiz-banner-slide__scene .quiz-banner-slide__composition--mob{display:none}.quiz-banner-slide__composition--desk{left:52.26%;top:16.55%;width:39.9%!important}.qb-spider{width:5.3%!important}.qb-spider--1{left:45.3%;top:27.6%;transform:rotate(25deg)}.qb-spider--2{left:37.4%;top:64.8%;transform:rotate(138deg)}.qb-spider--3{left:91.6%;top:82.5%;transform:rotate(-46deg)}.quiz-banner-slide--spooky .quiz-banner-slide__ui-button{--ui-btn-bg: #ed302f !important;--ui-btn-text: #ffffff !important}}@media(max-width:767px){.quiz-banner-slide__scene{background:#ed302f}.qb-card--m-yellow{left:22%;top:58.3%;width:140%;height:140%;--qb-rot: -7.45deg}.qb-card--m-red{left:101.9%;top:38.2%;width:38.7%;height:88.1%;--qb-rot: 3deg}.qb-card--m-blue{left:49.06%;top:61.3%;width:99.6%;height:116.2%;--qb-rot: 10deg}.qb-card--m-black{left:43.5%;top:67.5%;width:91.9%;height:116.2%;--qb-rot: 16.2deg}.quiz-banner-slide__scene .qb-card--yellow,.quiz-banner-slide__scene .qb-card--blue,.quiz-banner-slide__scene .qb-card--red-l,.quiz-banner-slide__scene .qb-card--red-r,.quiz-banner-slide__scene .qb-spider,.quiz-banner-slide__scene .quiz-banner-slide__composition--desk{display:none}.quiz-banner-slide__composition--mob{left:16.8%;top:28.5%;width:68.4%!important}.quiz-banner-slide--spooky .quiz-banner-slide__heading,.quiz-banner-slide--spooky .quiz-banner-slide__description{color:#fff!important}}@media(min-width:768px){.quiz-banner-slide__scene .quiz-banner-slide__composition--desk{z-index:2}.quiz-banner-slide__scene .qb-spider{z-index:3}.quiz-banner-slide__scene .qb-spider--3{z-index:1}.quiz-banner-slide--spooky.swiper-slide-active .qb-spider--1{animation:qb-spider-loop-1 6s linear infinite}.quiz-banner-slide--spooky.swiper-slide-active .qb-spider--2{animation:qb-spider-loop-2 6s linear infinite}.quiz-banner-slide--spooky.swiper-slide-active .qb-spider--3{animation:qb-spider-loop-3 6s linear infinite}}@keyframes qb-spider-loop-1{0.00%{translate:0cqw 0cqh;rotate:0deg}5.83%{translate:0cqw 0cqh;rotate:0deg}7.30%{translate:.95cqw -7.2cqh;rotate:7deg}8.77%{translate:.93cqw -14.76cqh;rotate:-7deg}10.23%{translate:2.2cqw -21.84cqh;rotate:7deg}11.70%{translate:2.18cqw -29.4cqh;rotate:-7deg}13.17%{translate:3.45cqw -36.48cqh;rotate:7deg}14.63%{translate:3.76cqw -43.92cqh;rotate:0deg}17.12%{translate:3.76cqw -43.92cqh;rotate:0deg}17.13%{translate:-6.53cqw 76.35cqh;rotate:0deg}18.66%{translate:-5.56cqw 68.83cqh;rotate:7deg}20.19%{translate:-5.55cqw 60.96cqh;rotate:-7deg}21.72%{translate:-4.25cqw 53.56cqh;rotate:7deg}23.25%{translate:-4.24cqw 45.69cqh;rotate:-7deg}24.78%{translate:-2.94cqw 38.29cqh;rotate:7deg}26.31%{translate:-2.94cqw 30.42cqh;rotate:-7deg}27.84%{translate:-1.64cqw 23.02cqh;rotate:7deg}29.37%{translate:-1.63cqw 15.15cqh;rotate:-7deg}30.90%{translate:-.33cqw 7.75cqh;rotate:7deg}32.43%{translate:0cqw 0cqh;rotate:0deg}100.00%{translate:0cqw 0cqh;rotate:0deg}}@keyframes qb-spider-loop-2{0.00%{translate:0cqw 0cqh;rotate:0deg}8.33%{translate:0cqw 0cqh;rotate:0deg}9.90%{translate:3.06cqw 4.9cqh;rotate:7deg}11.48%{translate:6.66cqw 8.1cqh;rotate:-7deg}13.05%{translate:9.54cqw 13.58cqh;rotate:7deg}14.62%{translate:13.14cqw 16.78cqh;rotate:-7deg}16.19%{translate:16.02cqw 22.24cqh;rotate:7deg}17.76%{translate:19.62cqw 25.45cqh;rotate:-7deg}19.33%{translate:22.5cqw 30.91cqh;rotate:7deg}20.90%{translate:26.1cqw 34.13cqh;rotate:-7deg}22.47%{translate:29.16cqw 39.01cqh;rotate:0deg}24.95%{translate:29.16cqw 39.01cqh;rotate:0deg}24.97%{translate:-10.66cqw -14.36cqh;rotate:0deg}26.27%{translate:-8.17cqw -10.2cqh;rotate:7deg}27.56%{translate:-5.15cqw -7.75cqh;rotate:-7deg}28.85%{translate:-2.84cqw -3.03cqh;rotate:7deg}30.15%{translate:0cqw 0cqh;rotate:0deg}100.00%{translate:0cqw 0cqh;rotate:0deg}}@keyframes qb-spider-loop-3{0.00%{translate:0cqw 0cqh;rotate:0deg}3.33%{translate:0cqw 0cqh;rotate:0deg}4.83%{translate:-3.07cqw -4.27cqh;rotate:7deg}6.33%{translate:-6.61cqw -6.78cqh;rotate:-7deg}7.83%{translate:-9.52cqw -11.64cqh;rotate:7deg}9.33%{translate:-13.06cqw -14.16cqh;rotate:-7deg}10.83%{translate:-15.97cqw -19.02cqh;rotate:7deg}12.33%{translate:-19.52cqw -21.51cqh;rotate:-7deg}13.83%{translate:-22.42cqw -26.38cqh;rotate:7deg}15.33%{translate:-25.97cqw -28.89cqh;rotate:-7deg}16.83%{translate:-28.88cqw -33.76cqh;rotate:7deg}18.33%{translate:-32.42cqw -36.27cqh;rotate:-7deg}19.83%{translate:-35.33cqw -41.13cqh;rotate:7deg}21.33%{translate:-38.87cqw -43.63cqh;rotate:-7deg}22.83%{translate:-41.78cqw -48.49cqh;rotate:7deg}24.33%{translate:-45.32cqw -51.01cqh;rotate:-7deg}25.83%{translate:-48.23cqw -55.87cqh;rotate:7deg}27.33%{translate:-51.78cqw -58.36cqh;rotate:-7deg}28.83%{translate:-54.68cqw -63.25cqh;rotate:7deg}30.33%{translate:-58.23cqw -65.74cqh;rotate:-7deg}31.83%{translate:-61.14cqw -70.6cqh;rotate:7deg}33.33%{translate:-64.52cqw -73.69cqh;rotate:0deg}35.82%{translate:-64.52cqw -73.69cqh;rotate:0deg}35.83%{translate:10.74cqw 12.26cqh;rotate:0deg}37.08%{translate:8.21cqw 8.61cqh;rotate:7deg}38.33%{translate:5.21cqw 6.72cqh;rotate:-7deg}39.58%{translate:2.84cqw 2.47cqh;rotate:7deg}40.83%{translate:0cqw 0cqh;rotate:0deg}100.00%{translate:0cqw 0cqh;rotate:0deg}}@media(min-width:768px)and (prefers-reduced-motion:reduce){.quiz-banner-slide--spooky .qb-spider{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/quiz-banner.css.map */