.c-slotted-surface{--surface-width: 414px;--surface-height: auto;--surface-min-height: 790px;--surface-radius: var(--radius-fluid-container);--surface-shadow: var(--elev-0-brand-surface);--surface-bg: var(--surface-0);--header-bg: var(--color-paper);--header-padding: var(--space-unit-10);--header-gap: var(--space-unit-3);--header-icon-size: var(--space-unit-14);--header-title-size: 24px;--header-title-weight: 500;--header-title-color: var(--text);--header-subtitle-size: 16px;--header-subtitle-weight: 400;--header-subtitle-color: var(--text-input-instruction);--body-padding: var(--space-unit-10);--body-gap: var(--space-unit-2);--section-title-size: 20px;--section-title-weight: 500;--section-title-color: var(--text);--section-gap: var(--space-unit-4);--footer-padding: var(--space-unit-10);--footer-gap: var(--space-unit-4);display:flex;flex-direction:column;width:var(--surface-width);height:var(--surface-height);min-height:var(--surface-min-height);border-radius:var(--surface-radius);background:var(--surface-bg);box-shadow:var(--surface-shadow);overflow:auto}.c-slotted-surface__header{display:flex;flex-direction:column;gap:var(--header-gap);background:var(--header-bg);padding:var(--header-padding);padding-bottom:var(--space-unit-8);border-radius:var(--surface-radius) var(--surface-radius) 0 0}.c-slotted-surface__header-content{display:flex;align-items:flex-start;gap:var(--space-unit-4)}.c-slotted-surface__header-icon{flex-shrink:0;width:var(--header-icon-size);height:var(--header-icon-size);display:flex;align-items:center;justify-content:center}.c-slotted-surface__header-icon img,.c-slotted-surface__header-icon svg{width:100%;height:100%;object-fit:contain}.c-slotted-surface__header-text{display:flex;flex-direction:column;gap:var(--space-unit-1);flex:1}.c-slotted-surface__header-title{font-size:var(--header-title-size);font-weight:var(--header-title-weight);color:var(--header-title-color);line-height:1.3;margin:0}.c-slotted-surface__header-subtitle{font-size:16px;font-weight:300;color:var(--text-input-instruction);line-height:1.4;margin:0}.c-slotted-surface__body{flex:1;display:flex;flex-direction:column;gap:var(--body-gap);padding:0 var(--body-padding) var(--body-padding);overflow-y:auto}.c-slotted-surface__back-btn{background:transparent;border:none;color:var(--link);font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium);cursor:pointer;padding:0;margin-top:var(--space-unit-8);margin-bottom:var(--space-unit-2);display:flex;align-items:center;gap:var(--space-unit-1_5);transition:color var(--motion-duration-quick) var(--motion-ease-soft-out)}.c-slotted-surface__back-btn:hover{color:var(--link-hover)}.c-slotted-surface__back-btn[data-hidden]{display:none}.c-slotted-surface__pages{position:relative;flex:1;display:flex;flex-direction:column}.c-slotted-surface__page{display:none;flex-direction:column;gap:var(--body-gap);animation:fadeInSlide 0.3s ease}.c-slotted-surface__page[data-active]{display:flex}@keyframes fadeInSlide{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.c-slotted-surface__progress{display:flex;justify-content:center;align-items:center;gap:var(--space-unit-2);padding:var(--space-unit-6) 0 0;margin-top:auto}.c-slotted-surface__progress-dot{width:var(--space-unit-2);height:var(--space-unit-2);border-radius:var(--radius-circle);background:var(--default-300);transition:width var(--motion-duration-moderate) var(--motion-ease-lunar),background var(--motion-duration-moderate) var(--motion-ease-lunar)}.c-slotted-surface__progress-dot[data-active]{width:var(--space-unit-8);border-radius:var(--radius-sm);background:var(--primary-600)}.c-slotted-surface__progress-dot[data-completed]{background:var(--primary-400)}.c-slotted-surface__section{display:flex;flex-direction:column;gap:var(--section-gap)}.c-slotted-surface__section-title{font-size:var(--section-title-size);font-weight:var(--section-title-weight);color:var(--section-title-color);line-height:1.3;margin:0;margin-top:var(--space-unit-5)}.c-slotted-surface__section-content{display:flex;flex-direction:column;gap:var(--space-unit-4)}.c-slotted-surface .input-container{width:100%}.c-slotted-surface .input{inline-size:100%;width:100%}.c-slotted-surface__footer{display:flex;flex-direction:column;align-items:center;gap:var(--footer-gap);padding:0 var(--footer-padding) var(--footer-padding)}.c-slotted-surface__footer-actions{display:flex;flex-direction:column;gap:var(--space-unit-3);align-items:stretch;width:100%}.c-slotted-surface__footer-actions .btn{width:100%}.c-slotted-surface [data-hidden]{display:none !important}.c-slotted-surface__footer-links{display:flex;justify-content:center;gap:var(--space-unit-2);padding-top:var(--space-unit-2)}.c-slotted-surface--compact{--surface-width: 360px;--surface-height: 520px;--header-padding: var(--space-unit-8);--body-padding: var(--space-unit-8);--footer-padding: var(--space-unit-8);--header-icon-size: var(--space-unit-12);--header-title-size: var(--font-size-h3);--section-title-size: var(--font-size-body-l)}.c-slotted-surface--wide{--surface-width: 560px;--surface-height: auto;min-height:640px}.c-slotted-surface--flat{--surface-shadow: none}@media (max-width: 520px){.c-slotted-surface{--surface-width: 100%;--header-padding: var(--space-unit-6);--body-padding: var(--space-unit-6);--footer-padding: var(--space-unit-6);--header-icon-size: var(--space-unit-12);--header-title-size: var(--font-size-h3);--section-title-size: var(--font-size-body-l);border-radius:0;height:100vh}.c-slotted-surface__header{border-radius:0}}@media (prefers-reduced-motion: no-preference){.c-slotted-surface{transition:box-shadow var(--motion-card-hover-duration) var(--motion-card-hover-easing), transform var(--motion-card-hover-duration) var(--motion-card-hover-easing)}.c-slotted-surface:hover{transform:translateY(-2px);box-shadow:1px -0.5px 1px #fff, -1px 0.5px 1px #fff, -4px 8px 40px rgba(255,72,0,0.15), -4px 8px 20px #B2BAC7}}

/*# sourceMappingURL=c-slotted-surface.css.map */