.cy-form{--cy-blue: #093A5D;--cy-cyan: #2EE1FF;--cy-cream: #EFEBE1;--cy-pill-bg: #EFE9DF;--cy-radius: 12px;--cy-radius-pill: 1rem;--cy-transition: .15s ease;--cy-border-strong: 1.5px solid var(--cy-blue);--cy-border-input: 1.5px solid var(--sky-base, #B2B2B2);--cy-shadow-focus: 0 0 0 3px rgba(46, 225, 255, .35)}.cy-quiz-section{background:var(--cy-cream)}.cy-form{width:100%;max-width:580px;margin:0 auto;padding:0 4px;font-family:var(--font-family-2);font-size:16px;color:var(--cy-blue)}.cy-form .hidden{display:none!important}.cy-form .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cy-form .cy-progress{margin-bottom:36px}.cy-form .cy-progress-track{width:100%;height:9px;background:#fff;border:1.5px solid rgba(46,225,255,.55);border-radius:999px;overflow:hidden}.cy-form .cy-progress-fill{display:block;height:100%;min-width:0;background:var(--cy-cyan);border-radius:999px;transition:width .35s ease}.cy-form .cy-progress-fill:empty{display:block}.cy-form.cy-form--pending .cy-steps{visibility:hidden}.cy-form.cy-form--ready .cy-steps{visibility:visible}.cy-form .cy-step{display:none}.cy-form .cy-step.is-active{display:block}.cy-form .cy-step-text{margin-bottom:28px;text-align:center}.cy-form .cy-step-heading{font-family:var(--font-family-1);font-size:clamp(26px,5.5vw,38px);line-height:1.1;color:var(--cy-blue);margin:0 0 10px}.cy-form .cy-step-heading:focus,.cy-form .cy-step-heading:focus-visible{outline:none;box-shadow:none}.cy-form .cy-step-heading.smaller{font-size:clamp(20px,4vw,28px);line-height:1.2}.cy-form .cy-step-subheading{font-family:var(--font-family-2);font-size:14px;color:var(--cy-blue);opacity:.65;margin:0;letter-spacing:.02em}.cy-form .cy-field-rows{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.cy-form .cy-field{display:flex;flex-direction:column;gap:6px}.cy-form .cy-field-label{font-family:var(--font-family-2);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:lowercase;color:var(--cy-blue)}.cy-form .cy-field-input{width:100%;padding:12px 1rem;border:var(--cy-border-input);border-radius:var(--cy-radius);font-family:var(--font-family-2);font-size:16px;color:var(--cy-blue);background:#fff;outline:none;appearance:none;-webkit-appearance:none;transition:border-color var(--cy-transition),box-shadow var(--cy-transition)}.cy-form .cy-field-input::placeholder{color:#093a5d61}.cy-form .cy-field-input:focus{border-color:var(--cy-cyan);box-shadow:var(--cy-shadow-focus)}.cy-form .cy-field-input.is-invalid,.cy-form .cy-field.is-invalid .cy-field-input{border-color:#c62828}.cy-form .cy-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cy-form .cy-fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.cy-form .cy-radio{position:relative;display:flex;align-items:center;gap:12px;padding:12px 1rem;border:var(--cy-border-input);border-radius:var(--cy-radius-pill);cursor:pointer;background:#fff;-webkit-user-select:none;user-select:none;transition:background var(--cy-transition),border-color var(--cy-transition)}.cy-form .cy-radio:after{content:"";flex-shrink:0;margin-left:auto;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--cy-blue);background:#fff;transition:background var(--cy-transition),border-color var(--cy-transition)}.cy-form .cy-radio:has(input[type=radio]:checked),.cy-form .cy-check:has(input[type=checkbox]:checked){background:var(--cy-cyan);border-color:var(--cy-cyan)}.cy-form .cy-radio:has(input[type=radio]:checked):after{background:var(--cy-blue);border-color:var(--cy-blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M2 6.5l3 3 6-6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.cy-form .cy-fieldset.is-invalid .cy-radio,.cy-form .cy-radio.is-invalid,.cy-form .cy-check.is-invalid{border-color:#c62828}.cy-form .cy-radio-other.is-invalid:has(input[type=radio]:checked),.cy-form .cy-check-other.is-invalid:has(input[type=checkbox]:checked){border-color:#c62828}.cy-form .cy-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.cy-form .cy-radio span{font-family:var(--font-family-2);font-size:16px;font-weight:500;color:var(--cy-blue);text-transform:lowercase;pointer-events:none;line-height:1.3}.cy-form .cy-radio-other{padding:0;gap:0}.cy-form .cy-radio-other .cy-field-input-other{flex:1;min-width:0;width:100%;padding:12px calc(22px + 1.75rem) 12px 1rem;border:none;border-radius:var(--cy-radius-pill);background:transparent;font-family:var(--font-family-2);font-size:16px;color:var(--cy-blue);text-transform:lowercase;outline:none}.cy-form .cy-radio-other:after{position:absolute;right:1rem;top:50%;margin-left:0;transform:translateY(-50%)}.cy-form .cy-radio-other:has(input[type=radio]:checked):after{transform:translateY(-50%)}.cy-form .cy-radio-other .cy-field-input-other::placeholder{color:#093a5d61}.cy-form .cy-radio-other .cy-field-input-other:focus,.cy-form .cy-radio-other .cy-field-input-other:focus-visible,.cy-form .cy-check-other .cy-field-input-other:focus,.cy-form .cy-check-other .cy-field-input-other:focus-visible{outline:none;box-shadow:none;border:none}.cy-form .cy-radio-other:focus-within,.cy-form .cy-check-other:focus-within{outline:none;box-shadow:none}.cy-form .cy-radio-other:focus-within:has(input:checked),.cy-form .cy-check-other:focus-within:has(input:checked){border-color:var(--cy-blue)}.cy-form .cy-check{position:relative;display:flex;align-items:center;gap:12px;padding:12px 1rem;border:var(--cy-border-input);border-radius:var(--cy-radius);cursor:pointer;background:#fff;-webkit-user-select:none;user-select:none;transition:background var(--cy-transition),border-color var(--cy-transition),opacity var(--cy-transition)}.cy-form .cy-check:after{content:"";flex-shrink:0;margin-left:auto;width:22px;height:22px;border-radius:5px;border:1.5px solid var(--cy-blue);background:#fff;transition:background var(--cy-transition)}.cy-form .cy-check:has(input[type=checkbox]:checked):after{background:var(--cy-blue);border-color:var(--cy-blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M2 6.5l3 3 6-6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.cy-form .cy-fieldset.is-invalid .cy-check{border-color:#c62828}.cy-form .cy-check input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.cy-form .cy-check-text{font-family:var(--font-family-2);font-size:16px;font-weight:500;color:var(--cy-blue);text-transform:lowercase;pointer-events:none;line-height:1.3}.cy-form .cy-check.disabled-max{opacity:.38;cursor:not-allowed}.cy-form .cy-check-other{padding:0;overflow:hidden}.cy-form .cy-check-other .cy-field-input-other{width:100%;padding:12px 1rem;border:none;border-radius:var(--cy-radius);background:transparent;font-family:var(--font-family-2);font-size:16px;color:var(--cy-blue);text-transform:lowercase;outline:none}.cy-form .cy-check-other .cy-field-input-other::placeholder{color:#093a5d61}.cy-form .cy-cats{display:flex;flex-direction:column;gap:0;margin-bottom:20px}.cy-form .cy-cat-card{padding:0 0 20px;margin:0 0 20px;border:none;border-bottom:1px solid rgba(9,58,93,.12);border-radius:0;background:transparent}.cy-form .cy-cat-card:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.cy-form .cy-cat-card .cy-field-row.cat{margin:0;grid-template-columns:1.35fr 1fr;gap:12px}.cy-form .cy-cat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cy-form .cy-cat-title{font-family:var(--font-family-1);font-size:clamp(18px,4vw,22px);font-weight:400;line-height:1.1;letter-spacing:0;text-transform:lowercase;color:var(--cy-blue);margin:0}.cy-form .cy-cat-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;border:1px solid rgba(9,58,93,.25);border-radius:50%;background:#fff;color:var(--cy-blue);cursor:pointer;transition:border-color var(--cy-transition),background var(--cy-transition)}.cy-form .cy-cat-remove:hover{border-color:var(--cy-blue);background:var(--cy-pill-bg)}.cy-form .cy-add-cat-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:4px 0 8px;padding:15px clamp(20px,4.444vw,64px);border:none;border-radius:12px;background:var(--cy-pill-bg);font-family:var(--font-family-2);font-size:16px;font-weight:700;line-height:1;text-transform:lowercase;color:var(--cy-blue);cursor:pointer}.cy-form .cy-add-cat-btn svg{flex-shrink:0;opacity:.85}.cy-form .cy-step-nav{display:flex;flex-direction:column;gap:10px;margin-top:28px}.cy-form .cy-step-nav.wrap{flex-wrap:wrap}.cy-form .btn.cy-quiz-btn--primary{width:100%;min-width:0}.cy-form .btn.cy-quiz-btn--primary .btn__decor{display:none!important}@media(hover:hover)and (pointer:fine){.cy-form .btn.cy-quiz-btn--primary:hover{transform:none;box-shadow:none}.cy-form .btn.cy-quiz-btn--primary:hover .icon__wrap{transform:none}}.cy-form .cy-quiz-btn--back{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:15px clamp(20px,4.444vw,64px);border:none;border-radius:12px;font-family:var(--font-family-2);font-size:22px;font-weight:700;line-height:100%;text-transform:lowercase;cursor:pointer;color:var(--cy-blue);background:var(--cy-pill-bg);transition:background var(--cy-transition),opacity var(--cy-transition)}.cy-form .cy-quiz-btn--back:hover{background:var(--cy-cream);transform:none;box-shadow:none}.cy-form .cy-button.refer{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:1rem;margin-top:8px;border:none;border-radius:var(--cy-radius);font-family:var(--font-family-2);font-size:18px;font-weight:700;text-transform:lowercase;cursor:pointer;color:#fff;background:var(--cy-blue);transition:opacity var(--cy-transition)}.cy-form .cy-button.refer:hover{opacity:.9;transform:none;box-shadow:none}.cy-form .cy-step-error{display:none;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;background:#fff;border:1px solid rgba(9,58,93,.1);border-radius:10px;box-shadow:0 6px 24px #093a5d14,0 1px 3px #0000000a;font-family:var(--font-family-2);font-size:15px;font-weight:500;color:#093a5de0;line-height:1.35;letter-spacing:.01em;text-transform:lowercase}.cy-form .cy-step-error__icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background-color:#2ee1ff47;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23093A5D' stroke-width='1.6' stroke-linecap='round' d='M10 5.25v5'/%3E%3Ccircle cx='10' cy='14' r='1.1' fill='%23093A5D'/%3E%3C/svg%3E");background-size:20px 20px;background-repeat:no-repeat;background-position:center}.cy-form .cy-step-error__text{flex:1;min-width:0}.cy-form .cy-step-error.is-visible{display:flex;animation:cy-toast-in .22s ease}@keyframes cy-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.cy-form .cy-step-error.is-visible{animation:none}}.cy-form .cy-submit-ver{font-family:var(--font-family-2);font-size:12px;color:#093a5d8c;text-align:center;line-height:1.5;margin:0;width:100%}.cy-form .cy-submit-ver a{color:var(--cy-blue)}.cy-form .cy-success-content{text-align:center}.cy-form .cy-success-heading{font-size:clamp(30px,7vw,52px);margin-bottom:16px}.cy-form .cy-success-personalized,.cy-form .cy-success-body{font-family:var(--font-family-2);font-size:18px;color:var(--cy-blue);line-height:1.5;margin:0 0 16px}.cy-form .cy-success-socials{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}.cy-form .cy-social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--cy-blue);color:#fff;text-decoration:none;transition:transform var(--cy-transition),opacity var(--cy-transition)}.cy-form .cy-form-end{display:block;width:100%;max-width:580px;margin:28px auto 0}@media screen and (min-width:768px){.cy-form{padding:0}.cy-form .cy-step-nav{flex-direction:row-reverse;align-items:center}.cy-form .btn.cy-quiz-btn--primary{flex:1;width:auto}.cy-form .cy-quiz-btn--back{width:auto;flex:0 0 auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hydration-quiz.css.map */