.wwd-quiz{height:calc(100vh - 58px);min-height:550px}.wwd-quiz:has(.final){height:auto}.wwd-quiz .intro .pizza-1{width:119px;top:4%;left:-5%}@media only screen and (min-width:641px){.wwd-quiz .intro .pizza-1{width:130px;top:5%;left:15%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .pizza-1{top:12%;left:25%}}.wwd-quiz .intro .pizza-2{width:112px;top:10%;left:-2%}@media only screen and (min-width:641px){.wwd-quiz .intro .pizza-2{width:123px;top:8%;left:0}}@media only screen and (min-width:1025px){.wwd-quiz .intro .pizza-2{top:10%;left:15%}}.wwd-quiz .intro .pizza-3{width:119px;top:16%;left:-5%}@media only screen and (min-width:641px){.wwd-quiz .intro .pizza-3{width:130px;top:19%;left:0}}@media only screen and (min-width:1025px){.wwd-quiz .intro .pizza-3{top:20%;left:8%}}.wwd-quiz .intro .pizza-4{width:112px;top:23%;left:-8%}@media only screen and (min-width:641px){.wwd-quiz .intro .pizza-4{width:123px;top:28%;left:8%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .pizza-4{top:28%;left:20%}}.wwd-quiz .intro .tp-1{width:107px;top:5%;right:0}@media only screen and (min-width:641px){.wwd-quiz .intro .tp-1{width:117px}}@media only screen and (min-width:1025px){.wwd-quiz .intro .tp-1{top:8%;right:15%}}.wwd-quiz .intro .tp-2{width:99px;top:10%;right:-5%}@media only screen and (min-width:641px){.wwd-quiz .intro .tp-2{width:108px;top:12%;right:10%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .tp-2{top:15%;right:22%}}.wwd-quiz .intro .tp-3{width:107px;top:14%;right:-2%}@media only screen and (min-width:641px){.wwd-quiz .intro .tp-3{width:117px;top:17%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .tp-3{top:20%;right:12%}}.wwd-quiz .intro .tp-4{width:99px;top:18%;right:-8%}@media only screen and (min-width:641px){.wwd-quiz .intro .tp-4{width:108px;top:23%;right:9%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .tp-4{top:27%;right:16%}}.wwd-quiz .intro .tp-5{width:107px;top:23%;right:-5%}@media only screen and (min-width:641px){.wwd-quiz .intro .tp-5{width:117px;top:28%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .tp-5{top:30%;right:9%}}.wwd-quiz .intro .gif-1{width:154px;bottom:25%;right:-8%}@media only screen and (min-width:641px){.wwd-quiz .intro .gif-1{width:168px;bottom:35%;right:10%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .gif-1{bottom:38%;right:20%}}.wwd-quiz .intro .gif-2{width:154px;bottom:18%;right:-3%}@media only screen and (min-width:641px){.wwd-quiz .intro .gif-2{width:168px;bottom:30%;right:2%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .gif-2{bottom:34%;right:12%}}.wwd-quiz .intro .gif-3{width:154px;bottom:10%;right:-5%}@media only screen and (min-width:641px){.wwd-quiz .intro .gif-3{width:168px;bottom:22%;right:15%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .gif-3{bottom:25%;right:18%}}.wwd-quiz .intro .gif-4{width:154px;bottom:2%;right:-10%}@media only screen and (min-width:641px){.wwd-quiz .intro .gif-4{width:168px;bottom:15%;right:5%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .gif-4{bottom:18%;right:12%}}.wwd-quiz .intro .socks-1{width:99px;bottom:35%;left:-5%}@media only screen and (min-width:641px){.wwd-quiz .intro .socks-1{width:108px;bottom:38%;left:18%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .socks-1{bottom:40%;left:24%}}.wwd-quiz .intro .socks-2{width:114px;bottom:30%;left:5%}@media only screen and (min-width:641px){.wwd-quiz .intro .socks-2{width:125px;bottom:34%;left:10%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .socks-2{bottom:37%;left:18%}}.wwd-quiz .intro .socks-3{width:99px;bottom:23%;left:0}@media only screen and (min-width:641px){.wwd-quiz .intro .socks-3{width:108px;bottom:28%;left:4%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .socks-3{bottom:30%;left:15%}}.wwd-quiz .intro .socks-4{width:114px;bottom:20%;left:-5%}@media only screen and (min-width:641px){.wwd-quiz .intro .socks-4{width:125px;bottom:23%;left:2%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .socks-4{bottom:25%;left:15%}}.wwd-quiz .intro .socks-5{width:99px;bottom:13%;left:5%}@media only screen and (min-width:641px){.wwd-quiz .intro .socks-5{width:108px;bottom:15%;left:8%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .socks-5{bottom:18%;left:18%}}.wwd-quiz .intro .socks-6{width:114px;bottom:8%;left:-5%}@media only screen and (min-width:641px){.wwd-quiz .intro .socks-6{width:125px;bottom:10%;left:12%}}@media only screen and (min-width:1025px){.wwd-quiz .intro .socks-6{bottom:14%;left:22%}}.wwd-quiz .box-shadow,.wwd-quiz .button.box-shadow{border-radius:4px;border:2px solid #000;box-shadow:-3px 3px #000}.wwd-quiz .button.box-shadow{transition:all .3s}.wwd-quiz .button.box-shadow:hover{box-shadow:-5px 5px #000}.wwd-quiz .button.box-shadow:hover i{margin-left:12px!important}.wwd-quiz .or-circle{width:77px;height:77px;font-family:Proxima Nova,sans-serif;font-size:15.442px;font-style:normal;font-weight:700;line-height:110%;text-transform:uppercase}@media only screen and (max-width: 641px){.wwd-quiz .or-circle{bottom:calc(50% - 85px)}}.wwd-quiz .intro .text-wrapper{max-width:460px}@keyframes round{0%{border-radius:0}to{border-radius:980px}}@keyframes unround{0%{border-radius:980px}to{border-radius:0}}.wwd-quiz .option-a.animate-then-inactive,.wwd-quiz .option-b.animate-then-inactive{animation:unround .2s ease-in-out}.wwd-quiz .option-a.active,.wwd-quiz .option-b.active{animation:round .2s ease-in-out forwards}.wwd-quiz .option-a.active h1,.wwd-quiz .option-b.active h1{text-decoration:underline}.wwd-quiz .result-breakdown .donut-chart-wrapper{width:130px;height:130px}@media only screen and (min-width:1025px){.wwd-quiz .result-breakdown .donut-chart-wrapper{width:350px;height:350px}}.wwd-quiz .result-breakdown .donut-chart-wrapper .donut-chart{transform:rotate(110deg)}.wwd-quiz .result-breakdown .donut-chart-wrapper .donut-chart .donut-hole{fill:var(--cw-yellow-100)}.wwd-quiz .result-breakdown .donut-chart-wrapper .number{top:50%;left:50%;transform:translate(-50%,-50%)}.wwd-quiz .result-breakdown .option-a-result .donut-fill{animation:draw-a .5s linear forwards}.wwd-quiz .result-breakdown .option-b-result .donut-fill{animation:draw-b .5s linear forwards}.wwd-quiz .final .result-breakdown .donut-hole-image{top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px}@media only screen and (min-width:1025px){.wwd-quiz .final .result-breakdown .donut-hole-image{width:270px;height:270px}}.wwd-quiz .cta .badge-1{width:111px;bottom:80px;left:-40px}.wwd-quiz .cta .badge-2{width:83px;top:0;left:-40px}@media only screen and (min-width:641px){.wwd-quiz .cta .badge-2{width:130px;top:20px;left:-65px}}.wwd-quiz .cta .badge-3{width:111px;top:70px;right:-52px}@media only screen and (min-width:641px){.wwd-quiz .cta .badge-3{width:129px;top:50px}}.wwd-quiz .cta .badge-4{width:71px;bottom:-20px;right:-30px}@media only screen and (min-width:641px){.wwd-quiz .cta .badge-4{width:111px;top:155px;right:-50px}}@media only screen and (min-width:1025px){.wwd-quiz .cta .badge-4{right:-75px}}.wwd-quiz .cta .badge-5{width:97px;bottom:-25px;right:20px}@media only screen and (min-width:641px){.wwd-quiz .cta .badge-5{width:142px;bottom:0;right:-45px}}@media only screen and (min-width:1025px){.wwd-quiz .cta .badge-5{bottom:35px}}