.section-byob-quizz-wrapper{position:relative;max-width:var(--max-site-width);margin:0 auto}.section-byob-quizz{display:block;position:relative}.section-byob-quizz .paper-tear,.section-byob-quizz .paper-tear img{background:transparent}.section-byob-quizz__inner{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px}@media (min-width: 980px){.section-byob-quizz__inner{gap:40px;padding:80px 40px}}.section-byob-quizz__inner .crafted__background{opacity:.25;-webkit-mask-image:radial-gradient(circle,rgb(0,0,0) 80%,rgba(0,0,0,0) 100%),-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(20%,black),color-stop(80%,black),to(transparent));-webkit-mask-image:radial-gradient(circle,rgb(0,0,0) 80%,rgba(0,0,0,0) 100%),linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:radial-gradient(circle,#000 80%,#0000),-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(20%,black),color-stop(80%,black),to(transparent));mask-image:radial-gradient(circle,#000 80%,#0000),linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);-webkit-mask-composite:destination-in;mask-composite:intersect}.section-byob-quizz__inner .crafted__background img{mix-blend-mode:multiply}.section-byob-quizz__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.section-byob-quizz__bg-color{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--byob-quizz-bg, #e4dad0)}.section-byob-quizz__bg-texture{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;opacity:.2}.section-byob-quizz__bg-texture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.section-byob-quizz__bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(var(--byob-quizz-bg, #e4dad0)),color-stop(14.43%,transparent),color-stop(88.47%,transparent),to(var(--byob-quizz-bg, #e4dad0)));background:linear-gradient(180deg,var(--byob-quizz-bg, #e4dad0) 0%,transparent 14.43%,transparent 88.47%,var(--byob-quizz-bg, #e4dad0) 100%)}.section-byob-quizz__decorative-title{position:absolute;top:33px;left:calc(50% - 115px);margin:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:var(--byob-quizz-decorative-title, #f3ede7);font-size:56px;letter-spacing:-1.68px;line-height:.9;text-transform:uppercase;white-space:nowrap}@media (min-width: 980px){.section-byob-quizz__decorative-title{top:57px;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:124px;letter-spacing:-3.72px;line-height:.92;text-align:center}}.section-byob-quizz__header{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;color:var(--byob-quizz-text, #2c0828);text-align:center;gap:24px}@media (min-width: 980px){.section-byob-quizz__header{width:800px}}.section-byob-quizz__title{margin:0;font-family:var(--font-heading-family);font-size:24px;font-weight:900;line-height:26px;text-transform:uppercase}@media (min-width: 980px){.section-byob-quizz__title{font-size:32px;line-height:36px}}.section-byob-quizz__subtitle{margin:0;font-family:var(--font-body-family);font-size:16px;font-weight:400;line-height:24px}@media (min-width: 980px){.section-byob-quizz__subtitle{width:700px}}.section-byob-quizz__content{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;overflow:clip;gap:32px}@media (min-width: 980px){.section-byob-quizz__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:40px}}.section-byob-quizz__image-col{position:relative;-ms-flex-negative:0;flex-shrink:0}@media (min-width: 980px){.section-byob-quizz__image-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.section-byob-quizz__image-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.section-byob-quizz__image-mask{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;height:100%;-webkit-mask-image:var(--crumbled-paper);mask-image:var(--crumbled-paper);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0px;mask-position:0px}.section-byob-quizz__image-mask>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.section-byob-quizz__image-texture{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;overflow:hidden}.section-byob-quizz__image-texture img{position:absolute;top:-3.08%;left:-8.63%;width:118.38%;height:105.69%}.section-byob-quizz__form-col{position:relative;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.section-byob-quizz__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px;width:100%}@media (min-width: 980px){.section-byob-quizz__form{gap:40px}}.section-byob-quizz__question{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin:0;padding:0;border:none}@media (min-width: 980px){.section-byob-quizz__question{gap:20px}}.section-byob-quizz__question-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;width:100%}@media (min-width: 980px){.section-byob-quizz__question-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.section-byob-quizz__question-title{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;padding:0;color:var(--byob-quizz-text, #2c0828);font-family:var(--font-heading-family);font-size:20px;font-weight:900;line-height:24px;text-transform:uppercase}.section-byob-quizz__sticker{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;padding:4px;background-image:var(--stamped-dark);background-repeat:no-repeat;background-size:contain}.section-byob-quizz__sticker img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.section-byob-quizz__sticker-number{position:relative;color:#e7e7e7;font-family:var(--font-heading-family);font-size:16px;font-weight:900;line-height:24px;text-align:center}.section-byob-quizz__options--goals{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;width:100%}@media (min-width: 980px){.section-byob-quizz__options--goals{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:16px}}.section-byob-quizz__options--goals>*{-webkit-box-flex:1;-ms-flex:1 0 33.33%;flex:1 0 33.33%;min-width:calc(33.33% - 10.67px)}.section-byob-quizz__option--goal{display:block;cursor:pointer}@media (min-width: 980px){.section-byob-quizz__option--goal{-webkit-box-flex:1;-ms-flex:1;flex:1}}.section-byob-quizz__option--goal .section-byob-quizz__option-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:12px;-webkit-transition:border-color .2s ease;transition:border-color .2s ease;border:4px solid var(--byob-quizz-option-border, #eae3dc);background-color:var(--byob-quizz-option-bg, #f3ede7);gap:12px}@media (min-width: 980px){.section-byob-quizz__option--goal .section-byob-quizz__option-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;padding:16px 12px 12px}}.section-byob-quizz__option--goal input:checked+.section-byob-quizz__option-card{border-color:var(--byob-quizz-accent, #e7090b)}.section-byob-quizz__option-image{-ms-flex-negative:0;flex-shrink:0;width:72px;height:72px;overflow:hidden}@media (min-width: 980px){.section-byob-quizz__option-image{width:80px;height:80px}}.section-byob-quizz__option-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.section-byob-quizz__option-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:var(--byob-quizz-text, #2c0828);gap:2px}@media (min-width: 980px){.section-byob-quizz__option-text{width:100%;text-align:center}}.section-byob-quizz__option-label{font-family:var(--font-body-family);font-size:16px;font-weight:700;line-height:24px}@media (min-width: 980px){.section-byob-quizz__option-label{font-size:clamp(14px,1vw,16px)}}.section-byob-quizz__option-description{font-family:var(--font-body-family);font-size:14px;font-weight:400;line-height:20px}@media (min-width: 980px){.section-byob-quizz__option-description{font-size:clamp(12px,1vw,14px)}}.section-byob-quizz__selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;width:100%}.section-byob-quizz__selector-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;width:100%;color:var(--byob-quizz-text, #2c0828)}.section-byob-quizz__selector-label{-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:var(--font-body-family);font-size:16px;font-weight:700;line-height:24px}.section-byob-quizz__selector-info{font-family:var(--font-body-family);font-size:14px;font-weight:400;line-height:20px;white-space:nowrap}.section-byob-quizz__selector-options{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;width:100%}@media (min-width: 980px){.section-byob-quizz__selector-options{gap:16px}}.section-byob-quizz__selector-options>*{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.section-byob-quizz__chip{display:block;cursor:pointer}.section-byob-quizz__chip-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:16px 12px;-webkit-transition:border-color .2s ease;transition:border-color .2s ease;border:4px solid var(--byob-quizz-option-border, #eae3dc);background-color:var(--byob-quizz-option-bg, #f3ede7);color:var(--byob-quizz-text, #2c0828);font-family:var(--font-body-family);font-size:16px;font-weight:700;line-height:24px;text-align:center}.section-byob-quizz__chip-label svg{width:30.211px;height:28px}.section-byob-quizz__chip input:checked+.section-byob-quizz__chip-label{border-color:var(--byob-quizz-accent, #e7090b)}.section-byob-quizz__slider{position:relative;width:100%}.section-byob-quizz__slider-bar{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:calc(50% - 15.45px);left:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:320px;height:8px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--byob-quizz-option-bg, #f3ede7)}@media (min-width: 980px){.section-byob-quizz__slider-bar{top:calc(50% - 15px);max-width:660px}}.section-byob-quizz__slider-progress{width:50%;height:100%;-webkit-transition:width .3s ease;transition:width .3s ease;background-color:var(--byob-quizz-accent, #e7090b)}.section-byob-quizz__slider:has([data-position="0"] input:checked) .section-byob-quizz__slider-progress{width:0%}.section-byob-quizz__slider:has([data-position="1"] input:checked) .section-byob-quizz__slider-progress{width:50%}.section-byob-quizz__slider:has([data-position="2"] input:checked) .section-byob-quizz__slider-progress{width:100%}.section-byob-quizz__slider-options{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.section-byob-quizz__slider-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;width:100px;cursor:pointer}.section-byob-quizz__slider-item[data-position="1"]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-byob-quizz__slider-item[data-position="2"]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.section-byob-quizz__slider-chip{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:56px;min-height:56px}.section-byob-quizz__slider-item[data-position="1"] .section-byob-quizz__slider-chip{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section-byob-quizz__slider-item[data-position="2"] .section-byob-quizz__slider-chip{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.section-byob-quizz__slider-chip:after{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:50%;left:50%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:56px;height:56px;padding:8px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .2s ease;transition:all .2s ease;background-color:var(--byob-quizz-option-bg, #f3ede7)}.section-byob-quizz__slider-chip svg{position:absolute;z-index:1;top:50%;left:50%;width:32px;height:32px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .2s ease;transition:all .2s ease}.section-byob-quizz__slider-chip svg path{color:#6d6a6d}.section-byob-quizz__slider-chip:hover svg path{color:var(--byob-quizz-accent, #e7090b)}.section-byob-quizz__slider-item input:checked+.section-byob-quizz__slider-chip:after{background-color:var(--byob-quizz-accent, #e7090b)}.section-byob-quizz__slider-item input:checked+.section-byob-quizz__slider-chip svg{width:40px;height:40px}.section-byob-quizz__slider-item input:checked+.section-byob-quizz__slider-chip svg path{color:#fff}.section-byob-quizz__slider-label{color:var(--byob-quizz-text, #2c0828);font-family:var(--font-body-family);font-size:14px;font-weight:700;line-height:20px;text-align:center;white-space:nowrap}.section-byob-quizz__cta{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;width:100%}.section-byob-quizz__submit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:56px;padding:8px 24px;-webkit-transition:background-color .2s ease,opacity .2s ease;transition:background-color .2s ease,opacity .2s ease;border:4px solid #df080a;background-color:var(--byob-quizz-accent, #e7090b);color:#e7e7e7;font-family:var(--font-heading-family);font-size:16px;font-weight:900;line-height:20px;text-align:center;text-transform:uppercase;white-space:nowrap;cursor:pointer}.section-byob-quizz__submit:hover:not(:disabled){background-color:#c70809}.section-byob-quizz__submit:active:not(:disabled){background-color:#a50708}.section-byob-quizz__submit:disabled{opacity:.5;cursor:not-allowed}.section-byob-quizz__submit:after{top:50%;width:32px;height:32px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.section-byob-quizz__submit.loading span{visibility:hidden;opacity:0}.section-byob-quizz__submit.loading:after{-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite}@-webkit-keyframes spinner{0%{-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0)}to{-webkit-transform:translateY(-50%) rotate(360deg);transform:translateY(-50%) rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0)}to{-webkit-transform:translateY(-50%) rotate(360deg);transform:translateY(-50%) rotate(360deg)}}@media (min-width: 980px){.section-byob-quizz__submit{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.section-byob-quizz-wrapper:not(.section-byob-quizz--hidden)~.section-byob-header-wrapper,.section-byob-quizz-wrapper:not(.section-byob-quizz--hidden)~.section-byob-main-wrapper{display:none}.section-byob-quizz--hidden{display:none}.section-byob-quizz--hiding{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:opacity .4s ease,-webkit-transform .4s ease;transition:opacity .4s ease,-webkit-transform .4s ease;transition:opacity .4s ease,transform .4s ease;transition:opacity .4s ease,transform .4s ease,-webkit-transform .4s ease;opacity:0;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-byob-quizz.css.map */