.survey-configurator__container{--color-background: #FDF1F7;--color-accent: #E6007E;--color-text: #00568A;--color-light-blue: #009FE3;background:var(--color-background);border:1px solid var(--color-accent);border-radius:20px;padding:clamp(16px,2.2vw,28px);margin:2rem 0;container-type:inline-size}.survey-loading{min-height:200px;position:relative}.survey-loading .loading__spinner{top:0;right:0;bottom:0;left:0;margin:auto;width:48px;height:48px}.survey-loading .loading__spinner .spinner .path{stroke:rgb(var(--color-button));opacity:.75}.survey-step{opacity:0;transform:translate(20px);transition:all .3s ease;max-width:46ch}.survey-step.active{opacity:1;transform:translate(0)}.survey-step__title{display:block;font-weight:600;margin:0 0 1.5rem;color:var(--color-text);font-size:1.8rem;line-height:1.3}.survey-step__description{color:var(--color-text);line-height:1.2}.survey-options{display:grid;gap:1rem;margin-block:2rem}.survey-option{position:relative;border-radius:8px}.survey-option input[type=radio]{-webkit-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;outline-offset:4px;cursor:pointer;margin:0}.survey-option label{border:2px solid var(--color-accent);border-radius:inherit;transition:all .2s ease;padding:0 3rem;color:var(--color-accent);text-transform:uppercase;font-weight:500;text-align:center;min-height:calc(4.5rem + var(--buttons-border-width) * 2);display:flex;align-items:center;justify-content:center}.survey-option:hover label{background:var(--color-accent);color:#fff}@container (min-width: 400px){.survey-options{grid-template-columns:repeat(3,1fr)}}.survey-information{border:1px solid var(--color-light-blue);border-radius:8px;padding:16px;gap:16px}.survey-information__dropdown{color:var(--color-text)}.survey-information__dropdown summary{font-weight:700;display:flex;justify-content:space-between;align-items:center}.survey-information__dropdown summary span.close-icon{background-color:var(--color-light-blue);display:none;width:20px;height:20px;border-radius:50%;position:relative}.survey-information__dropdown summary span.close-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:70%;height:2px;background-color:var(--color-background);border-radius:2px;margin:auto}@container (max-width: 399px){.survey-information{padding:12px;flex-direction:row-reverse;justify-content:space-between}}.survey-results__list{display:grid;gap:1rem;margin:2rem 0;padding:0;max-width:40ch}.survey-variant{display:grid;align-items:center;grid-template-columns:3fr 2fr auto;gap:12px}.survey-variant__title,.survey-variant__price{font-weight:600;color:var(--color-text);line-height:1}.survey-variant__title{display:grid;grid-template-columns:20px 1fr;gap:inherit;align-items:center;position:relative}.survey-variant__title:before{content:"";background-image:var(--checkmark-url);background-size:contain;background-repeat:no-repeat;width:20px;height:20px}.survey-variant__price span{font-size:.9rem;opacity:.75;font-weight:300;white-space:nowrap}.survey-variant__remove-btn{border:0;border-radius:2px;background-color:transparent;width:24px;height:24px;cursor:pointer;position:relative;transition:background-color .1s ease-out}.survey-variant__remove-btn:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background-image:var(--trashcan-url);background-repeat:no-repeat;background-size:contain;background-position:center center}.survey-variant__remove-btn:hover{background-color:color-mix(in oklch,var(--color-accent) 10%,transparent)}.survey-variant.unavailable{position:relative}.survey-variant.unavailable .survey-variant__title,.survey-variant.unavailable .survey-variant__price{text-decoration:line-through;color:var(--color-text-muted, #6b7280)}.survey-variant.unavailable .survey-variant__title,.survey-variant.unavailable .survey-variant__price{opacity:.6}.survey-results__reset-btn{-webkit-appearance:none;appearance:none;background:none;border:none;padding-inline:0;text-decoration:underline;color:var(--color-accent);cursor:pointer;font-family:inherit}.survey-results__reset-btn:hover{text-decoration-thickness:2px}.survey-product-form{width:100%}.survey-form__buttons{display:flex;flex-wrap:wrap;gap:1rem}.survey-buy-buttons__btn--primary,.survey-buy-buttons__btn--secondary{flex-grow:1}.survey-buy-buttons__btn--secondary{background:transparent;color:rgb(var(--color-button))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-survey.css.map */