.ss-accordion{display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem}.ss-step{border:1.5px solid var(--ss-schwarz);border-radius:var(--ss-radius);margin-bottom:.5rem;background:var(--ss-weiss);transition:border-color var(--ss-transition),box-shadow var(--ss-transition);overflow:hidden}.ss-step.is-closed{border-color:var(--ss-grau-border)}.ss-step.is-done{box-shadow:var(--ss-shadow)}.ss-step__header{width:100%;display:flex;align-items:center;gap:.75rem;padding:1.05rem 1.35rem;background:none;border:none;border-radius:0;cursor:pointer;text-align:left;font-family:var(--ss-font);font-weight:600;font-size:.9375rem;color:var(--ss-text);line-height:1;transition:background-color var(--ss-transition);outline-offset:-2px}.ss-step__header:hover{background-color:var(--ss-grau)}.ss-step__number{display:flex;align-items:center;justify-content:center;width:1.95rem;height:1.95rem;border-radius:50%;background:var(--ss-grau);border:1.5px solid var(--ss-grau-border);font-size:.9rem;font-weight:700;color:var(--ss-text-soft);flex-shrink:0;transition:background var(--ss-transition),border-color var(--ss-transition),color var(--ss-transition)}.ss-step .ss-step__number{background:var(--ss-schwarz);border-color:var(--ss-schwarz);color:var(--ss-weiss)}.ss-step.is-closed .ss-step__number{background:var(--ss-grau);border-color:var(--ss-grau-border);color:var(--ss-text-soft)}.ss-step__title{flex:1;font-size:1.125rem;font-weight:600;color:var(--ss-text);white-space:nowrap}.ss-step__summary{font-size:.975rem;font-weight:500;color:var(--ss-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38%;flex-shrink:1;opacity:0;transition:opacity var(--ss-transition)}.ss-step.is-done .ss-step__summary{opacity:1}.ss-step__check{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity var(--ss-transition)}.ss-step.is-done .ss-step__check{opacity:1}.ss-step__check:after{content:"\2713";font-size:1.2rem;font-weight:700;line-height:1;color:#22c55e}.ss-step__body{display:block;padding:.3rem 1.35rem 1.5rem;border-top:1px solid var(--ss-grau-border)}.ss-step.is-closed .ss-step__body{display:none}.ss-step__body .product-form__input{margin-top:1rem}.ss-step__body .product-form__input:first-child{margin-top:0}.ss-step__body input[type=text],.ss-step__body .field__input{height:44px!important;min-height:44px!important;max-height:44px!important;resize:none!important;overflow:hidden!important}.ss-step__body .text-area,.ss-step__body input[type=text]{width:100%}.ss-step__body textarea.field__input,.ss-step__body input[type=text].field__input{border:1.5px solid #0a0a0a!important;box-shadow:none!important}.ss-step__body textarea.field__input{padding-top:11px!important;padding-bottom:11px!important;line-height:1.4!important}.ss-step__body input[type=text].field__input{padding-top:0!important;padding-bottom:0!important;line-height:44px!important}.ss-status-indicator{display:flex;align-items:center;gap:calc(var(--font-heading-scale, 1) * 1rem)}.ss-status-dot{flex-shrink:0;border-radius:50%;animation:ss-dot-pulse 2s ease-in-out infinite}@keyframes ss-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}.icon-with-text--vertical .icon-with-text__item .h4{transform:translateY(-.15em)}.product-form__submit:after,.product-form__submit:hover:after{box-shadow:none!important}.ss-checkbox-wrap{display:flex;align-items:center;gap:.6rem;margin:1rem 0;cursor:pointer;-webkit-user-select:none;user-select:none}.ss-checkbox-input{appearance:none!important;-webkit-appearance:none!important;flex-shrink:0;width:1.25rem!important;height:1.25rem!important;min-width:1.25rem;min-height:1.25rem;border:2px solid #0a0a0a!important;border-radius:3px!important;background:#fff!important;cursor:pointer;position:relative;display:inline-block;vertical-align:middle;transition:background .15s,border-color .15s;box-shadow:none!important;outline:none}.ss-checkbox-input:checked{background:#0a0a0a!important;border-color:#0a0a0a!important}.ss-checkbox-input:checked:after{content:"";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(45deg);width:28%;height:50%;border-style:solid;border-color:#fff;border-width:0 2px 2px 0}@media screen and (max-width:374px){.ss-step__header{gap:.5rem;padding:.9rem 1.05rem}.ss-step__body{padding:.3rem 1.05rem 1.2rem}.ss-step__title{font-size:1.05rem}.ss-step__summary{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/shadesticker-product-accordion.css.map */