.wwd-quiz{height:calc(100vh - 58px);min-height:550px}.wwd-quiz:has(.final){height:auto}.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}@media only screen and (max-width: 641px){.wwd-quiz .or-circle{bottom:calc(50% - 85px)}}.wwd-quiz .sticker-text{font-family:Proxima Soft;font-size:15.442px;font-style:normal;font-weight:700;line-height:110%;text-transform:uppercase}.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 .pagination-circle{width:8px;height:8px}.wwd-quiz .pagination-circle:not(:last-of-type){margin-right:var(--ds-v1-spacing-6)}
