.quiz-display--form{display:flex;flex-direction:column;align-items:center;width:100%;flex:1;padding:0}.quiz-form__header{text-align:center;margin-bottom:24px}.quiz-form__title{color:#fff;font-size:36px;font-weight:700;line-height:normal;letter-spacing:-.96px;margin:0 0 8px}.quiz-form__subtitle .metafield-rich_text_field p{color:#d5ede5;font-size:var(--typography-size-6);font-weight:400;line-height:normal;letter-spacing:-.48px;margin:0}.quiz-form__container{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:16px;width:100%;max-width:100%;flex:1;overflow-x:auto}.quiz-form__container:has(>:nth-child(3)){justify-content:flex-start}.quiz-form__pet-col{flex:1;min-width:236px;max-width:450px;display:flex;flex-direction:column;gap:16px;background:#d5ede5;border:2px solid #d5ede5;border-radius:16px;padding:16px}.quiz-form__pet-name-row{display:flex;align-items:center;justify-content:center;gap:6px}.quiz-form__pet-name{text-align:center;font-size:var(--typography-size-body-medium);font-weight:600;line-height:110%;color:#363636;min-height:26px;background:transparent;border:none;border:1px solid transparent;padding:0;outline:none;font-family:inherit;width:auto;max-width:140px}.quiz-form__pet-name:focus{border:1px solid #027265}.quiz-form__edit-icon{display:flex;align-items:center;cursor:pointer;opacity:.6}.quiz-form__question-group{display:flex;flex-direction:column;gap:4px}.quiz-form__label{color:#363636;font-size:var(--typography-size-body-medium);font-weight:600;letter-spacing:-.02em;text-align:center}.quiz-form__select{width:100%;padding:6px 40px 6px 14px;border-radius:8px;border:1px solid #027265;background:#fff;color:#667085;font-size:var(--typography-size-body-small);font-weight:var(--typography-weight-body-small);line-height:150%;font-family:inherit;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23027265' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;box-shadow:0 1px 2px #1018280d}.quiz-form__select:focus{border-color:#4d9c93}.quiz-form__select option{color:#027265;background:#fff;padding:10px}.quiz-form__select option:disabled{color:#667085}.quiz-form__scale{display:flex;align-items:center;border-radius:8px;border:1px solid #027265;background:#fff;box-shadow:0 1px 2px #1018280d;overflow:hidden}.quiz-form__scale:focus-within{border-color:#4d9c93}.quiz-form__scale-input{flex:1;padding:6px 14px;border:none;background:transparent;color:#363636;font-size:var(--typography-size-body-small);font-weight:var(--typography-weight-body-small);line-height:150%;font-family:inherit;outline:none;min-width:0;-moz-appearance:textfield}.quiz-form__scale-input::-webkit-outer-spin-button,.quiz-form__scale-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quiz-form__scale-input:focus,.quiz-form__scale-input:hover{border:none!important;outline:none!important}.quiz-form__scale-divider{width:0px;align-self:stretch;background:#027265;opacity:.3;flex-shrink:0}.quiz-form__scale-unit{flex-shrink:0;padding:6px 26px 6px 12px;border:none;background:transparent;color:#027265;font-size:var(--typography-size-body-small);font-weight:var(--typography-weight-body-small);font-family:inherit;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23027265' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.quiz-form__slider-container{display:flex;flex-direction:column;gap:8px}.quiz-form__slider-track-wrapper{position:relative;width:100%;padding:0 8px;box-sizing:border-box}.quiz-form__slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#fff;border:1px solid transparent;border-radius:100px;outline:none;cursor:pointer;position:relative;z-index:2;margin:10px 0 8px;padding:4px 0}.quiz-form__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:28px;background:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='28' viewBox='0 0 16 28' fill='none'%3E%3Cg filter='url(%23filter0_d_2324_8109)'%3E%3Cpath d='M2 0H14V17.8909L7.77778 24L2 17.8909V0Z' fill='%23027265'/%3E%3Cpath d='M13.5 0.5V17.6807L7.79102 23.2861L2.5 17.6914V0.5H13.5Z' stroke='%23D5EDE5'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2324_8109' x='0' y='0' width='16' height='28' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2324_8109'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2324_8109' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;border:none;border-radius:0;cursor:pointer;box-shadow:none}.quiz-form__slider:hover{border:1px solid transparent!important}.quiz-form__slider::-moz-range-thumb{width:16px;height:28px;background:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='28' viewBox='0 0 16 28' fill='none'%3E%3Cg filter='url(%23filter0_d_2324_8109)'%3E%3Cpath d='M2 0H14V17.8909L7.77778 24L2 17.8909V0Z' fill='%23027265'/%3E%3Cpath d='M13.5 0.5V17.6807L7.79102 23.2861L2.5 17.6914V0.5H13.5Z' stroke='%23D5EDE5'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2324_8109' x='0' y='0' width='16' height='28' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2324_8109'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2324_8109' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;border:none;border-radius:0;cursor:pointer;box-shadow:none}.quiz-form__slider::-moz-range-track{background:#fff;border-radius:100px;height:6px}.quiz-form__slider-dots{position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:3;margin-top:1px}.quiz-form__slider-dot{width:10px;height:10px;background:#027265;border-radius:50%}.quiz-form__slider-dot--active{opacity:0}.quiz-form__slider-labels{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.quiz-form__slider-label{color:#027265;font-size:var(--typography-size-body-small);font-weight:500;text-align:center;flex:1}.quiz-form__slider-label:first-child{text-align:left}.quiz-form__slider-label:last-child{text-align:right}.quiz-form__slider-label p{margin:0;color:#363636;font-size:var(--typography-size-body-small);font-weight:400;line-height:normal}.quiz-form__options-grid{display:grid;grid-template-columns:repeat(2,minmax(98px,1fr));gap:8px}.quiz-form__option{width:100%;display:flex;align-items:center;justify-content:center;padding:8px 32px;border-radius:200px;border:2px solid #d5ede5;background:#fff;color:#027265;font-size:var(--typography-size-body-medium);font-weight:700;line-height:120%;font-family:inherit;box-shadow:none;cursor:pointer;transition:all .2s ease;text-align:center;min-height:unset}.quiz-form__option:hover,.quiz-form__option--selected{border-color:#027265;background:#02726533;color:#027265}.quiz-form__option p{margin:0}@media screen and (max-width:769px){.quiz-form__header{margin-bottom:24px}.quiz-form__title{font-size:32px}.quiz-form__subtitle{font-size:18px}.quiz-form__container{gap:0;overflow-x:visible;flex-direction:column}.quiz-form__swiper{width:100%;padding-bottom:36px!important}.quiz-form__swiper .swiper-slide{height:auto}.quiz-form__swiper .swiper-pagination{bottom:0}.quiz-form__swiper .swiper-pagination-bullet-active{background:#fff}.quiz-form__pet-col{gap:16px;min-width:unset;width:100%}}@media screen and (max-width:450px){.quiz-form__header{margin:0 24px}.quiz-form__title{font-size:28px}.quiz-form__subtitle{font-size:16px}.quiz-form__container{gap:8px}.quiz-form__pet-col{min-height:100%;max-height:510px}.quiz-form__select{padding:10px 36px 10px 12px;font-size:13px;background-position:right 12px center}.quiz-form__slider-label{font-size:12px}.quiz-form__option{padding:6px 10px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/quiz-display-form.css.map */