@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.quiz-wrap{background-color:var(--color-background,#f6f3f0);transition:all .3s,visibility 0s linear .3s}.quiz-wrap.--fixed{top:var(--spacing-0,0px);left:var(--spacing-0,0px);z-index:40;width:100%;height:100%;position:fixed;overflow:auto}.quiz-wrap.--show-bg{top:var(--spacing-0,0px);left:var(--spacing-0,0px);z-index:40;background-color:#f6f3f080;width:100%;height:100%;position:fixed}@supports (color:color-mix(in lab,red,red)){.quiz-wrap.--show-bg{background-color:color-mix(in oklab,var(--color-background,#f6f3f0) 50%,transparent)}}.quiz-wrap.--finished{pointer-events:none;opacity:0;visibility:hidden}.quiz__name-wrap{column-gap:calc(var(--spacing,1px) * 15)}.quiz__name-wrap input{max-width:100%;min-width:calc(var(--spacing,1px) * 150);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-grey-300,#dedfdb);font-size:var(--text-lead,1.6rem);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background-color:#0000}.quiz__name-wrap input::placeholder{color:var(--color-grey-500,#858585)}@media(min-width:768px){.quiz__name-wrap input{min-width:calc(var(--spacing,1px) * 250);font-size:var(--text-mob-h1,2.8rem)}}@media(min-width:992px){.quiz__name-wrap input{font-size:var(--text-h1,4.2rem)}}.quiz__back-btn{z-index:40;width:14px;height:11px}.quiz-step{pointer-events:none;visibility:hidden;z-index:0;display:none}.quiz-step.quiz-step--active{pointer-events:auto;visibility:visible;z-index:10;display:block}.quiz__option{cursor:pointer;color:var(--color-text,#3c3c3c);transition:all .3s ease-out}.quiz__option.--rectangle,.quiz__option.--tile{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-grey-500,#858585);padding:calc(var(--spacing,1px) * 15);text-align:left;background-color:#0000}:is(.quiz__option.--rectangle,.quiz__option.--tile).active,:is(.quiz__option.--rectangle,.quiz__option.--tile):hover{border-color:var(--color-text,#3c3c3c);background-color:var(--color-text,#3c3c3c);color:var(--color-background,#f6f3f0)}.quiz__option.--circle{counter-increment:quizOption;width:75px;height:auto}.quiz__option.--circle:before{content:counter(quizOption);width:75px;height:75px;margin-bottom:calc(var(--spacing,1px) * 30);background-color:var(--color-white,#fff);font-family:var(--font-heading,"Martina Plant", serif);font-size:var(--text-mob-h2,2.5rem);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);--tw-shadow:0px 7px 25px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}@media(min-width:768px){.quiz__option.--circle{width:100px}.quiz__option.--circle:before{height:calc(var(--spacing,1px) * 100);width:calc(var(--spacing,1px) * 100);font-size:var(--text-h2,3.2rem)}}:is(.quiz__option.--circle.active,.quiz__option.--circle:hover):before{background-color:var(--color-text,#3c3c3c);color:var(--color-white,#fff)}.quiz-step{width:100%;transition:opacity .3s ease-in-out}.quiz-step.active{z-index:2}.quiz-step.next{z-index:1;pointer-events:none;position:absolute;top:0;left:0}.track-option-wrap{width:15px;height:15px;position:relative}.track-option-wrap span{text-align:center;white-space:pre;display:block;position:absolute;top:calc(100% + 25px);left:50%;transform:translate(-50%)}button.track-option{background-color:var(--color-grey-400,#939393);border-radius:3.40282e38px;width:15px;height:15px;transition:all .3s;transform:scale(1)}button.track-option.active{background-color:var(--color-black,#000);transform:scale(1.5)}.fade-appear{opacity:0}.fade-appear-active,.fade-appear-done{opacity:1}.fade-enter{opacity:0}.fade-enter-active,.fade-enter-done,.fade-exit{opacity:1}.fade-exit-active,.fade-exit-done{opacity:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
