@property --＠overspin{syntax:"<angle>";inherits:false;initial-value:0deg}@property --＠innerspin{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--overspin:0deg}.bigbenefitDial div.container{align-items:center;clip-path:circle(246px at 50% 50%);display:flex;flex:3;font-size:16px;height:600px;justify-content:center;margin:2em;overflow:hidden;position:relative;rotate:(var(--overspin));transform-origin:50% 50%;width:600px;view-transition-name:none}.bigbenefitDial div.container>svg{transform:rotate(calc(var(--overspin)*-1));transition:all .3s cubic-bezier(.53,.01,.6,1.39);width:150px;z-index:2;view-transition-name:none}.bigbenefitDial label{--color:purple;--height:150px;--width:215px;view-transition-name:none}.bigbenefitDial label span{font-family:system-ui;font-size:.8em;line-height:1;padding:1em;text-align:center;view-transition-name:none}.bigbenefitDial label span svg{height:50px}.bigbenefitDial label:has(input:checked) span{font-size:1.1em;font-weight:bolder}.bigbenefitDial label{align-items:center;background:var(--color);border:4px solid #fff;clip-path:polygon(0 46%,100% 0,100% 100%,0 60%);cursor:pointer;display:flex;height:125px;justify-content:flex-end;position:absolute;text-align:right;transform-origin:50% 50%;transition:all .3s cubic-bezier(.53,.01,.6,1.39);width:200px;--turner:calc(var(--innerspin) - var(--overspin));transform:rotate(var(--turner)) translate(var(--height))}.bigbenefitDial label input{display:none}.bigbenefitDial label span{--spin:calc(var(--overspin) - var(--innerspin));display:flex;flex-direction:column;transform:rotate(var(--spin))!important;transition:all .3s cubic-bezier(.53,.01,.6,1.39)}.bigbenefitDial label:first-child{--innerspin:15deg}.bigbenefitDial label:nth-child(2){--innerspin:45deg}.bigbenefitDial label:nth-child(3){--innerspin:75deg}.bigbenefitDial label:nth-child(4){--innerspin:105deg}.bigbenefitDial label:nth-child(5){--innerspin:135deg}.bigbenefitDial label:nth-child(6){--innerspin:165deg}.bigbenefitDial label:nth-child(7){--innerspin:195deg}.bigbenefitDial label:nth-child(8){--innerspin:225deg}.bigbenefitDial label:nth-child(9){--innerspin:255deg}.bigbenefitDial label:nth-child(10){--innerspin:285deg}.bigbenefitDial label:nth-child(11){--innerspin:315deg}.bigbenefitDial label:nth-child(12){--innerspin:-15deg}.bigbenefitDial label:first-child,.bigbenefitDial label:nth-child(12),.bigbenefitDial label:nth-child(2),.bigbenefitDial label:nth-child(3){--color:rgba(132,189,65,.2);color:#4a883e}.bigbenefitDial label:first-child:has(input:checked),.bigbenefitDial label:nth-child(12):has(input:checked),.bigbenefitDial label:nth-child(2):has(input:checked),.bigbenefitDial label:nth-child(3):has(input:checked){--color:rgba(132,189,65,.4);color:#1b3c11}.bigbenefitDial label:nth-child(4),.bigbenefitDial label:nth-child(5),.bigbenefitDial label:nth-child(6),.bigbenefitDial label:nth-child(7){--color:rgba(248,152,29,.2);color:#ef6d00}.bigbenefitDial label:nth-child(4):has(input:checked),.bigbenefitDial label:nth-child(5):has(input:checked),.bigbenefitDial label:nth-child(6):has(input:checked),.bigbenefitDial label:nth-child(7):has(input:checked){--color:rgba(248,152,29,.4);color:#643915}.bigbenefitDial label:nth-child(10),.bigbenefitDial label:nth-child(11),.bigbenefitDial label:nth-child(8),.bigbenefitDial label:nth-child(9){--color:rgba(126,76,158,.2);color:#7e4c9e}.bigbenefitDial label:nth-child(10):has(input:checked),.bigbenefitDial label:nth-child(11):has(input:checked),.bigbenefitDial label:nth-child(8):has(input:checked),.bigbenefitDial label:nth-child(9):has(input:checked){--color:rgba(126,76,158,.3);color:#582c83}.bigbenefitDial div.content{align-items:center;display:flex}.bigbenefitDial div.content p{color:#57585a;display:none;font-family:system-ui;font-size:1.125rem;text-wrap:pretty;transition-behavior:allow-discrete}.bigbenefitDial div.content p.show{display:block}.bigbenefitDial div.content p{view-transition-name:card}.bigbenefitDial div.content p .benefit{display:block;font-size:1.3rem}.bigbenefitDial div.content p .spinDial{display:block;font-size:1.3rem;margin-bottom:.5em}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes slide-from-right{0%{transform:translateX(30px)}}@keyframes slide-to-left{to{transform:translateX(-30px)}}::view-transition-old(card){animation:slide-to-left .5s cubic-bezier(.86,0,.07,1) forwards}::view-transition-new(card){animation:slide-from-right .5s cubic-bezier(.86,0,.07,1) forwards}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}}