@keyframes spinResult{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-result[data-astro-cid-4qp72pj5]{animation:spinResult 20s linear infinite}#q-options{display:grid;gap:.75rem}@media(min-width:640px){#q-options{gap:1rem}}@media(min-width:768px){#q-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.option-btn{position:relative;display:flex;height:100%;min-height:100px;width:100%;cursor:pointer;align-items:center;justify-content:center;overflow:hidden;border-radius:1rem;border-width:1px;border-color:#e5e5e566;--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));padding:1.25rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1.625;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.option-btn:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.option-btn:is(.dark *){border-color:#2a2a2a66;--tw-bg-opacity: 1;background-color:rgb(18 18 18 / var(--tw-bg-opacity, 1))}@media(min-width:640px){.option-btn{font-size:17px;line-height:1.75}}.option-btn:before{content:"";position:absolute;inset:0;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:radial-gradient(circle at center,rgba(var(--foreground-light),.05) 0%,transparent 100%)}.dark .option-btn:before{background:radial-gradient(circle at center,rgba(var(--foreground-dark),.08) 0%,transparent 100%)}.option-btn:hover{z-index:10;border-color:#1717174d}.option-btn:hover:is(.dark *){border-color:#ededed4d}.option-btn:hover{transform:translateY(-2px) scale(1.01)}.option-btn:hover:before{opacity:1}.option-btn:active{transform:translateY(1px) scale(.98)}.option-btn.selected{--tw-border-opacity: 1;border-color:rgb(23 23 23 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(23 23 23 / .2)}.option-btn.selected:is(.dark *){--tw-border-opacity: 1;border-color:rgb(237 237 237 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(237 237 237 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(18 18 18 / var(--tw-text-opacity, 1));--tw-ring-color: rgb(237 237 237 / .2)}.option-btn.selected{transform:scale(.98)}.score-bar-bg{height:.5rem;overflow:hidden;border-radius:9999px;background-color:#e5e5e580;--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.score-bar-bg:is(.dark *){background-color:#2a2a2a80}.score-bar-fill{height:100%;border-radius:9999px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: rgb(23 23 23 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(23 23 23 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #171717 var(--tw-gradient-to-position);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.score-bar-fill:is(.dark *){--tw-gradient-from: rgb(237 237 237 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(237 237 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #ededed var(--tw-gradient-to-position)}.share-btn[data-astro-cid-4qp72pj5]{display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.share-btn[data-astro-cid-4qp72pj5]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(42 42 42 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.share-btn[data-astro-cid-4qp72pj5]:hover{border-color:#17171780;background-color:#1717170d;--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.share-btn[data-astro-cid-4qp72pj5]:hover:is(.dark *){border-color:#ededed80;background-color:#ededed0d;--tw-text-opacity: 1;color:rgb(237 237 237 / var(--tw-text-opacity, 1))}.share-btn[data-astro-cid-4qp72pj5]:hover{transform:translateY(-3px)}
