@24vlh/vds 0.3.5 → 0.3.7

package/dist/components/feedback.min.css

@@ -1 +1 @@
-.vds-feedback,[data-vds-feedback]{--feedback-padding-sm:var(--space-3);--feedback-padding-md:var(--space-4);--feedback-padding-lg:var(--space-6);--feedback-gap:var(--space-3);--feedback-info-block-border-width:var(--border-width-strong)}.feedback[data-variant=info],[data-variant=info]{--feedback-bg:var(--semantic-info-bg-strong,var(--color-info-soft));--feedback-border:var(--semantic-info-border-strong,var(--color-info));--feedback-text:var(--semantic-info-text-strong,var(--color-info-strong))}.feedback[data-variant=success],[data-variant=success]{--feedback-bg:var(--semantic-success-bg-strong,var(--color-success-soft));--feedback-border:var(--semantic-success-border-strong,var(--color-success));--feedback-text:var(--semantic-success-text-strong,var(--color-success-strong))}.feedback[data-variant=warning],[data-variant=warning]{--feedback-bg:var(--semantic-warning-bg-strong,var(--color-warning-soft));--feedback-border:var(--semantic-warning-border-strong,var(--color-warning));--feedback-text:var(--semantic-warning-text-strong,var(--color-warning-strong))}[data-variant=danger]{--feedback-bg:var(--color-danger-soft);--feedback-border:var(--color-danger);--feedback-text:var(--color-danger-strong)}.feedback[data-variant=error],[data-variant=error]{--feedback-bg:var(--semantic-error-bg-strong,var(--color-danger-soft));--feedback-border:var(--semantic-error-border-strong,var(--color-danger));--feedback-text:var(--semantic-error-text-strong,var(--color-danger-strong))}[data-variant=neutral]{--feedback-bg:var(--color-surface-subtle);--feedback-border:var(--color-border-subtle);--feedback-text:var(--color-text)}[data-variant=accent]{--feedback-bg:var(--color-accent-soft);--feedback-border:var(--color-accent);--feedback-text:var(--color-on-accent)}.alert{align-items:flex-start;background-color:var(--color-muted-bg);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:flex;font-size:var(--text-sm);gap:var(--feedback-gap);padding:var(--feedback-padding-lg)}.alert[data-variant]{background-color:var(--feedback-bg)!important;border-color:var(--feedback-border)!important;color:var(--feedback-text)!important}.alert__icon{align-items:center;display:flex;flex-shrink:0;height:var(--space-5);justify-content:center;width:var(--space-5)}.alert__icon>*{display:block;height:100%;width:100%}.alert__content{display:flex;flex-direction:column;gap:var(--space-2)}.alert__title{font-size:var(--text-sm);font-weight:600}.alert__message{font-size:var(--text-sm);opacity:.95}.alert__close{cursor:pointer;font-size:var(--text-sm);margin-left:auto;opacity:.6}.alert__close:hover{opacity:1}.alert__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.alert--outline{background-color:transparent!important;border-color:var(--feedback-border)!important;color:var(--feedback-border)!important}.banner{background-color:var(--color-surface-subtle);border-bottom:var(--border-width) solid var(--color-border-subtle);color:var(--color-text);padding:var(--feedback-padding-md) 0;width:100%}.banner[data-variant]{background-color:var(--feedback-bg)!important;border-color:var(--feedback-border)!important;color:var(--feedback-text)!important}.banner__inner{align-items:center;display:flex;gap:var(--feedback-gap);justify-content:space-between;margin:0 auto;max-width:var(--layout-max-width);padding:0 var(--space-6)}.banner__close,.banner__text{font-size:var(--text-sm)}.banner__close{cursor:pointer;opacity:.6}.banner__close:hover{opacity:1}.banner__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.banner--sticky{position:sticky;top:0;z-index:var(--z-sticky)}.feedback-toast{align-items:center;animation:toast-enter var(--transition-normal) forwards;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-2);display:flex;font-size:var(--text-sm);gap:var(--feedback-gap);opacity:0;padding:var(--feedback-padding-md) var(--feedback-padding-lg);transform:translateY(6px)}.feedback-toast[data-variant]{background-color:var(--feedback-bg)!important;border-color:var(--feedback-border)!important;color:var(--feedback-text)!important}.feedback-toast__icon{stroke:currentColor;fill:none;display:inline-block;flex-shrink:0;height:var(--space-5);width:var(--space-5)}.feedback-toast__text{flex:1 1 auto;min-width:0}.feedback-toast__close{cursor:pointer;flex-shrink:0;height:var(--space-5);opacity:.6;position:absolute;right:var(--space-1);top:var(--space-1);width:var(--space-5)}.feedback-toast__close:hover{opacity:1}.feedback-toast__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.feedback-toast__close:before{align-items:center;bottom:0;color:currentColor;content:"×";display:flex;font-size:var(--text-md);justify-content:center;left:0;line-height:1;position:absolute;right:0;top:0}.feedback-toast-stack{display:flex;flex-direction:column;gap:var(--space-4);position:fixed;right:var(--space-8);top:var(--space-8);z-index:var(--z-toast)}.feedback-toast-stack.is-top-right{bottom:auto;left:auto;right:var(--space-8);top:var(--space-8)}.feedback-toast-stack.is-top-left{bottom:auto;left:var(--space-8);right:auto;top:var(--space-8)}.feedback-toast-stack.is-bottom-right{bottom:var(--space-8);left:auto;right:var(--space-8);top:auto}.feedback-toast-stack.is-bottom-left{bottom:var(--space-8);left:var(--space-8);right:auto;top:auto}@keyframes toast-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.form-feedback{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-2)}.form-feedback--error{color:var(--color-error)}.form-feedback--warning{color:var(--color-warning)}.form-feedback--success{color:var(--color-success)}.form-feedback--info{color:var(--color-info)}.input-feedback--error{border-color:var(--color-error)!important}.input-feedback--warning{border-color:var(--color-warning)!important}.input-feedback--success{border-color:var(--color-success)!important}.input-feedback--info{border-color:var(--color-info)!important}.status{align-items:center;align-self:flex-start;background-color:var(--color-muted-bg);border-radius:999px;color:var(--color-text);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-1) var(--space-3);white-space:nowrap;width:-moz-max-content;width:max-content}.status[data-variant]{background-color:var(--feedback-bg)!important;color:var(--feedback-text)!important}.status--outline{background-color:transparent!important;border:var(--border-width) solid var(--feedback-border)!important;color:var(--feedback-border)!important}.status--dot:before{background-color:var(--feedback-border);border-radius:999px;content:"";height:var(--space-2);width:var(--space-2)}.progress{background-color:var(--color-muted-bg);border-radius:var(--radius-sm);height:var(--space-2);overflow:hidden;width:100%}.progress__bar{background-color:var(--color-accent);height:100%;transition:width var(--transition-normal);width:0}.progress--striped .progress__bar{background-image:linear-gradient(45deg,var(--color-accent-soft) 25%,var(--color-accent) 25%,var(--color-accent) 50%,var(--color-accent-soft) 50%,var(--color-accent-soft) 75%,var(--color-accent) 75%,var(--color-accent));background-size:16px 16px}.progress--striped.progress--striped__relaxed .progress__bar{background-size:24px 24px}.progress--animated.progress--striped .progress__bar{animation:progress-stripes .3s linear infinite;will-change:background-position}.progress--animated.progress--striped__relaxed .progress__bar{animation:progress-stripes-relaxed .3s linear infinite;will-change:background-position}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:16px 0}}@keyframes progress-stripes-relaxed{0%{background-position:0 0}to{background-position:24px 0}}.progress--animated:not(.progress--striped) .progress__bar{overflow:hidden;position:relative}.progress--animated:not(.progress--striped) .progress__bar:after{animation:progress-sheen 1.2s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0));content:"";height:100%;left:-40%;pointer-events:none;position:absolute;top:0;width:40%}@keyframes progress-sheen{0%{transform:translateX(0)}to{transform:translateX(250%)}}.guidance{--guidance-bg:var(--color-surface-subtle);--guidance-border:var(--color-accent);--guidance-text:var(--color-text);background-color:var(--guidance-bg);border-left:var(--feedback-info-block-border-width) solid var(--guidance-border);border-radius:var(--radius-sm);color:var(--guidance-text);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-2);padding:var(--feedback-padding-md) var(--feedback-padding-lg)}.guidance--compact{padding:var(--feedback-padding-sm) var(--feedback-padding-md)}.guidance__header{align-items:flex-start;display:flex;gap:var(--space-2)}.guidance__icon{align-items:center;display:flex;flex-shrink:0;height:var(--space-5);justify-content:center;width:var(--space-5)}.guidance__title{font-weight:600}.guidance__body,.guidance__title{font-size:var(--text-sm)}.guidance__list{grid-gap:var(--space-1);display:grid;gap:var(--space-1);list-style:none;margin:0;padding:0}.guidance__list li{padding-left:var(--space-4);position:relative}.guidance__list li:before{background-color:var(--guidance-border);border-radius:var(--radius-full);content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.guidance[data-variant]{--guidance-bg:var(--feedback-bg);--guidance-border:var(--feedback-border);--guidance-text:var(--feedback-text)}.guidance--do{--guidance-bg:var(--semantic-success-bg-strong,var(--color-success-soft));--guidance-border:var(--semantic-success-border-strong,var(--color-success));--guidance-text:var(--semantic-success-text-strong,var(--color-success-strong))}.guidance--dont{--guidance-bg:var(--semantic-error-bg-strong,var(--color-danger-soft));--guidance-border:var(--semantic-error-border-strong,var(--color-danger));--guidance-text:var(--semantic-error-text-strong,var(--color-danger-strong))}.guidance--how{--guidance-bg:var(--semantic-info-bg-strong,var(--color-info-soft));--guidance-border:var(--semantic-info-border-strong,var(--color-info));--guidance-text:var(--semantic-info-text-strong,var(--color-info-strong))}.info-block{background-color:var(--color-surface-subtle);border-left:var(--feedback-info-block-border-width) solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);padding:var(--feedback-padding-md) var(--feedback-padding-lg)}.info-block[data-variant]{background-color:var(--feedback-bg)!important;border-color:var(--feedback-border)!important;color:var(--feedback-text)!important}.result{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--feedback-padding-lg);text-align:center}.result__icon{stroke:currentColor;fill:none;height:var(--space-12);margin:0 auto var(--space-4);width:var(--space-12)}.result__title{font-size:var(--text-xl);font-weight:600}.result__subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.result__actions{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6)}.result[data-variant]{border-color:var(--feedback-border)!important;color:var(--feedback-text)!important}[data-density=compact] .alert,[data-density=compact] .banner,[data-density=compact] .feedback-toast,[data-density=compact] .guidance,[data-density=compact] .info-block,[data-density=compact] .result{padding:var(--feedback-padding-md)!important}[data-density=compact] .status{padding:0 var(--space-2)}[data-density=compact] .progress{height:var(--space-1)}[data-density=compact] .form-feedback{gap:var(--space-1)}@media (max-width:640px){.alert,.banner,.feedback-toast,.guidance,.info-block,.result{padding:var(--feedback-padding-md)}.feedback-toast-stack{right:var(--space-4);top:var(--space-4)}}.feedback-toast--static{animation:none!important;bottom:auto!important;left:auto!important;max-width:100%;opacity:1!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:-moz-max-content;width:max-content}
+.vds-feedback,[data-vds-feedback]{--feedback-padding-sm:var(--space-3);--feedback-padding-md:var(--space-4);--feedback-padding-lg:var(--space-6);--feedback-gap:var(--space-3);--feedback-info-block-border-width:var(--border-width-strong)}.feedback[data-variant=info],[data-variant=info]{--feedback-bg:var(--semantic-info-bg-strong,var(--color-info-soft));--feedback-border:var(--semantic-info-border-strong,var(--color-info));--feedback-text:var(--semantic-info-text-strong,var(--color-info-strong))}.feedback[data-variant=success],[data-variant=success]{--feedback-bg:var(--semantic-success-bg-strong,var(--color-success-soft));--feedback-border:var(--semantic-success-border-strong,var(--color-success));--feedback-text:var(--semantic-success-text-strong,var(--color-success-strong))}.feedback[data-variant=warning],[data-variant=warning]{--feedback-bg:var(--semantic-warning-bg-strong,var(--color-warning-soft));--feedback-border:var(--semantic-warning-border-strong,var(--color-warning));--feedback-text:var(--semantic-warning-text-strong,var(--color-warning-strong))}[data-variant=danger]{--feedback-bg:var(--color-danger-soft);--feedback-border:var(--color-danger);--feedback-text:var(--color-danger-strong)}.feedback[data-variant=error],[data-variant=error]{--feedback-bg:var(--semantic-error-bg-strong,var(--color-danger-soft));--feedback-border:var(--semantic-error-border-strong,var(--color-danger));--feedback-text:var(--semantic-error-text-strong,var(--color-danger-strong))}[data-variant=neutral]{--feedback-bg:var(--color-surface-subtle);--feedback-border:var(--color-border-subtle);--feedback-text:var(--color-text)}[data-variant=accent]{--feedback-bg:var(--color-accent-soft);--feedback-border:var(--color-accent);--feedback-text:var(--color-on-accent)}.alert{align-items:flex-start;background-color:var(--color-muted-bg);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:flex;font-size:var(--text-sm);gap:var(--feedback-gap);padding:var(--feedback-padding-lg)}.alert[data-variant]{background-color:var(--feedback-bg)!important;border-color:var(--feedback-border)!important;color:var(--feedback-text)!important}.alert__icon{align-items:center;display:flex;flex-shrink:0;height:var(--space-5);justify-content:center;width:var(--space-5)}.alert__icon>*{display:block;height:100%;width:100%}.alert__content{display:flex;flex-direction:column;gap:var(--space-2)}.alert__title{font-size:var(--text-sm);font-weight:600}.alert__message{font-size:var(--text-sm);opacity:.95}.alert__close{cursor:pointer;font-size:var(--text-sm);margin-left:auto;opacity:.6}.alert__close:hover{opacity:1}.alert__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.alert--outline{background-color:transparent!important;border-color:var(--feedback-border)!important;color:var(--feedback-border)!important}.banner{background-color:var(--color-surface-subtle);border-bottom:var(--border-width) solid var(--color-border-subtle);color:var(--color-text);padding:var(--feedback-padding-md) 0;width:100%}.banner[data-variant]{background-color:var(--feedback-bg)!important;border-color:var(--feedback-border)!important;color:var(--feedback-text)!important}.banner__inner{align-items:center;display:flex;gap:var(--feedback-gap);justify-content:space-between;margin:0 auto;max-width:var(--layout-max-width);padding:0 var(--space-6)}.banner__close,.banner__text{font-size:var(--text-sm)}.banner__close{cursor:pointer;opacity:.6}.banner__close:hover{opacity:1}.banner__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.banner--sticky{position:sticky;top:0;z-index:var(--z-sticky)}.feedback-toast{align-items:center;animation:toast-enter var(--transition-normal) forwards;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-2);display:flex;font-size:var(--text-sm);gap:var(--feedback-gap);opacity:0;padding:var(--feedback-padding-md) var(--feedback-padding-lg);transform:translateY(6px)}.feedback-toast[data-variant]{background-color:var(--feedback-bg)!important;border-color:var(--feedback-border)!important;color:var(--feedback-text)!important}.feedback-toast__icon{display:inline-block;fill:none;flex-shrink:0;height:var(--space-5);stroke:currentColor;width:var(--space-5)}.feedback-toast__text{flex:1 1 auto;min-width:0}.feedback-toast__close{cursor:pointer;flex-shrink:0;height:var(--space-5);opacity:.6;position:absolute;right:var(--space-1);top:var(--space-1);width:var(--space-5)}.feedback-toast__close:hover{opacity:1}.feedback-toast__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.feedback-toast__close:before{align-items:center;bottom:0;color:currentColor;content:"×";display:flex;font-size:var(--text-md);justify-content:center;left:0;line-height:1;position:absolute;right:0;top:0}.feedback-toast-stack{display:flex;flex-direction:column;gap:var(--space-4);position:fixed;right:var(--space-8);top:var(--space-8);z-index:var(--z-toast)}.feedback-toast-stack.is-top-right{bottom:auto;left:auto;right:var(--space-8);top:var(--space-8)}.feedback-toast-stack.is-top-left{bottom:auto;left:var(--space-8);right:auto;top:var(--space-8)}.feedback-toast-stack.is-bottom-right{bottom:var(--space-8);left:auto;right:var(--space-8);top:auto}.feedback-toast-stack.is-bottom-left{bottom:var(--space-8);left:var(--space-8);right:auto;top:auto}@keyframes toast-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.form-feedback{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-2)}.form-feedback--error{color:var(--color-error)}.form-feedback--warning{color:var(--color-warning)}.form-feedback--success{color:var(--color-success)}.form-feedback--info{color:var(--color-info)}.input-feedback--error{border-color:var(--color-error)!important}.input-feedback--warning{border-color:var(--color-warning)!important}.input-feedback--success{border-color:var(--color-success)!important}.input-feedback--info{border-color:var(--color-info)!important}.status{align-items:center;align-self:flex-start;background-color:var(--color-muted-bg);border-radius:999px;color:var(--color-text);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-1) var(--space-3);white-space:nowrap;width:-moz-max-content;width:max-content}.status[data-variant]{background-color:var(--feedback-bg)!important;color:var(--feedback-text)!important}.status--outline{background-color:transparent!important;border:var(--border-width) solid var(--feedback-border)!important;color:var(--feedback-border)!important}.status--dot:before{background-color:var(--feedback-border);border-radius:999px;content:"";height:var(--space-2);width:var(--space-2)}.progress{background-color:var(--color-muted-bg);border-radius:var(--radius-sm);height:var(--space-2);overflow:hidden;width:100%}.progress__bar{background-color:var(--color-accent);height:100%;transition:width var(--transition-normal);width:0}.progress--striped .progress__bar{background-image:linear-gradient(45deg,var(--color-accent-soft) 25%,var(--color-accent) 25%,var(--color-accent) 50%,var(--color-accent-soft) 50%,var(--color-accent-soft) 75%,var(--color-accent) 75%,var(--color-accent));background-size:16px 16px}.progress--striped.progress--striped__relaxed .progress__bar{background-size:24px 24px}.progress--animated.progress--striped .progress__bar{animation:progress-stripes .3s linear infinite;will-change:background-position}.progress--animated.progress--striped__relaxed .progress__bar{animation:progress-stripes-relaxed .3s linear infinite;will-change:background-position}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:16px 0}}@keyframes progress-stripes-relaxed{0%{background-position:0 0}to{background-position:24px 0}}.progress--animated:not(.progress--striped) .progress__bar{overflow:hidden;position:relative}.progress--animated:not(.progress--striped) .progress__bar:after{animation:progress-sheen 1.2s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0));content:"";height:100%;left:-40%;pointer-events:none;position:absolute;top:0;width:40%}@keyframes progress-sheen{0%{transform:translateX(0)}to{transform:translateX(250%)}}.guidance{--guidance-bg:var(--color-surface-subtle);--guidance-border:var(--color-accent);--guidance-text:var(--color-text);background-color:var(--guidance-bg);border-left:var(--feedback-info-block-border-width) solid var(--guidance-border);border-radius:var(--radius-sm);color:var(--guidance-text);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-2);padding:var(--feedback-padding-md) var(--feedback-padding-lg)}.guidance--compact{padding:var(--feedback-padding-sm) var(--feedback-padding-md)}.guidance__header{align-items:flex-start;display:flex;gap:var(--space-2)}.guidance__icon{align-items:center;display:flex;flex-shrink:0;height:var(--space-5);justify-content:center;width:var(--space-5)}.guidance__title{font-weight:600}.guidance__body,.guidance__title{font-size:var(--text-sm)}.guidance__list{display:grid;list-style:none;margin:0;padding:0;grid-gap:var(--space-1);gap:var(--space-1)}.guidance__list li{padding-left:var(--space-4);position:relative}.guidance__list li:before{background-color:var(--guidance-border);border-radius:var(--radius-full);content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.guidance[data-variant]{--guidance-bg:var(--feedback-bg);--guidance-border:var(--feedback-border);--guidance-text:var(--feedback-text)}.guidance--do{--guidance-bg:var(--semantic-success-bg-strong,var(--color-success-soft));--guidance-border:var(--semantic-success-border-strong,var(--color-success));--guidance-text:var(--semantic-success-text-strong,var(--color-success-strong))}.guidance--dont{--guidance-bg:var(--semantic-error-bg-strong,var(--color-danger-soft));--guidance-border:var(--semantic-error-border-strong,var(--color-danger));--guidance-text:var(--semantic-error-text-strong,var(--color-danger-strong))}.guidance--how{--guidance-bg:var(--semantic-info-bg-strong,var(--color-info-soft));--guidance-border:var(--semantic-info-border-strong,var(--color-info));--guidance-text:var(--semantic-info-text-strong,var(--color-info-strong))}.info-block{background-color:var(--color-surface-subtle);border-left:var(--feedback-info-block-border-width) solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);padding:var(--feedback-padding-md) var(--feedback-padding-lg)}.info-block[data-variant]{background-color:var(--feedback-bg)!important;border-color:var(--feedback-border)!important;color:var(--feedback-text)!important}.result{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--feedback-padding-lg);text-align:center}.result__icon{fill:none;height:var(--space-12);margin:0 auto var(--space-4);stroke:currentColor;width:var(--space-12)}.result__title{font-size:var(--text-xl);font-weight:600}.result__subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.result__actions{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6)}.result[data-variant]{border-color:var(--feedback-border)!important;color:var(--feedback-text)!important}[data-density=compact] .alert,[data-density=compact] .banner,[data-density=compact] .feedback-toast,[data-density=compact] .guidance,[data-density=compact] .info-block,[data-density=compact] .result{padding:var(--feedback-padding-md)!important}[data-density=compact] .status{padding:0 var(--space-2)}[data-density=compact] .progress{height:var(--space-1)}[data-density=compact] .form-feedback{gap:var(--space-1)}@media (max-width:640px){.alert,.banner,.feedback-toast,.guidance,.info-block,.result{padding:var(--feedback-padding-md)}.feedback-toast-stack{right:var(--space-4);top:var(--space-4)}}.feedback-toast--static{animation:none!important;bottom:auto!important;left:auto!important;max-width:100%;opacity:1!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:-moz-max-content;width:max-content}

package/dist/components/flows.min.css

@@ -1 +1 @@
-.vds-flow,[data-vds-flow]{--flow-component-disabled-opacity:0.48;--flow-step-bullet-sm:var(--space-5);--flow-step-bullet-md:var(--space-5_5);--flow-step-bullet-lg:var(--space-6);--flow-timeline-point-sm:var(--space-2);--flow-timeline-point-md:var(--space-3);--flow-timeline-point-xs:var(--space-1_5);--flow-node-min-width:var(--space-40);--flow-stage-min-width:var(--space-48);--flow-grid-min-md:var(--flow-stage-min-width);--flow-icon-size-sm:var(--space-3);--flow-icon-size-md:var(--space-4);--flow-icon-size-lg:var(--space-5);--flow-gap-xs:var(--space-1);--flow-gap-sm:var(--space-2);--flow-gap-md:var(--space-3);--flow-gap-lg:var(--space-4);--flow-gap-xl:var(--space-8);--flow-inset-xs:var(--space-2);--flow-inset-sm:var(--space-3);--flow-inset-md:var(--space-4);--flow-inset-lg:var(--space-6);--flow-progress-stripe-size:var(--space-3);--flow-progress-stripe-speed:1.2s;--flow-progress-track:var(--color-muted-bg);--flow-progress-fill:var(--color-accent)}.flow--compact .flow,.flow--compact.flow{gap:var(--flow-gap-lg)}.flow--compact .flow__body{gap:var(--flow-gap-md)}.flow--compact .flow__nav,.flow--compact .steps,.flow--compact .timeline{gap:var(--flow-gap-sm)}.flow--compact .journey{gap:var(--flow-gap-md)}.flow--compact .process-flow{gap:var(--flow-gap-sm)}.flow--compact .state-flow{gap:var(--flow-gap-xs)}.flow--compact .form-flow{gap:var(--flow-gap-md)}.steps__item--upcoming{color:var(--color-text-soft)}.flow-branch__option--upcoming,.journey__stage--upcoming,.process-flow__node--upcoming,.state-flow__item--upcoming{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted)}.flow-branch__option--clickable:focus-visible,.journey__stage--clickable:focus-visible,.process-flow__node--clickable:focus-visible,.steps__item--clickable:focus-visible,.steps__item:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--focus-ring-offset)}.steps__item--disabled,.steps__item[aria-disabled=true]{cursor:not-allowed;opacity:var(--flow-component-disabled-opacity)}.flow-branch__option--disabled,.flow-branch__option[aria-disabled=true],.journey__stage--disabled,.journey__stage[aria-disabled=true],.process-flow__node--disabled,.process-flow__node[aria-disabled=true]{opacity:var(--flow-component-disabled-opacity);pointer-events:none}.flow{gap:var(--space-8)}.flow,.flow__header{display:flex;flex-direction:column}.flow__header{gap:var(--space-2)}.flow__title{font-size:var(--text-lg);font-weight:600}.flow__subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.flow__body{display:flex;flex-direction:column;gap:var(--space-6)}.flow__nav{justify-content:flex-end}.flow__nav,.steps{display:flex;gap:var(--space-4)}.steps,.steps__item{align-items:center}.steps__item{color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--flow-gap-sm)}.steps__item--clickable{cursor:pointer}.steps__item--clickable:hover .steps__label{color:var(--color-text)}.steps__item--clickable:active{opacity:.95;transform:translateY(1px)}.steps__item--error{color:var(--color-danger-strong)}.steps__item--error .steps__bullet{background-color:var(--danger-soft-surface,var(--color-danger-soft));border-color:var(--danger-soft-border,var(--color-danger));color:var(--danger-soft-on,var(--color-on-danger))}.steps__item--warning{color:var(--color-warning-strong)}.steps__item--warning .steps__bullet{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--warning-soft-border,var(--color-warning));color:var(--warning-soft-on,var(--color-on-warning))}.steps__item[aria-current=step],.steps__item[aria-current=step] .steps__label{color:var(--color-text)}.steps__bullet{align-items:center;background-color:var(--color-surface-subtle);border:var(--border-width) solid var(--color-border-subtle);border-radius:999px;color:var(--color-text-muted);display:flex;flex-shrink:0;font-size:var(--text-xxs);height:var(--flow-step-bullet-md);justify-content:center;width:var(--flow-step-bullet-md)}.steps__label{white-space:nowrap}.steps__line{background-color:var(--color-border-subtle);flex:1;height:var(--border-width)}.steps__item--active .steps__bullet{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--accent-soft-border,var(--color-accent));color:var(--accent-soft-on,var(--color-on-accent))}.steps__item--complete .steps__bullet{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--success-soft-border,var(--color-success));color:var(--success-soft-on,var(--color-on-success));opacity:.7}.steps__item--active,.steps__item--complete{color:var(--color-text)}.steps--a .steps__bullet{height:var(--flow-step-bullet-lg);width:var(--flow-step-bullet-lg)}.steps--c .steps__bullet{font-size:var(--text-xxs);height:var(--flow-step-bullet-sm);width:var(--flow-step-bullet-sm)}.steps--vertical{flex-direction:column}.steps--vertical,.steps--vertical .steps__item{align-items:flex-start}.steps--vertical .steps__line{background-color:var(--color-border-subtle);flex:auto;height:auto;margin-left:calc(var(--flow-step-bullet-md)/2 - var(--border-width)/2);min-height:var(--flow-gap-xl);width:var(--border-width)}.steps--vertical .steps__label{white-space:normal}.flow-progress{background-color:var(--flow-progress-track);border-radius:var(--radius-sm);height:var(--border-width-strong);overflow:hidden;width:100%}.flow-progress__bar{background-color:var(--flow-progress-fill,var(--color-accent));height:100%;transition:width var(--transition-normal);width:0}.flow-progress__bar--success{--flow-progress-fill:var(--color-success)}.flow-progress__bar--warning{--flow-progress-fill:var(--color-warning)}.flow-progress__bar--error{--flow-progress-fill:var(--color-danger)}.flow-progress__bar--info{--flow-progress-fill:var(--color-info)}@media (prefers-reduced-motion:reduce){.flow-progress__bar{transition:none}}.flow-progress--striped .flow-progress__bar,.flow-progress--striped-right .flow-progress__bar{animation:flow-progress-stripes var(--flow-progress-stripe-speed) linear infinite;background-image:linear-gradient(45deg,hsla(0,0%,100%,.22) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.22) 0,hsla(0,0%,100%,.22) 75%,transparent 0,transparent);background-size:calc(var(--flow-progress-stripe-size)*2) calc(var(--flow-progress-stripe-size)*2)}.flow-progress--striped-right .flow-progress__bar{animation-direction:reverse}@keyframes flow-progress-stripes{0%{background-position:calc(var(--flow-progress-stripe-size)*2) 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.flow-progress--striped .flow-progress__bar,.flow-progress--striped-right .flow-progress__bar{animation:none;background-position:0 0}}.flow-progress--segments{border-radius:var(--radius-sm);display:flex;height:var(--border-width-strong);overflow:hidden}.flow-progress__segment{background-color:var(--color-muted-bg);flex:1}.flow-progress__segment--complete{background-color:var(--color-success)}.flow-progress__segment--error{background-color:var(--color-danger)}.flow-progress__segment--warning{background-color:var(--color-warning)}.flow-progress__segment--info{background-color:var(--color-info)}.timeline{display:flex;flex-direction:column;gap:var(--flow-gap-md)}.timeline__item{align-items:stretch;display:flex;gap:var(--flow-gap-sm)}.timeline__point-wrap{align-items:center;display:flex;flex-direction:column;gap:var(--flow-gap-xs)}.timeline__point{background-color:var(--color-surface);border:var(--border-width-strong) solid var(--color-accent);border-radius:999px;flex-shrink:0;height:var(--flow-timeline-point-sm);width:var(--flow-timeline-point-sm)}.timeline__point--upcoming{border-color:var(--color-border-subtle)}.timeline__point--error{background-color:var(--color-danger-soft);border-color:var(--color-danger)}.timeline__point--warning{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--warning-soft-border,var(--color-warning))}.timeline__point--success{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--success-soft-border,var(--color-success))}.timeline__point--info{background-color:var(--info-soft-surface,var(--color-info-soft));border-color:var(--info-soft-border,var(--color-info))}.timeline__icon{color:var(--color-icon-muted);height:var(--flow-icon-size-md);width:var(--flow-icon-size-md)}.timeline__icon--left{margin-right:var(--flow-gap-xs)}.timeline__icon--right{margin-left:var(--flow-gap-xs)}.timeline__icon--top{margin-bottom:var(--flow-gap-xs)}.timeline__line{background-color:var(--color-border-subtle);flex:1;width:var(--border-width-strong)}.timeline__content{display:flex;flex:1;flex-direction:column;gap:var(--flow-gap-xs)}.timeline__label{align-items:center;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2)}.timeline__note{color:var(--color-text-muted);font-size:var(--text-xs)}.timeline--horizontal{align-items:flex-start;flex-direction:row}.timeline--horizontal .timeline__item{align-items:center;flex-direction:column}.timeline--horizontal .timeline__point-wrap{flex-direction:row}.timeline--horizontal .timeline__line{height:var(--border-width-strong);width:var(--component-gap-xl)}.timeline--compact .timeline__item{gap:var(--flow-gap-xs)}.timeline--compact .timeline__note{font-size:var(--text-xxs)}.timeline--compact .timeline__point{height:var(--flow-timeline-point-xs);width:var(--flow-timeline-point-xs)}.timeline--compact .timeline__icon{height:var(--flow-icon-size-sm);width:var(--flow-icon-size-sm)}.timeline--rich{display:flex;flex-direction:column;gap:var(--flow-gap-lg)}.timeline--rich .timeline__item{align-items:stretch;background-color:var(--flow-zebra-bg-alt);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;gap:var(--flow-gap-md);padding:var(--flow-inset-sm)}.timeline--rich .timeline__item:nth-child(2n){background-color:var(--flow-zebra-bg)}.timeline--rich .timeline__item:nth-child(odd){background-color:var(--flow-zebra-bg-alt)}.timeline--rich .timeline__point-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--flow-gap-xs)}.timeline--rich .timeline__point{height:var(--flow-timeline-point-md);width:var(--flow-timeline-point-md)}.timeline--rich .timeline__line{background-color:var(--color-border-subtle);border-radius:var(--radius-sm);flex:1;width:var(--border-width-strong)}.timeline--rich .timeline__item:last-child .timeline__line{display:none}.timeline-events{display:flex;flex-direction:column;gap:var(--space-4)}.timeline-events .timeline__item{align-items:flex-start;gap:var(--space-4)}.timeline__timestamp{color:var(--color-text-soft);font-size:var(--text-xxs)}.timeline__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.timeline__body{color:var(--color-text);font-size:var(--text-sm);margin-top:var(--flow-gap-xs)}.timeline--audit .timeline__label{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.timeline--audit .timeline__body{font-size:var(--text-xs)}.journey{display:flex;flex-wrap:wrap;gap:var(--flow-gap-lg)}.journey--compact{gap:var(--flow-gap-md)}.journey__stage{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;flex:1 1 var(--flow-stage-min-width);flex-direction:column;gap:var(--flow-gap-sm);min-width:var(--flow-stage-min-width);padding:var(--flow-inset-md)}.journey__stage--clickable{cursor:pointer}.journey__stage--clickable:hover{border-color:var(--color-accent)}.journey__stage--clickable:active{opacity:.96;transform:translateY(1px)}.journey__stage--disabled{opacity:var(--flow-component-disabled-opacity);pointer-events:none}.journey__stage--active{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--color-accent);color:var(--accent-soft-on,var(--color-on-accent))}.journey__stage--complete,.journey__stage--success{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--color-success);color:var(--success-soft-on,var(--color-on-success))}.journey__stage--error{background-color:var(--danger-soft-surface,var(--color-danger-soft));border-color:var(--color-danger);color:var(--danger-soft-on,var(--color-on-danger))}.journey__stage--warning{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--color-warning);color:var(--warning-soft-on,var(--color-on-warning))}.journey__stage--info{background-color:var(--info-soft-surface,var(--color-info-soft));border-color:var(--color-info);color:var(--info-soft-on,var(--color-on-info))}.journey__icon{color:var(--color-icon-muted);height:var(--flow-icon-size-lg);width:var(--flow-icon-size-lg)}.journey__marker{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.journey__title{font-size:var(--text-md);font-weight:600}.journey__details{color:var(--color-text-muted);font-size:var(--text-sm)}.process-flow{align-items:center;display:flex;flex-wrap:wrap;gap:var(--flow-gap-md)}.process-flow--compact{gap:var(--flow-gap-sm)}.process-flow__node{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--flow-gap-xs);min-width:var(--flow-node-min-width);padding:var(--flow-inset-sm) var(--flow-inset-md);text-align:center}.process-flow__node--clickable{cursor:pointer}.process-flow__node--clickable:hover{border-color:var(--color-accent)}.process-flow__node--clickable:active{opacity:.96;transform:translateY(1px)}.process-flow__node--disabled{opacity:var(--flow-component-disabled-opacity);pointer-events:none}.process-flow__node--active{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--color-accent);color:var(--accent-soft-on,var(--color-on-accent))}.process-flow__node--complete,.process-flow__node--success{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--color-success);color:var(--success-soft-on,var(--color-on-success))}.process-flow__node--error{background-color:var(--danger-soft-surface,var(--color-danger-soft));border-color:var(--color-danger);color:var(--danger-soft-on,var(--color-on-danger))}.process-flow__node--warning{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--color-warning);color:var(--warning-soft-on,var(--color-on-warning))}.process-flow__node--info{background-color:var(--info-soft-surface,var(--color-info-soft));border-color:var(--color-info);color:var(--info-soft-on,var(--color-on-info))}.process-flow__icon{color:var(--color-icon-muted);flex-shrink:0;height:var(--flow-icon-size-md);margin-bottom:0;width:var(--flow-icon-size-md)}.process-flow__arrow{background-color:var(--color-border-subtle);flex-shrink:0;height:var(--border-width);width:var(--space-6)}.process-flow__arrow--error{background-color:var(--color-danger)}.process-flow__arrow--warning{background-color:var(--color-warning)}.process-flow--vertical{align-items:flex-start;flex-direction:column}.process-flow--vertical .process-flow__arrow{height:var(--space-6);margin-left:calc(var(--flow-node-min-width)/2 - var(--border-width)/2);width:var(--border-width)}.state-flow{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--flow-gap-sm)}.state-flow__item{background-color:var(--color-surface-subtle);border:var(--border-width) solid var(--color-border-subtle);border-radius:999px;color:var(--color-text-muted);font-size:var(--text-xs);padding:var(--flow-inset-xs) var(--flow-inset-sm)}.state-flow__item--active{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--color-accent);color:var(--accent-soft-on,var(--color-on-accent))}.state-flow__item--complete{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--color-success);color:var(--success-soft-on,var(--color-on-success))}.state-flow__item--error{background-color:var(--danger-soft-surface,var(--color-danger-soft));border-color:var(--color-danger);color:var(--danger-soft-on,var(--color-on-danger))}.state-flow__item--warning{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--color-warning);color:var(--warning-soft-on,var(--color-on-warning))}.state-flow__item--info{background-color:var(--info-soft-surface,var(--color-info-soft));border-color:var(--color-accent);color:var(--info-soft-on,var(--color-on-info))}.form-flow{gap:var(--flow-gap-lg);justify-content:center}.form-flow,.form-flow__step{display:flex;flex-direction:column}.form-flow__step{gap:var(--flow-gap-md)}.form-flow__step--error{background-color:var(--color-danger-soft);border-left:var(--border-width-strong) solid var(--color-danger);padding-left:var(--flow-inset-sm)}.form-flow__step--warning{background-color:var(--color-warning-soft);border-left:var(--border-width-strong) solid var(--color-warning);padding-left:var(--flow-inset-sm)}.form-flow__step--success,.form-flow__step--valid{background-color:var(--color-success-soft);border-left:var(--border-width-strong) solid var(--color-success);padding-left:var(--flow-inset-sm)}.form-flow__actions{display:flex;gap:var(--flow-gap-md);justify-content:space-between}.form-flow__actions-right{display:inline-flex;gap:var(--flow-gap-md);margin-left:auto}.flow-branch{grid-gap:var(--flow-gap-lg);display:grid;gap:var(--flow-gap-lg);grid-template-columns:repeat(auto-fit,minmax(var(--flow-grid-min-md),1fr))}.flow-branch__icon{color:var(--color-icon-muted);flex-shrink:0;height:var(--flow-icon-size-md);width:var(--flow-icon-size-md)}.flow-branch__title{color:var(--color-text);font-size:var(--text-md);font-weight:600}.flow-branch__details{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--line-height-normal)}.flow-branch--compact{gap:var(--flow-gap-md)}.flow-branch--compact .flow-branch__title{font-size:var(--text-sm)}.flow-branch--compact .flow-branch__details{font-size:var(--text-xs)}.flow-branch__option{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--flow-gap-sm);padding:var(--flow-inset-md)}.flow-branch__option--clickable{cursor:pointer}.flow-branch__option--clickable:hover{border-color:var(--color-accent)}.flow-branch__option--clickable:active{opacity:.96;transform:translateY(1px)}.flow-branch__option--disabled{opacity:var(--flow-component-disabled-opacity);pointer-events:none}.flow-branch__option--active{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--color-accent);color:var(--accent-soft-on,var(--color-on-accent))}.flow-branch__option--complete,.flow-branch__option--success{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--color-success);color:var(--success-soft-on,var(--color-on-success))}.flow-branch__option--error{background-color:var(--danger-soft-surface,var(--color-danger-soft));border-color:var(--color-danger);color:var(--danger-soft-on,var(--color-on-danger))}.flow-branch__option--warning{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--color-warning);color:var(--warning-soft-on,var(--color-on-warning))}.flow-branch__option--info{background-color:var(--info-soft-surface,var(--color-info-soft));border-color:var(--color-info);color:var(--info-soft-on,var(--color-on-info))}.flow-branch__arrow{background-color:var(--color-border-subtle);flex-shrink:0;height:var(--border-width);margin-left:auto;margin-right:auto;width:var(--space-6)}.flow-branch__arrow--error{background-color:var(--color-danger)}.flow-branch__arrow--warning{background-color:var(--color-warning)}@media (max-width:768px){.steps{flex-wrap:wrap}.process-flow{align-items:flex-start;flex-direction:column}.process-flow__arrow{height:var(--space-4);width:var(--border-width)}.journey{flex-direction:column}.journey__stage{width:100%}}
+.vds-flow,[data-vds-flow]{--flow-component-disabled-opacity:0.48;--flow-step-bullet-sm:var(--space-5);--flow-step-bullet-md:var(--space-5_5);--flow-step-bullet-lg:var(--space-6);--flow-timeline-point-sm:var(--space-2);--flow-timeline-point-md:var(--space-3);--flow-timeline-point-xs:var(--space-1_5);--flow-node-min-width:var(--space-40);--flow-stage-min-width:var(--space-48);--flow-grid-min-md:var(--flow-stage-min-width);--flow-icon-size-sm:var(--space-3);--flow-icon-size-md:var(--space-4);--flow-icon-size-lg:var(--space-5);--flow-gap-xs:var(--space-1);--flow-gap-sm:var(--space-2);--flow-gap-md:var(--space-3);--flow-gap-lg:var(--space-4);--flow-gap-xl:var(--space-8);--flow-inset-xs:var(--space-2);--flow-inset-sm:var(--space-3);--flow-inset-md:var(--space-4);--flow-inset-lg:var(--space-6);--flow-progress-stripe-size:var(--space-3);--flow-progress-stripe-speed:1.2s;--flow-progress-track:var(--color-muted-bg);--flow-progress-fill:var(--color-accent)}.flow--compact .flow,.flow--compact.flow{gap:var(--flow-gap-lg)}.flow--compact .flow__body{gap:var(--flow-gap-md)}.flow--compact .flow__nav,.flow--compact .steps,.flow--compact .timeline{gap:var(--flow-gap-sm)}.flow--compact .journey{gap:var(--flow-gap-md)}.flow--compact .process-flow{gap:var(--flow-gap-sm)}.flow--compact .state-flow{gap:var(--flow-gap-xs)}.flow--compact .form-flow{gap:var(--flow-gap-md)}.steps__item--upcoming{color:var(--color-text-soft)}.flow-branch__option--upcoming,.journey__stage--upcoming,.process-flow__node--upcoming,.state-flow__item--upcoming{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted)}.flow-branch__option--clickable:focus-visible,.journey__stage--clickable:focus-visible,.process-flow__node--clickable:focus-visible,.steps__item--clickable:focus-visible,.steps__item:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--focus-ring-offset)}.steps__item--disabled,.steps__item[aria-disabled=true]{cursor:not-allowed;opacity:var(--flow-component-disabled-opacity)}.flow-branch__option--disabled,.flow-branch__option[aria-disabled=true],.journey__stage--disabled,.journey__stage[aria-disabled=true],.process-flow__node--disabled,.process-flow__node[aria-disabled=true]{opacity:var(--flow-component-disabled-opacity);pointer-events:none}.flow{gap:var(--space-8)}.flow,.flow__header{display:flex;flex-direction:column}.flow__header{gap:var(--space-2)}.flow__title{font-size:var(--text-lg);font-weight:600}.flow__subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.flow__body{display:flex;flex-direction:column;gap:var(--space-6)}.flow__nav{justify-content:flex-end}.flow__nav,.steps{display:flex;gap:var(--space-4)}.steps,.steps__item{align-items:center}.steps__item{color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--flow-gap-sm)}.steps__item--clickable{cursor:pointer}.steps__item--clickable:hover .steps__label{color:var(--color-text)}.steps__item--clickable:active{opacity:.95;transform:translateY(1px)}.steps__item--error{color:var(--color-danger-strong)}.steps__item--error .steps__bullet{background-color:var(--danger-soft-surface,var(--color-danger-soft));border-color:var(--danger-soft-border,var(--color-danger));color:var(--danger-soft-on,var(--color-on-danger))}.steps__item--warning{color:var(--color-warning-strong)}.steps__item--warning .steps__bullet{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--warning-soft-border,var(--color-warning));color:var(--warning-soft-on,var(--color-on-warning))}.steps__item[aria-current=step],.steps__item[aria-current=step] .steps__label{color:var(--color-text)}.steps__bullet{align-items:center;background-color:var(--color-surface-subtle);border:var(--border-width) solid var(--color-border-subtle);border-radius:999px;color:var(--color-text-muted);display:flex;flex-shrink:0;font-size:var(--text-xxs);height:var(--flow-step-bullet-md);justify-content:center;width:var(--flow-step-bullet-md)}.steps__label{white-space:nowrap}.steps__line{background-color:var(--color-border-subtle);flex:1;height:var(--border-width)}.steps__item--active .steps__bullet{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--accent-soft-border,var(--color-accent));color:var(--accent-soft-on,var(--color-on-accent))}.steps__item--complete .steps__bullet{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--success-soft-border,var(--color-success));color:var(--success-soft-on,var(--color-on-success));opacity:.7}.steps__item--active,.steps__item--complete{color:var(--color-text)}.steps--a .steps__bullet{height:var(--flow-step-bullet-lg);width:var(--flow-step-bullet-lg)}.steps--c .steps__bullet{font-size:var(--text-xxs);height:var(--flow-step-bullet-sm);width:var(--flow-step-bullet-sm)}.steps--vertical{flex-direction:column}.steps--vertical,.steps--vertical .steps__item{align-items:flex-start}.steps--vertical .steps__line{background-color:var(--color-border-subtle);flex:auto;height:auto;margin-left:calc(var(--flow-step-bullet-md)/2 - var(--border-width)/2);min-height:var(--flow-gap-xl);width:var(--border-width)}.steps--vertical .steps__label{white-space:normal}.flow-progress{background-color:var(--flow-progress-track);border-radius:var(--radius-sm);height:var(--border-width-strong);overflow:hidden;width:100%}.flow-progress__bar{background-color:var(--flow-progress-fill,var(--color-accent));height:100%;transition:width var(--transition-normal);width:0}.flow-progress__bar--success{--flow-progress-fill:var(--color-success)}.flow-progress__bar--warning{--flow-progress-fill:var(--color-warning)}.flow-progress__bar--error{--flow-progress-fill:var(--color-danger)}.flow-progress__bar--info{--flow-progress-fill:var(--color-info)}@media (prefers-reduced-motion:reduce){.flow-progress__bar{transition:none}}.flow-progress--striped .flow-progress__bar,.flow-progress--striped-right .flow-progress__bar{animation:flow-progress-stripes var(--flow-progress-stripe-speed) linear infinite;background-image:linear-gradient(45deg,hsla(0,0%,100%,.22) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.22) 0,hsla(0,0%,100%,.22) 75%,transparent 0,transparent);background-size:calc(var(--flow-progress-stripe-size)*2) calc(var(--flow-progress-stripe-size)*2)}.flow-progress--striped-right .flow-progress__bar{animation-direction:reverse}@keyframes flow-progress-stripes{0%{background-position:calc(var(--flow-progress-stripe-size)*2) 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.flow-progress--striped .flow-progress__bar,.flow-progress--striped-right .flow-progress__bar{animation:none;background-position:0 0}}.flow-progress--segments{border-radius:var(--radius-sm);display:flex;height:var(--border-width-strong);overflow:hidden}.flow-progress__segment{background-color:var(--color-muted-bg);flex:1}.flow-progress__segment--complete{background-color:var(--color-success)}.flow-progress__segment--error{background-color:var(--color-danger)}.flow-progress__segment--warning{background-color:var(--color-warning)}.flow-progress__segment--info{background-color:var(--color-info)}.timeline{display:flex;flex-direction:column;gap:var(--flow-gap-md)}.timeline__item{align-items:stretch;display:flex;gap:var(--flow-gap-sm)}.timeline__point-wrap{align-items:center;display:flex;flex-direction:column;gap:var(--flow-gap-xs)}.timeline__point{background-color:var(--color-surface);border:var(--border-width-strong) solid var(--color-accent);border-radius:999px;flex-shrink:0;height:var(--flow-timeline-point-sm);width:var(--flow-timeline-point-sm)}.timeline__point--upcoming{border-color:var(--color-border-subtle)}.timeline__point--error{background-color:var(--color-danger-soft);border-color:var(--color-danger)}.timeline__point--warning{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--warning-soft-border,var(--color-warning))}.timeline__point--success{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--success-soft-border,var(--color-success))}.timeline__point--info{background-color:var(--info-soft-surface,var(--color-info-soft));border-color:var(--info-soft-border,var(--color-info))}.timeline__icon{color:var(--color-icon-muted);height:var(--flow-icon-size-md);width:var(--flow-icon-size-md)}.timeline__icon--left{margin-right:var(--flow-gap-xs)}.timeline__icon--right{margin-left:var(--flow-gap-xs)}.timeline__icon--top{margin-bottom:var(--flow-gap-xs)}.timeline__line{background-color:var(--color-border-subtle);flex:1;width:var(--border-width-strong)}.timeline__content{display:flex;flex:1;flex-direction:column;gap:var(--flow-gap-xs)}.timeline__label{align-items:center;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2)}.timeline__note{color:var(--color-text-muted);font-size:var(--text-xs)}.timeline--horizontal{align-items:flex-start;flex-direction:row}.timeline--horizontal .timeline__item{align-items:center;flex-direction:column}.timeline--horizontal .timeline__point-wrap{flex-direction:row}.timeline--horizontal .timeline__line{height:var(--border-width-strong);width:var(--component-gap-xl)}.timeline--compact .timeline__item{gap:var(--flow-gap-xs)}.timeline--compact .timeline__note{font-size:var(--text-xxs)}.timeline--compact .timeline__point{height:var(--flow-timeline-point-xs);width:var(--flow-timeline-point-xs)}.timeline--compact .timeline__icon{height:var(--flow-icon-size-sm);width:var(--flow-icon-size-sm)}.timeline--rich{display:flex;flex-direction:column;gap:var(--flow-gap-lg)}.timeline--rich .timeline__item{align-items:stretch;background-color:var(--flow-zebra-bg-alt);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;gap:var(--flow-gap-md);padding:var(--flow-inset-sm)}.timeline--rich .timeline__item:nth-child(2n){background-color:var(--flow-zebra-bg)}.timeline--rich .timeline__item:nth-child(odd){background-color:var(--flow-zebra-bg-alt)}.timeline--rich .timeline__point-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--flow-gap-xs)}.timeline--rich .timeline__point{height:var(--flow-timeline-point-md);width:var(--flow-timeline-point-md)}.timeline--rich .timeline__line{background-color:var(--color-border-subtle);border-radius:var(--radius-sm);flex:1;width:var(--border-width-strong)}.timeline--rich .timeline__item:last-child .timeline__line{display:none}.timeline-events{display:flex;flex-direction:column;gap:var(--space-4)}.timeline-events .timeline__item{align-items:flex-start;gap:var(--space-4)}.timeline__timestamp{color:var(--color-text-soft);font-size:var(--text-xxs)}.timeline__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.timeline__body{color:var(--color-text);font-size:var(--text-sm);margin-top:var(--flow-gap-xs)}.timeline--audit .timeline__label{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.timeline--audit .timeline__body{font-size:var(--text-xs)}.journey{display:flex;flex-wrap:wrap;gap:var(--flow-gap-lg)}.journey--compact{gap:var(--flow-gap-md)}.journey__stage{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;flex:1 1 var(--flow-stage-min-width);flex-direction:column;gap:var(--flow-gap-sm);min-width:var(--flow-stage-min-width);padding:var(--flow-inset-md)}.journey__stage--clickable{cursor:pointer}.journey__stage--clickable:hover{border-color:var(--color-accent)}.journey__stage--clickable:active{opacity:.96;transform:translateY(1px)}.journey__stage--disabled{opacity:var(--flow-component-disabled-opacity);pointer-events:none}.journey__stage--active{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--color-accent);color:var(--accent-soft-on,var(--color-on-accent))}.journey__stage--complete,.journey__stage--success{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--color-success);color:var(--success-soft-on,var(--color-on-success))}.journey__stage--error{background-color:var(--danger-soft-surface,var(--color-danger-soft));border-color:var(--color-danger);color:var(--danger-soft-on,var(--color-on-danger))}.journey__stage--warning{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--color-warning);color:var(--warning-soft-on,var(--color-on-warning))}.journey__stage--info{background-color:var(--info-soft-surface,var(--color-info-soft));border-color:var(--color-info);color:var(--info-soft-on,var(--color-on-info))}.journey__icon{color:var(--color-icon-muted);height:var(--flow-icon-size-lg);width:var(--flow-icon-size-lg)}.journey__marker{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.journey__title{font-size:var(--text-md);font-weight:600}.journey__details{color:var(--color-text-muted);font-size:var(--text-sm)}.process-flow{align-items:center;display:flex;flex-wrap:wrap;gap:var(--flow-gap-md)}.process-flow--compact{gap:var(--flow-gap-sm)}.process-flow__node{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--flow-gap-xs);min-width:var(--flow-node-min-width);padding:var(--flow-inset-sm) var(--flow-inset-md);text-align:center}.process-flow__node--clickable{cursor:pointer}.process-flow__node--clickable:hover{border-color:var(--color-accent)}.process-flow__node--clickable:active{opacity:.96;transform:translateY(1px)}.process-flow__node--disabled{opacity:var(--flow-component-disabled-opacity);pointer-events:none}.process-flow__node--active{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--color-accent);color:var(--accent-soft-on,var(--color-on-accent))}.process-flow__node--complete,.process-flow__node--success{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--color-success);color:var(--success-soft-on,var(--color-on-success))}.process-flow__node--error{background-color:var(--danger-soft-surface,var(--color-danger-soft));border-color:var(--color-danger);color:var(--danger-soft-on,var(--color-on-danger))}.process-flow__node--warning{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--color-warning);color:var(--warning-soft-on,var(--color-on-warning))}.process-flow__node--info{background-color:var(--info-soft-surface,var(--color-info-soft));border-color:var(--color-info);color:var(--info-soft-on,var(--color-on-info))}.process-flow__icon{color:var(--color-icon-muted);flex-shrink:0;height:var(--flow-icon-size-md);margin-bottom:0;width:var(--flow-icon-size-md)}.process-flow__arrow{background-color:var(--color-border-subtle);flex-shrink:0;height:var(--border-width);width:var(--space-6)}.process-flow__arrow--error{background-color:var(--color-danger)}.process-flow__arrow--warning{background-color:var(--color-warning)}.process-flow--vertical{align-items:flex-start;flex-direction:column}.process-flow--vertical .process-flow__arrow{height:var(--space-6);margin-left:calc(var(--flow-node-min-width)/2 - var(--border-width)/2);width:var(--border-width)}.state-flow{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--flow-gap-sm)}.state-flow__item{background-color:var(--color-surface-subtle);border:var(--border-width) solid var(--color-border-subtle);border-radius:999px;color:var(--color-text-muted);font-size:var(--text-xs);padding:var(--flow-inset-xs) var(--flow-inset-sm)}.state-flow__item--active{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--color-accent);color:var(--accent-soft-on,var(--color-on-accent))}.state-flow__item--complete{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--color-success);color:var(--success-soft-on,var(--color-on-success))}.state-flow__item--error{background-color:var(--danger-soft-surface,var(--color-danger-soft));border-color:var(--color-danger);color:var(--danger-soft-on,var(--color-on-danger))}.state-flow__item--warning{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--color-warning);color:var(--warning-soft-on,var(--color-on-warning))}.state-flow__item--info{background-color:var(--info-soft-surface,var(--color-info-soft));border-color:var(--color-accent);color:var(--info-soft-on,var(--color-on-info))}.form-flow{gap:var(--flow-gap-lg);justify-content:center}.form-flow,.form-flow__step{display:flex;flex-direction:column}.form-flow__step{gap:var(--flow-gap-md)}.form-flow__step--error{background-color:var(--color-danger-soft);border-left:var(--border-width-strong) solid var(--color-danger);padding-left:var(--flow-inset-sm)}.form-flow__step--warning{background-color:var(--color-warning-soft);border-left:var(--border-width-strong) solid var(--color-warning);padding-left:var(--flow-inset-sm)}.form-flow__step--success,.form-flow__step--valid{background-color:var(--color-success-soft);border-left:var(--border-width-strong) solid var(--color-success);padding-left:var(--flow-inset-sm)}.form-flow__actions{display:flex;gap:var(--flow-gap-md);justify-content:space-between}.form-flow__actions-right{display:inline-flex;gap:var(--flow-gap-md);margin-left:auto}.flow-branch{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--flow-grid-min-md),1fr));grid-gap:var(--flow-gap-lg);gap:var(--flow-gap-lg)}.flow-branch__icon{color:var(--color-icon-muted);flex-shrink:0;height:var(--flow-icon-size-md);width:var(--flow-icon-size-md)}.flow-branch__title{color:var(--color-text);font-size:var(--text-md);font-weight:600}.flow-branch__details{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--line-height-normal)}.flow-branch--compact{gap:var(--flow-gap-md)}.flow-branch--compact .flow-branch__title{font-size:var(--text-sm)}.flow-branch--compact .flow-branch__details{font-size:var(--text-xs)}.flow-branch__option{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--flow-gap-sm);padding:var(--flow-inset-md)}.flow-branch__option--clickable{cursor:pointer}.flow-branch__option--clickable:hover{border-color:var(--color-accent)}.flow-branch__option--clickable:active{opacity:.96;transform:translateY(1px)}.flow-branch__option--disabled{opacity:var(--flow-component-disabled-opacity);pointer-events:none}.flow-branch__option--active{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--color-accent);color:var(--accent-soft-on,var(--color-on-accent))}.flow-branch__option--complete,.flow-branch__option--success{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--color-success);color:var(--success-soft-on,var(--color-on-success))}.flow-branch__option--error{background-color:var(--danger-soft-surface,var(--color-danger-soft));border-color:var(--color-danger);color:var(--danger-soft-on,var(--color-on-danger))}.flow-branch__option--warning{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--color-warning);color:var(--warning-soft-on,var(--color-on-warning))}.flow-branch__option--info{background-color:var(--info-soft-surface,var(--color-info-soft));border-color:var(--color-info);color:var(--info-soft-on,var(--color-on-info))}.flow-branch__arrow{background-color:var(--color-border-subtle);flex-shrink:0;height:var(--border-width);margin-left:auto;margin-right:auto;width:var(--space-6)}.flow-branch__arrow--error{background-color:var(--color-danger)}.flow-branch__arrow--warning{background-color:var(--color-warning)}@media (max-width:768px){.steps{flex-wrap:wrap}.process-flow{align-items:flex-start;flex-direction:column}.process-flow__arrow{height:var(--space-4);width:var(--border-width)}.journey{flex-direction:column}.journey__stage{width:100%}}

package/dist/components/forms-advanced.min.css

@@ -1 +1 @@
-.vds-form-advanced,[data-vds-form-advanced]{--control-height-md:40px}.multi-select{position:relative;width:100%}.multi-select__control{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:2.5rem;min-height:var(--control-height-md,2.5rem);padding:var(--space-2) var(--space-3);transition:border-color .2s,background-color .2s,box-shadow .2s}.multi-select__control:hover{border-color:var(--color-border-strong)}.multi-select__control:focus-within{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.multi-select--disabled .multi-select__control{cursor:not-allowed;opacity:.6}.multi-select--error .multi-select__control{border-color:var(--color-danger)}.multi-select--loading .multi-select__control{animation:input-loading-shimmer 1.5s infinite;background-image:linear-gradient(90deg,var(--color-muted-bg),var(--color-surface),var(--color-muted-bg));background-size:200% 100%}.multi-select__input{background:transparent;border:none;color:inherit;font:inherit;min-width:6ch;outline:none;padding:0}.multi-select__chip{align-items:center;background-color:var(--color-surface-subtle);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.multi-select__chip-remove{align-items:center;color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:var(--icon-xs);justify-content:center;width:var(--icon-xs)}.multi-select__chip-remove:hover{color:var(--color-text)}.multi-select__list{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:none;left:0;overflow:hidden;position:absolute;top:calc(100% + var(--space-2));width:100%;z-index:20}.multi-select--open .multi-select__list{display:block}.multi-select__option{color:var(--color-text);cursor:pointer;padding:var(--space-3) var(--space-4);transition:background-color .15s}.multi-select__option:hover{background-color:var(--color-surface-subtle)}.multi-select__option--selected{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--accent-soft-border,var(--color-accent));box-shadow:0 0 0 1px var(--accent-soft-shadow);color:var(--accent-soft-on,var(--color-on-accent))}.multi-select__option--selected:hover{background-color:var(--accent-soft-surface-strong,var(--accent-soft-surface))}.tag-input{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:text;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:border-color .2s,background-color .2s,box-shadow .2s}.tag-input:hover{border-color:var(--color-border-strong)}.tag-input:focus-within{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.tag-input--disabled{cursor:not-allowed;opacity:.6}.tag-input--error{border-color:var(--color-danger)}.tag-input__chip{align-items:center;background-color:var(--color-surface-subtle);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.tag-input__chip-remove{align-items:center;color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:var(--icon-xs);justify-content:center;width:var(--icon-xs)}.tag-input__chip-remove:hover{color:var(--color-text)}.tag-input__input{background:transparent;border:none;color:inherit;font:inherit;min-width:10ch;outline:none;padding:0}.choice-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.choice-buttons--grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.choice-buttons--grid .choice-button__surface{width:100%}.choice-button{cursor:pointer;display:inline-flex;position:relative}.choice-button__input{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.choice-button__surface{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4);transition:border-color .2s,background-color .2s,box-shadow .2s,color .2s}.choice-button:hover .choice-button__surface{border-color:var(--color-border-strong)}.choice-button__input:focus-visible+.choice-button__surface{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.choice-button__input:checked+.choice-button__surface{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--accent-soft-border,var(--color-accent));box-shadow:0 0 0 1px var(--accent-soft-shadow);color:var(--accent-soft-on,var(--color-on-accent))}.choice-button__input:disabled+.choice-button__surface{background-color:var(--color-muted-bg);cursor:not-allowed;opacity:.6}.choice-cards{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.choice-card{cursor:pointer;display:inline-flex;position:relative}.choice-card__input{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.choice-card__surface{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);transition:border-color .2s,background-color .2s,box-shadow .2s,color .2s;width:100%}.choice-card:hover .choice-card__surface{border-color:var(--color-border-strong)}.choice-card__input:focus-visible+.choice-card__surface{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.choice-card__input:checked+.choice-card__surface{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--accent-soft-border,var(--color-accent));box-shadow:0 0 0 1px var(--accent-soft-shadow);color:var(--accent-soft-on,var(--color-on-accent))}.choice-card__input:disabled+.choice-card__surface{background-color:var(--color-muted-bg);cursor:not-allowed;opacity:.6}.choice-card__title{font-size:var(--text-sm);font-weight:600}.choice-card__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.choice-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.choice-chip{--choice-chip-accent:var(--color-accent);--choice-chip-on:var(--color-on-accent);align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:var(--space-2);padding:var(--space-1) var(--space-3);position:relative;transition:border-color .2s,background-color .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.choice-chip__input{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.choice-chip__indicator{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-sm);display:inline-flex;height:1.1rem;justify-content:center;transition:border-color .2s,background-color .2s,box-shadow .2s;width:1.1rem}.choice-chip__indicator:after{border-bottom:2px solid var(--choice-chip-on);border-right:2px solid var(--choice-chip-on);content:"";height:.55rem;opacity:0;position:absolute;top:30%;transform:rotate(45deg);transition:opacity .2s;width:.3rem}.choice-chip__label{color:inherit}.choice-chip__input:focus-visible+.choice-chip__indicator{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.choice-chip__input:checked+.choice-chip__indicator{background-color:var(--choice-chip-accent);border-color:var(--choice-chip-accent)}.choice-chip__input:checked+.choice-chip__indicator:after{opacity:1}.choice-chip__input:checked~.choice-chip__label{color:var(--choice-chip-accent)}.choice-chip--radio .choice-chip__indicator{border-radius:var(--radius-full);position:relative}.choice-chip--radio .choice-chip__indicator:after{background-color:var(--choice-chip-accent);border:none;border-radius:var(--radius-full);height:.45rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.45rem}.choice-chip--radio .choice-chip__input:checked+.choice-chip__indicator{background-color:var(--color-surface)}.choice-chip:hover{border-color:var(--color-border-strong)}.choice-chip__input:disabled+.choice-chip__indicator,.choice-chip__input:disabled~.choice-chip__label{cursor:not-allowed;opacity:.6}.choice-chip--success{--choice-chip-accent:var(--color-success);--choice-chip-on:var(--color-on-success)}.choice-chip--warning{--choice-chip-accent:var(--color-warning);--choice-chip-on:var(--color-on-warning)}.choice-chip--danger{--choice-chip-accent:var(--color-danger);--choice-chip-on:var(--color-on-danger)}.choice-chip--info{--choice-chip-accent:var(--color-info);--choice-chip-on:var(--color-on-accent)}.chip-choice{--chip-choice-bg:var(--color-surface);--chip-choice-border:var(--color-border-subtle);--chip-choice-text:var(--color-text);align-items:center;background-color:var(--chip-choice-bg);border:var(--border-width) solid var(--chip-choice-border);border-radius:var(--radius-pill);color:var(--chip-choice-text);cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:var(--space-2);padding:var(--space-1) var(--space-3);transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip-choice:hover{border-color:var(--color-border-strong)}.chip-choice--selected{--chip-choice-bg:var(--accent-soft-surface,var(--color-accent-soft));--chip-choice-border:var(--accent-soft-border,var(--color-accent));--chip-choice-text:var(--accent-soft-on,var(--color-on-accent));box-shadow:0 0 0 1px var(--accent-soft-shadow)}.chip-choice--disabled{cursor:not-allowed;opacity:.6}.chip-choice__check,.chip-choice__remove{align-items:center;color:inherit;display:inline-flex;height:var(--icon-xs);justify-content:center;width:var(--icon-xs)}.chip-choice__remove{margin-left:var(--space-1)}.chip-choice--transfer .chip-choice__check{display:none}.chip-choice__label{color:inherit}.chip-field{gap:var(--space-3)}.chip-field,.chip-field__row{display:flex;flex-direction:column}.chip-field__row{gap:var(--space-2)}.chip-field__label{color:var(--color-text-muted);font-size:var(--text-xs)}.chip-field__items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-field__input{width:100%}.segmented-control{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.segmented-control__option{display:inline-flex;position:relative}.segmented-control__input{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.segmented-control__label{align-items:center;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:var(--text-sm);justify-content:center;padding:var(--space-2) var(--space-4);transition:background-color .2s,color .2s}.segmented-control__option+.segmented-control__option{border-left:var(--border-width) solid var(--color-border-subtle)}.segmented-control__input:checked+.segmented-control__label{background-color:var(--color-accent);color:var(--color-on-accent)}.segmented-control__input:focus-visible+.segmented-control__label{box-shadow:inset 0 0 0 var(--border-width-strong) var(--focus-ring-color)}.toggle{--toggle-width:2.75rem;--toggle-height:1.5rem;--toggle-thumb:1.1rem;align-items:center;cursor:pointer;display:inline-flex;gap:var(--space-2);position:relative}.toggle--sm{--toggle-width:2.25rem;--toggle-height:1.25rem;--toggle-thumb:0.9rem}.toggle__input{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.toggle__track{align-items:center;background-color:var(--color-muted-bg);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-full);display:inline-flex;height:var(--toggle-height);padding:0 var(--space-0_5);transition:border-color .2s,background-color .2s,box-shadow .2s;width:var(--toggle-width)}.toggle__thumb{background-color:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);height:var(--toggle-thumb);transform:translateX(0);transition:transform .2s,background-color .2s;width:var(--toggle-thumb)}.toggle__input:checked+.toggle__track{background-color:var(--color-accent);border-color:var(--color-accent)}.toggle__input:checked+.toggle__track .toggle__thumb{background-color:var(--color-on-accent);transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb) - var(--space-1)))}.toggle__input:focus-visible+.toggle__track{box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.toggle__input:disabled+.toggle__track{cursor:not-allowed;opacity:.6}.stepper{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:inline-flex;overflow:hidden;transition:border-color .2s,box-shadow .2s;width:100%}.stepper:hover{border-color:var(--color-border-strong)}.stepper:focus-within{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.stepper--disabled{opacity:.6;pointer-events:none}.stepper--error{border-color:var(--color-danger)}.stepper__button{align-items:center;background-color:var(--color-surface);border:none;color:var(--color-text-muted);cursor:pointer;display:inline-flex;justify-content:center;transition:background-color .2s,color .2s;width:2.5rem}.stepper__button:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.stepper__button:focus-visible{box-shadow:inset 0 0 0 var(--border-width-strong) var(--focus-ring-color);outline:none}.stepper__input{background:transparent;border:none;color:inherit;flex:1;font:inherit;padding:var(--space-3);text-align:center}.stepper__input:focus{outline:none}.input[type=date],.input[type=datetime-local],.input[type=time]{padding-right:var(--space-7)}.input[type=date]::-webkit-calendar-picker-indicator{background:none;color:transparent;cursor:pointer}.calendar{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.calendar--disabled{opacity:.6;pointer-events:none}.calendar--error{border-color:var(--color-danger)}.calendar__header{align-items:center;border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.calendar__nav{display:inline-flex;gap:var(--space-2)}.calendar__nav-button{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:2rem;justify-content:center;transition:background-color .2s,color .2s;width:2rem}.calendar__nav-button:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.calendar__grid{grid-gap:var(--space-1);display:grid;gap:var(--space-1);grid-template-columns:repeat(7,1fr);padding:var(--space-2)}.calendar__day{border-radius:var(--radius-sm);color:var(--color-text-soft);cursor:pointer;padding:var(--space-2);text-align:center;transition:background-color .15s,color .15s}.calendar__day:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.calendar__day--today{color:var(--color-accent);font-weight:600}.calendar__day--selected{background-color:var(--color-accent);color:var(--color-on-accent);font-weight:600}.calendar__day--range-end,.calendar__day--range-start{background-color:var(--color-accent-soft);color:var(--color-accent-strong)}.calendar__day--disabled{opacity:.4;pointer-events:none}.calendar__popover{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:16rem;padding:var(--space-3);position:absolute;width:-moz-max-content;width:max-content;z-index:20}.form--a .multi-select__control,.form--a .stepper,.form--a .tag-input{font-size:var(--text-md);padding:var(--space-4)}.form--a .choice-buttons,.form--a .choice-chips{gap:var(--space-3)}.form--a .choice-button__surface,.form--a .segmented-control__label{font-size:var(--text-md);padding:var(--space-3) var(--space-5)}.form--a .choice-card__surface{padding:var(--space-4) var(--space-5)}.form--a .chip-choice,.form--a .choice-chip{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.form--a .toggle{--toggle-width:3rem;--toggle-height:1.7rem;--toggle-thumb:1.2rem}.form--c .multi-select__control,.form--c .stepper,.form--c .tag-input{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.form--c .choice-buttons,.form--c .choice-chips{gap:var(--space-1)}.form--c .choice-button__surface,.form--c .segmented-control__label{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.form--c .choice-card__surface{padding:var(--space-2) var(--space-3)}.form--c .chip-choice,.form--c .choice-chip{font-size:var(--text-xxs);padding:var(--space-0_5) var(--space-2)}.form--c .toggle{--toggle-width:2.25rem;--toggle-height:1.2rem;--toggle-thumb:0.85rem}.form--a .calendar__day,.form--a .multi-select__option{padding:var(--space-4)}.form--c .calendar__day,.form--c .multi-select__option{padding:var(--space-1)}
+.vds-form-advanced,[data-vds-form-advanced]{--control-height-md:40px}.multi-select{position:relative;width:100%}.multi-select__control{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:2.5rem;min-height:var(--control-height-md,2.5rem);padding:var(--space-2) var(--space-3);transition:border-color .2s,background-color .2s,box-shadow .2s}.multi-select__control:hover{border-color:var(--color-border-strong)}.multi-select__control:focus-within{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.multi-select--disabled .multi-select__control{cursor:not-allowed;opacity:.6}.multi-select--error .multi-select__control{border-color:var(--color-danger)}.multi-select--loading .multi-select__control{animation:input-loading-shimmer 1.5s infinite;background-image:linear-gradient(90deg,var(--color-muted-bg),var(--color-surface),var(--color-muted-bg));background-size:200% 100%}.multi-select__input{background:transparent;border:none;color:inherit;font:inherit;min-width:6ch;outline:none;padding:0}.multi-select__chip{align-items:center;background-color:var(--color-surface-subtle);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.multi-select__chip-remove{align-items:center;color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:var(--icon-xs);justify-content:center;width:var(--icon-xs)}.multi-select__chip-remove:hover{color:var(--color-text)}.multi-select__list{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:none;left:0;overflow:hidden;position:absolute;top:calc(100% + var(--space-2));width:100%;z-index:20}.multi-select--open .multi-select__list{display:block}.multi-select__option{color:var(--color-text);cursor:pointer;padding:var(--space-3) var(--space-4);transition:background-color .15s}.multi-select__option:hover{background-color:var(--color-surface-subtle)}.multi-select__option--selected{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--accent-soft-border,var(--color-accent));box-shadow:0 0 0 1px var(--accent-soft-shadow);color:var(--accent-soft-on,var(--color-on-accent))}.multi-select__option--selected:hover{background-color:var(--accent-soft-surface-strong,var(--accent-soft-surface))}.tag-input{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:text;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:border-color .2s,background-color .2s,box-shadow .2s}.tag-input:hover{border-color:var(--color-border-strong)}.tag-input:focus-within{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.tag-input--disabled{cursor:not-allowed;opacity:.6}.tag-input--error{border-color:var(--color-danger)}.tag-input__chip{align-items:center;background-color:var(--color-surface-subtle);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.tag-input__chip-remove{align-items:center;color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:var(--icon-xs);justify-content:center;width:var(--icon-xs)}.tag-input__chip-remove:hover{color:var(--color-text)}.tag-input__input{background:transparent;border:none;color:inherit;font:inherit;min-width:10ch;outline:none;padding:0}.choice-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.choice-buttons--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.choice-buttons--grid .choice-button__surface{width:100%}.choice-button{cursor:pointer;display:inline-flex;position:relative}.choice-button__input{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.choice-button__surface{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4);transition:border-color .2s,background-color .2s,box-shadow .2s,color .2s}.choice-button:hover .choice-button__surface{border-color:var(--color-border-strong)}.choice-button__input:focus-visible+.choice-button__surface{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.choice-button__input:checked+.choice-button__surface{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--accent-soft-border,var(--color-accent));box-shadow:0 0 0 1px var(--accent-soft-shadow);color:var(--accent-soft-on,var(--color-on-accent))}.choice-button__input:disabled+.choice-button__surface{background-color:var(--color-muted-bg);cursor:not-allowed;opacity:.6}.choice-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.choice-card{cursor:pointer;display:inline-flex;position:relative}.choice-card__input{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.choice-card__surface{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);transition:border-color .2s,background-color .2s,box-shadow .2s,color .2s;width:100%}.choice-card:hover .choice-card__surface{border-color:var(--color-border-strong)}.choice-card__input:focus-visible+.choice-card__surface{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.choice-card__input:checked+.choice-card__surface{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--accent-soft-border,var(--color-accent));box-shadow:0 0 0 1px var(--accent-soft-shadow);color:var(--accent-soft-on,var(--color-on-accent))}.choice-card__input:disabled+.choice-card__surface{background-color:var(--color-muted-bg);cursor:not-allowed;opacity:.6}.choice-card__title{font-size:var(--text-sm);font-weight:600}.choice-card__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.choice-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.choice-chip{--choice-chip-accent:var(--color-accent);--choice-chip-on:var(--color-on-accent);align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:var(--space-2);padding:var(--space-1) var(--space-3);position:relative;transition:border-color .2s,background-color .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.choice-chip__input{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.choice-chip__indicator{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-sm);display:inline-flex;height:1.1rem;justify-content:center;transition:border-color .2s,background-color .2s,box-shadow .2s;width:1.1rem}.choice-chip__indicator:after{border-bottom:2px solid var(--choice-chip-on);border-right:2px solid var(--choice-chip-on);content:"";height:.55rem;opacity:0;position:absolute;top:30%;transform:rotate(45deg);transition:opacity .2s;width:.3rem}.choice-chip__label{color:inherit}.choice-chip__input:focus-visible+.choice-chip__indicator{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.choice-chip__input:checked+.choice-chip__indicator{background-color:var(--choice-chip-accent);border-color:var(--choice-chip-accent)}.choice-chip__input:checked+.choice-chip__indicator:after{opacity:1}.choice-chip__input:checked~.choice-chip__label{color:var(--choice-chip-accent)}.choice-chip--radio .choice-chip__indicator{border-radius:var(--radius-full);position:relative}.choice-chip--radio .choice-chip__indicator:after{background-color:var(--choice-chip-accent);border:none;border-radius:var(--radius-full);height:.45rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.45rem}.choice-chip--radio .choice-chip__input:checked+.choice-chip__indicator{background-color:var(--color-surface)}.choice-chip:hover{border-color:var(--color-border-strong)}.choice-chip__input:disabled+.choice-chip__indicator,.choice-chip__input:disabled~.choice-chip__label{cursor:not-allowed;opacity:.6}.choice-chip--success{--choice-chip-accent:var(--color-success);--choice-chip-on:var(--color-on-success)}.choice-chip--warning{--choice-chip-accent:var(--color-warning);--choice-chip-on:var(--color-on-warning)}.choice-chip--danger{--choice-chip-accent:var(--color-danger);--choice-chip-on:var(--color-on-danger)}.choice-chip--info{--choice-chip-accent:var(--color-info);--choice-chip-on:var(--color-on-accent)}.chip-choice{--chip-choice-bg:var(--color-surface);--chip-choice-border:var(--color-border-subtle);--chip-choice-text:var(--color-text);align-items:center;background-color:var(--chip-choice-bg);border:var(--border-width) solid var(--chip-choice-border);border-radius:var(--radius-pill);color:var(--chip-choice-text);cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:var(--space-2);padding:var(--space-1) var(--space-3);transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip-choice:hover{border-color:var(--color-border-strong)}.chip-choice--selected{--chip-choice-bg:var(--accent-soft-surface,var(--color-accent-soft));--chip-choice-border:var(--accent-soft-border,var(--color-accent));--chip-choice-text:var(--accent-soft-on,var(--color-on-accent));box-shadow:0 0 0 1px var(--accent-soft-shadow)}.chip-choice--disabled{cursor:not-allowed;opacity:.6}.chip-choice__check,.chip-choice__remove{align-items:center;color:inherit;display:inline-flex;height:var(--icon-xs);justify-content:center;width:var(--icon-xs)}.chip-choice__remove{margin-left:var(--space-1)}.chip-choice--transfer .chip-choice__check{display:none}.chip-choice__label{color:inherit}.chip-field{gap:var(--space-3)}.chip-field,.chip-field__row{display:flex;flex-direction:column}.chip-field__row{gap:var(--space-2)}.chip-field__label{color:var(--color-text-muted);font-size:var(--text-xs)}.chip-field__items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-field__input{width:100%}.segmented-control{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.segmented-control__option{display:inline-flex;position:relative}.segmented-control__input{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.segmented-control__label{align-items:center;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:var(--text-sm);justify-content:center;padding:var(--space-2) var(--space-4);transition:background-color .2s,color .2s}.segmented-control__option+.segmented-control__option{border-left:var(--border-width) solid var(--color-border-subtle)}.segmented-control__input:checked+.segmented-control__label{background-color:var(--color-accent);color:var(--color-on-accent)}.segmented-control__input:focus-visible+.segmented-control__label{box-shadow:inset 0 0 0 var(--border-width-strong) var(--focus-ring-color)}.toggle{--toggle-width:2.75rem;--toggle-height:1.5rem;--toggle-thumb:1.1rem;align-items:center;cursor:pointer;display:inline-flex;gap:var(--space-2);position:relative}.toggle--sm{--toggle-width:2.25rem;--toggle-height:1.25rem;--toggle-thumb:0.9rem}.toggle__input{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.toggle__track{align-items:center;background-color:var(--color-muted-bg);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-full);display:inline-flex;height:var(--toggle-height);padding:0 var(--space-0_5);transition:border-color .2s,background-color .2s,box-shadow .2s;width:var(--toggle-width)}.toggle__thumb{background-color:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);height:var(--toggle-thumb);transform:translateX(0);transition:transform .2s,background-color .2s;width:var(--toggle-thumb)}.toggle__input:checked+.toggle__track{background-color:var(--color-accent);border-color:var(--color-accent)}.toggle__input:checked+.toggle__track .toggle__thumb{background-color:var(--color-on-accent);transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb) - var(--space-1)))}.toggle__input:focus-visible+.toggle__track{box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.toggle__input:disabled+.toggle__track{cursor:not-allowed;opacity:.6}.stepper{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:inline-flex;overflow:hidden;transition:border-color .2s,box-shadow .2s;width:100%}.stepper:hover{border-color:var(--color-border-strong)}.stepper:focus-within{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.stepper--disabled{opacity:.6;pointer-events:none}.stepper--error{border-color:var(--color-danger)}.stepper__button{align-items:center;background-color:var(--color-surface);border:none;color:var(--color-text-muted);cursor:pointer;display:inline-flex;justify-content:center;transition:background-color .2s,color .2s;width:2.5rem}.stepper__button:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.stepper__button:focus-visible{box-shadow:inset 0 0 0 var(--border-width-strong) var(--focus-ring-color);outline:none}.stepper__input{background:transparent;border:none;color:inherit;flex:1;font:inherit;padding:var(--space-3);text-align:center}.stepper__input:focus{outline:none}.input[type=date],.input[type=datetime-local],.input[type=time]{padding-right:var(--space-7)}.input[type=date]::-webkit-calendar-picker-indicator{background:none;color:transparent;cursor:pointer}.calendar{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.calendar--disabled{opacity:.6;pointer-events:none}.calendar--error{border-color:var(--color-danger)}.calendar__header{align-items:center;border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.calendar__nav{display:inline-flex;gap:var(--space-2)}.calendar__nav-button{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:2rem;justify-content:center;transition:background-color .2s,color .2s;width:2rem}.calendar__nav-button:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);padding:var(--space-2);grid-gap:var(--space-1);gap:var(--space-1)}.calendar__day{border-radius:var(--radius-sm);color:var(--color-text-soft);cursor:pointer;padding:var(--space-2);text-align:center;transition:background-color .15s,color .15s}.calendar__day:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.calendar__day--today{color:var(--color-accent);font-weight:600}.calendar__day--selected{background-color:var(--color-accent);color:var(--color-on-accent);font-weight:600}.calendar__day--range-end,.calendar__day--range-start{background-color:var(--color-accent-soft);color:var(--color-accent-strong)}.calendar__day--disabled{opacity:.4;pointer-events:none}.calendar__popover{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:16rem;padding:var(--space-3);position:absolute;width:-moz-max-content;width:max-content;z-index:20}.form--a .multi-select__control,.form--a .stepper,.form--a .tag-input{font-size:var(--text-md);padding:var(--space-4)}.form--a .choice-buttons,.form--a .choice-chips{gap:var(--space-3)}.form--a .choice-button__surface,.form--a .segmented-control__label{font-size:var(--text-md);padding:var(--space-3) var(--space-5)}.form--a .choice-card__surface{padding:var(--space-4) var(--space-5)}.form--a .chip-choice,.form--a .choice-chip{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.form--a .toggle{--toggle-width:3rem;--toggle-height:1.7rem;--toggle-thumb:1.2rem}.form--c .multi-select__control,.form--c .stepper,.form--c .tag-input{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.form--c .choice-buttons,.form--c .choice-chips{gap:var(--space-1)}.form--c .choice-button__surface,.form--c .segmented-control__label{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.form--c .choice-card__surface{padding:var(--space-2) var(--space-3)}.form--c .chip-choice,.form--c .choice-chip{font-size:var(--text-xxs);padding:var(--space-0_5) var(--space-2)}.form--c .toggle{--toggle-width:2.25rem;--toggle-height:1.2rem;--toggle-thumb:0.85rem}.form--a .calendar__day,.form--a .multi-select__option{padding:var(--space-4)}.form--c .calendar__day,.form--c .multi-select__option{padding:var(--space-1)}

package/dist/components/forms.min.css

@@ -1 +1 @@
-.vds-form,[data-vds-form]{--form-flow-textarea-min-height:5rem;--size-10:3.00rem;--control-min-height:var(--size-10);--choice-size:var(--space-4);--choice-gap:var(--space-2)}@keyframes input-loading-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}.form-control{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);display:block;margin:0;min-height:var(--control-min-height);padding:var(--space-3);position:relative;transition:border-color .2s,background-color .2s,box-shadow .2s;width:100%;z-index:0}input.form-control,select.form-control,textarea.form-control{background-clip:padding-box;font:inherit;line-height:inherit}textarea.form-control{min-height:var(--form-flow-textarea-min-height);resize:vertical}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:not([multiple]):not([size]){background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - var(--space-3)) 50%,calc(100% - var(--space-2)) 50%;background-repeat:no-repeat;background-size:.4rem .4rem;padding-right:calc(var(--space-7) + var(--space-2))}.form-control::-moz-placeholder{color:var(--color-placeholder);opacity:1}.form-control::placeholder{color:var(--color-placeholder);opacity:1}.form-control:hover{border-color:var(--color-border-strong)}.form-control:focus{border-color:var(--color-accent);outline:none}.form-control:focus-visible{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color);outline:none}.form-control[aria-invalid=true]{border-color:var(--color-danger)}.form-control[aria-invalid=true]:focus-visible{box-shadow:0 0 0 var(--border-width-strong) var(--color-danger-soft)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field--inline{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:minmax(10rem,14rem) 1fr}.form-field--inline .form-label-row{justify-content:flex-start}.form-field--inline .form-help{grid-column:2}.form-label-row{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.form-label{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.form-label-meta{color:var(--color-text-muted);font-size:var(--text-xs)}.form-label-meta--required{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.form-help{color:var(--color-text-muted);font-size:var(--text-xs)}.form-help-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between}.form-help-row__counter{margin-left:auto;text-align:right}.form-help--error{color:var(--color-danger)}.form-help--warning{color:var(--color-warning)}.form-help--success{color:var(--color-success)}.form-help--info{color:var(--color-info)}.choice-group{display:flex;flex-direction:column;gap:var(--space-2)}.choice-group--inline{align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.choice-group--grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.choice{--choice-accent:var(--color-accent);--choice-on-accent:var(--color-on-accent);align-items:flex-start;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--choice-gap);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.choice--success{--choice-accent:var(--color-success);--choice-on-accent:var(--color-on-success)}.choice--warning{--choice-accent:var(--color-warning);--choice-on-accent:var(--color-on-warning)}.choice--error{--choice-accent:var(--color-danger);--choice-on-accent:var(--color-on-danger)}.choice--info{--choice-accent:var(--color-info);--choice-on-accent:var(--color-on-accent)}.choice__input{margin:0;opacity:0;pointer-events:none;position:absolute}.choice__indicator,.choice__input{height:var(--choice-size);width:var(--choice-size)}.choice__indicator{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-sm);display:inline-flex;flex-shrink:0;justify-content:center;margin-top:var(--space-0_5);position:relative;transition:border-color .2s,background-color .2s,box-shadow .2s}.choice__indicator:after{border-bottom:2.5px solid var(--choice-on-accent);border-right:2.5px solid var(--choice-on-accent);content:"";height:.75rem;left:50%;opacity:0;position:absolute;top:30%;transform:translate(-50%,-40%) rotate(45deg);transition:opacity .2s;width:.45rem}.choice__input:focus-visible+.choice__indicator{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.choice__input:checked+.choice__indicator{background-color:var(--choice-accent);border-color:var(--choice-accent)}.choice__input:checked+.choice__indicator:after{opacity:1}.choice--checkbox .choice__indicator{border-radius:var(--radius-sm)}.choice--radio .choice__indicator{border-radius:var(--radius-full)}.choice--radio .choice__indicator:after{background-color:var(--choice-accent);border:none;border-radius:var(--radius-full);height:.5rem;left:50%;top:50%;transform:translate(-50%,-50%);width:.5rem}.choice--radio .choice__input:checked+.choice__indicator{background-color:var(--color-surface)}.choice:hover .choice__indicator{border-color:var(--color-border-strong)}.choice--disabled .choice__indicator,.choice__input:disabled+.choice__indicator{background-color:var(--color-muted-bg);border-color:var(--color-border-subtle);box-shadow:none;opacity:.7}.choice--disabled .choice__indicator:after,.choice__input:disabled+.choice__indicator:after{background-color:var(--color-text-muted);border-color:var(--color-text-muted)}.choice__label{display:flex;flex-direction:column;gap:var(--space-1)}.choice__label-text{color:var(--color-text);font-size:var(--text-sm)}.choice__hint{color:var(--color-text-muted);font-size:var(--text-xs)}.form-control-wrapper{align-items:center;display:flex;position:relative;width:100%}.form-control-wrapper>.form-control{flex:1 1 auto;width:auto}.form-control--loading{cursor:progress;opacity:.55;pointer-events:none}.form-control--disabled{opacity:.45;pointer-events:none}.form-control--readonly{cursor:default;opacity:.75}.form-control--error{box-shadow:0 0 0 var(--border-width-strong) var(--color-danger)}.form-control--warning{box-shadow:0 0 0 var(--border-width-strong) var(--color-warning)}.form-control--success{box-shadow:0 0 0 var(--border-width-strong) var(--color-success)}.form-control--info{box-shadow:0 0 0 var(--border-width-strong) var(--color-info)}.form-control:disabled,.form-control[disabled]{background-color:var(--color-muted-bg);color:var(--color-text-muted);cursor:not-allowed}.form-control[readonly]{background-color:var(--color-surface-subtle);border-style:dashed;color:var(--color-text-muted)}.form-control--error:focus-visible{box-shadow:0 0 0 var(--border-width-strong) var(--semantic-error-border-strong,var(--color-danger))}.form-control-wrapper[data-icon=left] .form-control{padding-left:calc(var(--space-7) + var(--space-2))}.form-control-wrapper[data-icon=right] .form-control{padding-right:calc(var(--space-7) + var(--space-2))}.form-control-wrapper[data-icon=left] .form-control-icon,.form-control-wrapper[data-icon=right] .form-control-icon{align-items:center;display:flex;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-control-wrapper[data-icon=left] .form-control-icon{left:var(--space-2)}.form-control-wrapper[data-icon=right] .form-control-icon{right:var(--space-2)}.form-control-icon{color:var(--color-text-muted);font-size:var(--text-md)}.form-control-icon,.form-control-prefix,.form-control-suffix{position:absolute;z-index:1}.form-control-prefix,.form-control-suffix{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--text-sm);pointer-events:none;position:static;white-space:nowrap}.form-control-prefix{margin-left:var(--space-3);margin-right:var(--space-2)}.form-control-suffix{margin-left:var(--space-2);margin-right:var(--space-3)}.form-control-group{align-items:stretch;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;position:relative;width:100%}.form-control-group>*{background:transparent;border-radius:0;position:relative}.form-control-group>.form-control,.form-control-group>.form-control-wrapper{flex:1 1 auto}.form-control-group>.button{flex:0 0 auto}.form-control-group>:first-child{border-bottom-left-radius:var(--radius-md);border-top-left-radius:var(--radius-md)}.form-control-group>:last-child{border-bottom-right-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.form-control-group>*+*{box-shadow:inset var(--border-width) 0 0 var(--color-border-subtle)}.form-control-group .form-control:focus-visible{border-color:var(--focus-ring-color);box-shadow:inset var(--border-width) 0 0 var(--color-border-subtle),0 0 0 var(--border-width-strong) var(--focus-ring-color)}.form-control-group>.button,.form-control-group>.form-control,.form-control-group>.form-control-wrapper>.form-control{background:transparent;border:none}.form-control-group>.button{align-items:center;box-sizing:border-box;color:var(--color-text);display:inline-flex;height:var(--control-min-height);justify-content:center;line-height:1;padding:0 var(--space-3)}.form-control--loading:after{animation:formControlLoading 1.5s ease-in-out infinite;background:var(--color-surface-subtle);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes formControlLoading{0%{opacity:.35}50%{opacity:.6}to{opacity:.35}}.form-control--file{background-color:var(--color-surface);border:var(--border-width) dashed var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;padding:var(--space-3);position:relative}.form-control--file[type=file]{background:none;border:none;padding:0;position:static}.form-control-file-surface{align-items:center;background-color:var(--color-surface);border:var(--border-width) dashed var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;padding:var(--space-6);position:relative}.form-control-file-surface input[type=file]{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0}.form-control-file-surface:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-strong)}.form-control-file-surface:focus-within{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.form-control-file-surface--disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.form-control-file-surface--error{background-color:var(--color-danger-soft);border-color:var(--color-danger)}.form-control-file-surface--warning{background-color:var(--color-warning-soft);border-color:var(--color-warning)}.form-control-file-surface--success{background-color:var(--color-success-soft);border-color:var(--color-success)}.form-control-file-surface--info{background-color:var(--color-info-soft);border-color:var(--color-info)}.file-upload-inline{align-items:center;display:inline-flex;gap:var(--space-2)}.file-upload-inline__input{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.file-upload-inline__label{cursor:pointer}.form-control-file-surface.form-control--loading:after{animation:input-loading-shimmer 1.5s infinite;background-image:linear-gradient(90deg,var(--color-muted-bg),var(--color-surface),var(--color-muted-bg));background-size:200% 100%;border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.form-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:768px){.form-grid--four,.form-grid--three,.form-grid--two{grid-template-columns:1fr}}.form-message{align-items:flex-start;background-color:var(--color-surface-subtle);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-4) var(--space-6);width:100%}.form-message__icon{flex-shrink:0;height:1.25rem;width:1.25rem}.form-message__content{display:flex;flex-direction:column;gap:var(--space-1)}.form-message--neutral{color:var(--color-text-muted)}.form-message--error{background-color:var(--color-danger-soft);border-color:var(--color-danger)}.form-message--warning{background-color:var(--color-warning-soft);border-color:var(--color-warning)}.form-message--success{background-color:var(--color-success-soft);border-color:var(--color-success)}.form-message--info{background-color:var(--color-info-soft);border-color:var(--color-info)}.form-section--error,.form-section--info,.form-section--success,.form-section--warning{border-left:var(--border-width-strong) solid;padding:var(--space-3)}.form-section--error{border-color:var(--color-danger)}.form-section--warning{border-color:var(--color-warning)}.form-section--success{border-color:var(--color-success)}.form-section--info{border-color:var(--color-info)}.form-section--error:not(:last-child),.form-section--info:not(:last-child),.form-section--success:not(:last-child),.form-section--warning:not(:last-child){margin-bottom:var(--space-4)}
+.vds-form,[data-vds-form]{--form-flow-textarea-min-height:5rem;--size-10:3.00rem;--control-min-height:var(--size-10);--choice-size:var(--space-4);--choice-gap:var(--space-2)}@keyframes input-loading-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}.form-control{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);display:block;margin:0;min-height:var(--control-min-height);padding:var(--space-3);position:relative;transition:border-color .2s,background-color .2s,box-shadow .2s;width:100%;z-index:0}input.form-control,select.form-control,textarea.form-control{background-clip:padding-box;font:inherit;line-height:inherit}textarea.form-control{min-height:var(--form-flow-textarea-min-height);resize:vertical}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:not([multiple]):not([size]){background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - var(--space-3)) 50%,calc(100% - var(--space-2)) 50%;background-repeat:no-repeat;background-size:.4rem .4rem;padding-right:calc(var(--space-7) + var(--space-2))}.form-control::-moz-placeholder{color:var(--color-placeholder);opacity:1}.form-control::placeholder{color:var(--color-placeholder);opacity:1}.form-control:hover{border-color:var(--color-border-strong)}.form-control:focus{border-color:var(--color-accent);outline:none}.form-control:focus-visible{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color);outline:none}.form-control[aria-invalid=true]{border-color:var(--color-danger)}.form-control[aria-invalid=true]:focus-visible{box-shadow:0 0 0 var(--border-width-strong) var(--color-danger-soft)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field--inline{display:grid;grid-template-columns:minmax(10rem,14rem) 1fr;grid-gap:var(--space-4);align-items:start;gap:var(--space-4)}.form-field--inline .form-label-row{justify-content:flex-start}.form-field--inline .form-help{grid-column:2}.form-label-row{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.form-label{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.form-label-meta{color:var(--color-text-muted);font-size:var(--text-xs)}.form-label-meta--required{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.form-help{color:var(--color-text-muted);font-size:var(--text-xs)}.form-help-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between}.form-help-row__counter{margin-left:auto;text-align:right}.form-help--error{color:var(--color-danger)}.form-help--warning{color:var(--color-warning)}.form-help--success{color:var(--color-success)}.form-help--info{color:var(--color-info)}.choice-group{display:flex;flex-direction:column;gap:var(--space-2)}.choice-group--inline{align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.choice-group--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.choice{--choice-accent:var(--color-accent);--choice-on-accent:var(--color-on-accent);align-items:flex-start;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--choice-gap);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.choice--success{--choice-accent:var(--color-success);--choice-on-accent:var(--color-on-success)}.choice--warning{--choice-accent:var(--color-warning);--choice-on-accent:var(--color-on-warning)}.choice--error{--choice-accent:var(--color-danger);--choice-on-accent:var(--color-on-danger)}.choice--info{--choice-accent:var(--color-info);--choice-on-accent:var(--color-on-accent)}.choice__input{margin:0;opacity:0;pointer-events:none;position:absolute}.choice__indicator,.choice__input{height:var(--choice-size);width:var(--choice-size)}.choice__indicator{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-sm);display:inline-flex;flex-shrink:0;justify-content:center;margin-top:var(--space-0_5);position:relative;transition:border-color .2s,background-color .2s,box-shadow .2s}.choice__indicator:after{border-bottom:2.5px solid var(--choice-on-accent);border-right:2.5px solid var(--choice-on-accent);content:"";height:.75rem;left:50%;opacity:0;position:absolute;top:30%;transform:translate(-50%,-40%) rotate(45deg);transition:opacity .2s;width:.45rem}.choice__input:focus-visible+.choice__indicator{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.choice__input:checked+.choice__indicator{background-color:var(--choice-accent);border-color:var(--choice-accent)}.choice__input:checked+.choice__indicator:after{opacity:1}.choice--checkbox .choice__indicator{border-radius:var(--radius-sm)}.choice--radio .choice__indicator{border-radius:var(--radius-full)}.choice--radio .choice__indicator:after{background-color:var(--choice-accent);border:none;border-radius:var(--radius-full);height:.5rem;left:50%;top:50%;transform:translate(-50%,-50%);width:.5rem}.choice--radio .choice__input:checked+.choice__indicator{background-color:var(--color-surface)}.choice:hover .choice__indicator{border-color:var(--color-border-strong)}.choice--disabled .choice__indicator,.choice__input:disabled+.choice__indicator{background-color:var(--color-muted-bg);border-color:var(--color-border-subtle);box-shadow:none;opacity:.7}.choice--disabled .choice__indicator:after,.choice__input:disabled+.choice__indicator:after{background-color:var(--color-text-muted);border-color:var(--color-text-muted)}.choice__label{display:flex;flex-direction:column;gap:var(--space-1)}.choice__label-text{color:var(--color-text);font-size:var(--text-sm)}.choice__hint{color:var(--color-text-muted);font-size:var(--text-xs)}.form-control-wrapper{align-items:center;display:flex;position:relative;width:100%}.form-control-wrapper>.form-control{flex:1 1 auto;width:auto}.form-control--loading{cursor:progress;opacity:.55;pointer-events:none}.form-control--disabled{opacity:.45;pointer-events:none}.form-control--readonly{cursor:default;opacity:.75}.form-control--error{box-shadow:0 0 0 var(--border-width-strong) var(--color-danger)}.form-control--warning{box-shadow:0 0 0 var(--border-width-strong) var(--color-warning)}.form-control--success{box-shadow:0 0 0 var(--border-width-strong) var(--color-success)}.form-control--info{box-shadow:0 0 0 var(--border-width-strong) var(--color-info)}.form-control:disabled,.form-control[disabled]{background-color:var(--color-muted-bg);color:var(--color-text-muted);cursor:not-allowed}.form-control[readonly]{background-color:var(--color-surface-subtle);border-style:dashed;color:var(--color-text-muted)}.form-control--error:focus-visible{box-shadow:0 0 0 var(--border-width-strong) var(--semantic-error-border-strong,var(--color-danger))}.form-control-wrapper[data-icon=left] .form-control{padding-left:calc(var(--space-7) + var(--space-2))}.form-control-wrapper[data-icon=right] .form-control{padding-right:calc(var(--space-7) + var(--space-2))}.form-control-wrapper[data-icon=left] .form-control-icon,.form-control-wrapper[data-icon=right] .form-control-icon{align-items:center;display:flex;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-control-wrapper[data-icon=left] .form-control-icon{left:var(--space-2)}.form-control-wrapper[data-icon=right] .form-control-icon{right:var(--space-2)}.form-control-icon{color:var(--color-text-muted);font-size:var(--text-md)}.form-control-icon,.form-control-prefix,.form-control-suffix{position:absolute;z-index:1}.form-control-prefix,.form-control-suffix{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--text-sm);pointer-events:none;position:static;white-space:nowrap}.form-control-prefix{margin-left:var(--space-3);margin-right:var(--space-2)}.form-control-suffix{margin-left:var(--space-2);margin-right:var(--space-3)}.form-control-group{align-items:stretch;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;position:relative;width:100%}.form-control-group>*{background:transparent;border-radius:0;position:relative}.form-control-group>.form-control,.form-control-group>.form-control-wrapper{flex:1 1 auto}.form-control-group>.button{flex:0 0 auto}.form-control-group>:first-child{border-bottom-left-radius:var(--radius-md);border-top-left-radius:var(--radius-md)}.form-control-group>:last-child{border-bottom-right-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.form-control-group>*+*{box-shadow:inset var(--border-width) 0 0 var(--color-border-subtle)}.form-control-group .form-control:focus-visible{border-color:var(--focus-ring-color);box-shadow:inset var(--border-width) 0 0 var(--color-border-subtle),0 0 0 var(--border-width-strong) var(--focus-ring-color)}.form-control-group>.button,.form-control-group>.form-control,.form-control-group>.form-control-wrapper>.form-control{background:transparent;border:none}.form-control-group>.button{align-items:center;box-sizing:border-box;color:var(--color-text);display:inline-flex;height:var(--control-min-height);justify-content:center;line-height:1;padding:0 var(--space-3)}.form-control--loading:after{animation:formControlLoading 1.5s ease-in-out infinite;background:var(--color-surface-subtle);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes formControlLoading{0%{opacity:.35}50%{opacity:.6}to{opacity:.35}}.form-control--file{background-color:var(--color-surface);border:var(--border-width) dashed var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;padding:var(--space-3);position:relative}.form-control--file[type=file]{background:none;border:none;padding:0;position:static}.form-control-file-surface{align-items:center;background-color:var(--color-surface);border:var(--border-width) dashed var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;padding:var(--space-6);position:relative}.form-control-file-surface input[type=file]{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0}.form-control-file-surface:hover{background-color:var(--color-surface-subtle);border-color:var(--color-border-strong)}.form-control-file-surface:focus-within{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--border-width-strong) var(--focus-ring-color)}.form-control-file-surface--disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.form-control-file-surface--error{background-color:var(--color-danger-soft);border-color:var(--color-danger)}.form-control-file-surface--warning{background-color:var(--color-warning-soft);border-color:var(--color-warning)}.form-control-file-surface--success{background-color:var(--color-success-soft);border-color:var(--color-success)}.form-control-file-surface--info{background-color:var(--color-info-soft);border-color:var(--color-info)}.file-upload-inline{align-items:center;display:inline-flex;gap:var(--space-2)}.file-upload-inline__input{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}.file-upload-inline__label{cursor:pointer}.form-control-file-surface.form-control--loading:after{animation:input-loading-shimmer 1.5s infinite;background-image:linear-gradient(90deg,var(--color-muted-bg),var(--color-surface),var(--color-muted-bg));background-size:200% 100%;border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.form-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.form-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:768px){.form-grid--four,.form-grid--three,.form-grid--two{grid-template-columns:1fr}}.form-message{align-items:flex-start;background-color:var(--color-surface-subtle);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-4) var(--space-6);width:100%}.form-message__icon{flex-shrink:0;height:1.25rem;width:1.25rem}.form-message__content{display:flex;flex-direction:column;gap:var(--space-1)}.form-message--neutral{color:var(--color-text-muted)}.form-message--error{background-color:var(--color-danger-soft);border-color:var(--color-danger)}.form-message--warning{background-color:var(--color-warning-soft);border-color:var(--color-warning)}.form-message--success{background-color:var(--color-success-soft);border-color:var(--color-success)}.form-message--info{background-color:var(--color-info-soft);border-color:var(--color-info)}.form-section--error,.form-section--info,.form-section--success,.form-section--warning{border-left:var(--border-width-strong) solid;padding:var(--space-3)}.form-section--error{border-color:var(--color-danger)}.form-section--warning{border-color:var(--color-warning)}.form-section--success{border-color:var(--color-success)}.form-section--info{border-color:var(--color-info)}.form-section--error:not(:last-child),.form-section--info:not(:last-child),.form-section--success:not(:last-child),.form-section--warning:not(:last-child){margin-bottom:var(--space-4)}

package/dist/components/guidance.min.css

@@ -1 +1 @@
-.vds-guidance,[data-vds-guidance]{--guidance-padding-sm:var(--space-3);--guidance-padding-md:var(--space-4);--guidance-padding-lg:var(--space-6);--guidance-gap:var(--space-3);--guidance-radius:var(--radius-md);--guidance-border-width:var(--border-width-strong);--guidance-shadow:var(--shadow-xs)}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat){--guidance-bg:var(--color-surface);--guidance-outline:var(--color-border-subtle);--guidance-rail:var(--color-accent);--guidance-tint:var(--color-surface-subtle);--guidance-text:var(--color-text);--guidance-title:var(--color-text);--guidance-muted:var(--color-text-muted);--guidance-icon:var(--color-accent);--guidance-on:var(--color-on-accent);color:var(--guidance-text)}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat)[data-variant=info]{--guidance-rail:var(--semantic-info-border-strong,var(--color-info));--guidance-icon:var(--semantic-info-border-strong,var(--color-info));--guidance-tint:var(--semantic-info-bg-strong,var(--color-info-soft))}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat)[data-variant=success]{--guidance-rail:var(--semantic-success-border-strong,var(--color-success));--guidance-icon:var(--semantic-success-border-strong,var(--color-success));--guidance-tint:var(--semantic-success-bg-strong,var(--color-success-soft))}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat)[data-variant=warning]{--guidance-rail:var(--semantic-warning-border-strong,var(--color-warning));--guidance-icon:var(--semantic-warning-border-strong,var(--color-warning));--guidance-tint:var(--semantic-warning-bg-strong,var(--color-warning-soft))}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat)[data-variant=danger]{--guidance-rail:var(--semantic-error-border-strong,var(--color-danger));--guidance-icon:var(--semantic-error-border-strong,var(--color-danger));--guidance-tint:var(--semantic-error-bg-strong,var(--color-danger-soft))}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat)[data-variant=accent]{--guidance-rail:var(--color-accent);--guidance-icon:var(--color-accent);--guidance-tint:var(--color-accent-soft)}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat)[data-variant=neutral]{--guidance-rail:var(--color-border-strong);--guidance-icon:var(--color-text-muted);--guidance-tint:var(--color-muted-bg)}.guidance{background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-left:var(--guidance-border-width) solid var(--guidance-rail);border-radius:var(--radius-md);box-shadow:var(--guidance-shadow);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-2);line-height:1.4;line-height:var(--line-height-relaxed,1.4);padding:var(--guidance-padding-md,var(--space-4)) var(--guidance-padding-lg,var(--space-6));position:relative}.guidance--compact{padding:var(--guidance-padding-sm,var(--space-3)) var(--guidance-padding-md,var(--space-4))}.guidance--tint{background-color:var(--guidance-tint)}.guidance__header{align-items:flex-start;display:flex;gap:var(--space-2)}.guidance__icon{align-items:center;color:var(--guidance-icon);display:flex;flex-shrink:0;height:var(--space-5);justify-content:center;width:var(--space-5)}.guidance__title{color:var(--guidance-title);font-size:var(--text-md);font-weight:600;line-height:1.2;line-height:var(--line-height-tight,1.2)}.guidance__meta{color:var(--guidance-muted);font-size:var(--text-xs)}.guidance__tag{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--guidance-outline);border-radius:var(--radius-pill);color:var(--guidance-muted);display:inline-flex;font-size:var(--text-xxs);gap:var(--space-1);letter-spacing:.08em;padding:0 var(--space-2);text-transform:uppercase;white-space:nowrap}.guidance__body{color:var(--guidance-text);font-size:var(--text-sm)}.guidance__list{grid-gap:var(--space-1);display:grid;gap:var(--space-1);list-style:none;margin:0;padding:0}.guidance__list li{padding-left:var(--space-4);position:relative}.guidance__list li:before{background-color:var(--guidance-rail);border-radius:var(--radius-full);content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.guidance__footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.guidance--do{--guidance-rail:var(--semantic-success-border-strong,var(--color-success));--guidance-icon:var(--semantic-success-border-strong,var(--color-success));--guidance-tint:var(--semantic-success-bg-strong,var(--color-success-soft))}.guidance--dont{--guidance-rail:var(--semantic-error-border-strong,var(--color-danger));--guidance-icon:var(--semantic-error-border-strong,var(--color-danger));--guidance-tint:var(--semantic-error-bg-strong,var(--color-danger-soft))}.guidance--how{--guidance-rail:var(--semantic-info-border-strong,var(--color-info));--guidance-icon:var(--semantic-info-border-strong,var(--color-info));--guidance-tint:var(--semantic-info-bg-strong,var(--color-info-soft))}.guidance--why{--guidance-rail:var(--color-accent);--guidance-icon:var(--color-accent);--guidance-tint:var(--color-accent-soft)}.guidance--expect{--guidance-rail:var(--semantic-warning-border-strong,var(--color-warning));--guidance-icon:var(--semantic-warning-border-strong,var(--color-warning));--guidance-tint:var(--semantic-warning-bg-strong,var(--color-warning-soft))}.guidance--recommend{--guidance-rail:var(--color-border-strong);--guidance-icon:var(--color-text);--guidance-tint:var(--color-surface-subtle)}.guidance-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.guidance-card{background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--guidance-radius);box-shadow:var(--guidance-shadow);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--guidance-padding-md,var(--space-4))}.guidance-card--tint{background-color:var(--guidance-tint)}.guidance-card--rail{border-left:var(--guidance-border-width) solid var(--guidance-rail)}.guidance-card__eyebrow{color:var(--guidance-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.guidance-card__title{color:var(--guidance-title);font-size:var(--text-md);font-weight:600}.guidance-card__body{font-size:var(--text-sm)}.guidance-card__footer{align-items:center;color:var(--guidance-muted);display:flex;font-size:var(--text-xs);gap:var(--space-2)}.guidance-strip{grid-gap:var(--space-3);align-items:start;background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--radius-md);display:grid;gap:var(--space-3);grid-template-columns:auto 1fr auto;padding:var(--guidance-padding-sm,var(--space-3)) var(--guidance-padding-md,var(--space-4));padding-left:calc(var(--guidance-padding-md, var(--space-4)) + var(--space-1));position:relative}.guidance-strip:before{background:var(--guidance-rail);bottom:0;content:"";left:0;position:absolute;right:auto;top:0;width:4px}.guidance-strip--tint{background-color:var(--guidance-tint)}.guidance-strip__label{align-items:center;background-color:var(--color-surface);border:1px solid var(--guidance-rail);border-radius:var(--radius-pill);color:var(--guidance-title);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);letter-spacing:.06em;padding:0 var(--space-2);text-transform:uppercase}.guidance-strip__body{color:var(--guidance-text);font-size:var(--text-sm)}.guidance-strip__actions{align-items:center;display:inline-flex;gap:var(--space-2)}@media (max-width:720px){.guidance-strip{grid-template-columns:1fr}}.guidance-steps{grid-gap:var(--space-3);margin:0;padding:0}.guidance-step,.guidance-steps{display:grid;gap:var(--space-3)}.guidance-step{grid-gap:var(--space-3);background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--guidance-radius);grid-template-columns:auto 1fr;padding:var(--guidance-padding-md,var(--space-4))}.guidance-step--tint{background-color:var(--guidance-tint)}.guidance-step--rail{border-left:var(--guidance-border-width) solid var(--guidance-rail)}.guidance-step__index{align-items:center;background-color:var(--guidance-rail);border-radius:var(--radius-full);color:var(--guidance-on);display:inline-flex;font-weight:600;height:var(--space-7);justify-content:center;width:var(--space-7)}.guidance-step__title{color:var(--guidance-title);font-size:var(--text-sm);font-weight:600}.guidance-step__body{color:var(--guidance-text);font-size:var(--text-sm)}.guidance-brief{grid-gap:var(--space-4);background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--radius-lg);box-shadow:var(--guidance-shadow);display:grid;gap:var(--space-4);padding:var(--guidance-padding-lg,var(--space-6));position:relative}.guidance-brief--tint{background-color:var(--guidance-tint)}.guidance-brief--rail{border-left:var(--guidance-border-width) solid var(--guidance-rail)}.guidance-brief__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.guidance-brief__kicker{color:var(--guidance-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.guidance-brief__title{color:var(--guidance-title);font-size:var(--text-lg);font-weight:600}.guidance-brief__meta{color:var(--guidance-muted);font-size:var(--text-sm)}.guidance-brief__grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.guidance-brief__block{grid-gap:var(--space-2);background:var(--color-surface-subtle);border:1px solid var(--guidance-outline);border-radius:var(--radius-md);display:grid;gap:var(--space-2);padding:var(--space-3)}.guidance-brief__label{color:var(--guidance-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.guidance-brief__text{color:var(--guidance-text);font-size:var(--text-sm)}.guidance-brief__list{grid-gap:var(--space-1);display:grid;gap:var(--space-1);list-style:none;margin:0;padding:0}.guidance-brief__list li{font-size:var(--text-sm);padding-left:var(--space-4);position:relative}.guidance-brief__list li:before{background-color:var(--guidance-rail);border-radius:var(--radius-full);content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.guidance-stats{display:flex;flex-wrap:wrap;gap:var(--space-3)}.guidance-stat{grid-gap:var(--space-1);background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--radius-md);display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.guidance-stat--tint{background-color:var(--guidance-tint)}.guidance-stat__value{color:var(--guidance-title);font-size:var(--text-lg);font-weight:600}.guidance-stat__label{color:var(--guidance-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.guidance-compare{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.guidance-compare__item{grid-gap:var(--space-2);background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--radius-md);box-shadow:var(--guidance-shadow);display:grid;gap:var(--space-2);overflow:hidden;padding:var(--guidance-padding-md,var(--space-4));position:relative}.guidance-compare__item:before{background:var(--guidance-rail);bottom:0;content:"";left:0;position:absolute;right:auto;top:0;width:4px}.guidance-compare__label{color:var(--guidance-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.guidance-compare__title{color:var(--guidance-title);font-size:var(--text-md);font-weight:600}.guidance-compare__list{grid-gap:var(--space-1);display:grid;gap:var(--space-1);list-style:none;margin:0;padding:0}.guidance-compare__list li{font-size:var(--text-sm);padding-left:var(--space-4);position:relative}.guidance-compare__list li:before{background-color:var(--guidance-rail);border-radius:var(--radius-full);content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.guidance-row{grid-gap:var(--space-3);background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--radius-lg);box-shadow:var(--guidance-shadow);display:grid;gap:var(--space-3);overflow:hidden;padding:var(--guidance-padding-md,var(--space-4));position:relative}.guidance-row:before{background:var(--guidance-rail);bottom:0;content:"";left:0;position:absolute;right:auto;top:0;width:4px}.guidance-row--tint{background-color:var(--guidance-tint)}.guidance-row__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);justify-content:space-between}.guidance-row__title{color:var(--guidance-title);font-size:var(--text-md);font-weight:600}.guidance-row__meta{color:var(--guidance-muted);font-size:var(--text-xs)}.guidance-row__labels{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.guidance-row__label{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--guidance-outline);border-radius:var(--radius-pill);color:var(--guidance-muted);display:inline-flex;font-size:var(--text-xxs);gap:var(--space-1);letter-spacing:.06em;padding:0 var(--space-2);text-transform:uppercase}.guidance-row__glance{color:var(--guidance-muted);font-size:var(--text-sm);line-height:1.4;line-height:var(--line-height-relaxed,1.4)}.guidance-row__details{display:flex;flex-wrap:wrap;gap:var(--space-2)}.guidance-row__detail{align-items:center;background:var(--color-surface);border:1px solid var(--guidance-outline);border-radius:var(--radius-pill);color:var(--guidance-text);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.guidance-row__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.guidance-field{grid-gap:0;background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-left:var(--guidance-border-width) solid var(--guidance-rail);border-radius:var(--guidance-radius);box-shadow:var(--guidance-shadow);display:grid;gap:0;overflow:hidden}.guidance-field--plain{border-left:1px solid var(--guidance-outline)}.guidance-field__frame,.guidance-field__hint{padding:var(--guidance-padding-md,var(--space-4))}.guidance-field__frame{background-color:var(--guidance-bg)}.guidance-field__hint{grid-gap:var(--space-2);background-color:var(--guidance-tint);display:grid;gap:var(--space-2)}.guidance-field__hint--plain{background-color:var(--guidance-bg)}.guidance-field__frame+.guidance-field__hint,.guidance-field__hint+.guidance-field__frame{border-top:1px solid var(--guidance-outline)}.guidance-field__kicker{color:var(--guidance-muted);font-size:var(--text-xxs);letter-spacing:.12em;text-transform:uppercase}.guidance-field__title{color:var(--guidance-title);font-size:var(--text-md);font-weight:600;line-height:1.2;line-height:var(--line-height-tight,1.2)}.guidance-field__text{color:var(--guidance-text);font-size:var(--text-sm)}.guidance-field__meta{color:var(--guidance-muted);font-size:var(--text-xs)}.guidance-field__list{grid-gap:var(--space-1);display:grid;gap:var(--space-1);list-style:none;margin:0;padding:0}.guidance-field__list li{padding-left:var(--space-4);position:relative}.guidance-field__list li:before{background-color:var(--guidance-rail);border-radius:var(--radius-full);content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.guidance-scope{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.guidance-scope__item{background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--guidance-radius);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--guidance-padding-md,var(--space-4))}.guidance-scope__item--tint{background-color:var(--guidance-tint)}.guidance-scope__item--rail{border-left:var(--guidance-border-width) solid var(--guidance-rail)}.guidance-scope__label{color:var(--guidance-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.guidance-scope__list{grid-gap:var(--space-1);display:grid;gap:var(--space-1);list-style:none;margin:0;padding:0}.guidance-scope__list li{padding-left:var(--space-4);position:relative}.guidance-scope__list li:before{background-color:var(--guidance-rail);border-radius:var(--radius-full);content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.guidance-checklist{grid-gap:var(--space-2);display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.guidance-checklist li{font-size:var(--text-sm);padding-left:var(--space-5);position:relative}.guidance-checklist li:before{background-color:var(--color-surface);border:var(--border-width) solid var(--guidance-rail);border-radius:var(--radius-xs);content:"";height:.8rem;left:0;position:absolute;top:.2rem;width:.8rem}.guidance-checklist li.is-done:before{background-color:var(--guidance-rail);box-shadow:inset 0 0 0 2px var(--color-surface)}[data-density=compact] .guidance,[data-density=compact] .guidance-brief,[data-density=compact] .guidance-card,[data-density=compact] .guidance-compare__item,[data-density=compact] .guidance-field,[data-density=compact] .guidance-row,[data-density=compact] .guidance-scope__item,[data-density=compact] .guidance-stat,[data-density=compact] .guidance-step,[data-density=compact] .guidance-strip{padding:var(--guidance-padding-sm,var(--space-3))!important}
+.vds-guidance,[data-vds-guidance]{--guidance-padding-sm:var(--space-3);--guidance-padding-md:var(--space-4);--guidance-padding-lg:var(--space-6);--guidance-gap:var(--space-3);--guidance-radius:var(--radius-md);--guidance-border-width:var(--border-width-strong);--guidance-shadow:var(--shadow-xs)}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat){--guidance-bg:var(--color-surface);--guidance-outline:var(--color-border-subtle);--guidance-rail:var(--color-accent);--guidance-tint:var(--color-surface-subtle);--guidance-text:var(--color-text);--guidance-title:var(--color-text);--guidance-muted:var(--color-text-muted);--guidance-icon:var(--color-accent);--guidance-on:var(--color-on-accent);color:var(--guidance-text)}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat)[data-variant=info]{--guidance-rail:var(--semantic-info-border-strong,var(--color-info));--guidance-icon:var(--semantic-info-border-strong,var(--color-info));--guidance-tint:var(--semantic-info-bg-strong,var(--color-info-soft))}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat)[data-variant=success]{--guidance-rail:var(--semantic-success-border-strong,var(--color-success));--guidance-icon:var(--semantic-success-border-strong,var(--color-success));--guidance-tint:var(--semantic-success-bg-strong,var(--color-success-soft))}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat)[data-variant=warning]{--guidance-rail:var(--semantic-warning-border-strong,var(--color-warning));--guidance-icon:var(--semantic-warning-border-strong,var(--color-warning));--guidance-tint:var(--semantic-warning-bg-strong,var(--color-warning-soft))}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat)[data-variant=danger]{--guidance-rail:var(--semantic-error-border-strong,var(--color-danger));--guidance-icon:var(--semantic-error-border-strong,var(--color-danger));--guidance-tint:var(--semantic-error-bg-strong,var(--color-danger-soft))}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat)[data-variant=accent]{--guidance-rail:var(--color-accent);--guidance-icon:var(--color-accent);--guidance-tint:var(--color-accent-soft)}:where(.guidance,.guidance-card,.guidance-strip,.guidance-step,.guidance-field,.guidance-scope__item,.guidance-brief,.guidance-row,.guidance-compare__item,.guidance-stat)[data-variant=neutral]{--guidance-rail:var(--color-border-strong);--guidance-icon:var(--color-text-muted);--guidance-tint:var(--color-muted-bg)}.guidance{background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-left:var(--guidance-border-width) solid var(--guidance-rail);border-radius:var(--radius-md);box-shadow:var(--guidance-shadow);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-2);line-height:1.4;line-height:var(--line-height-relaxed,1.4);padding:var(--guidance-padding-md,var(--space-4)) var(--guidance-padding-lg,var(--space-6));position:relative}.guidance--compact{padding:var(--guidance-padding-sm,var(--space-3)) var(--guidance-padding-md,var(--space-4))}.guidance--tint{background-color:var(--guidance-tint)}.guidance__header{align-items:flex-start;display:flex;gap:var(--space-2)}.guidance__icon{align-items:center;color:var(--guidance-icon);display:flex;flex-shrink:0;height:var(--space-5);justify-content:center;width:var(--space-5)}.guidance__title{color:var(--guidance-title);font-size:var(--text-md);font-weight:600;line-height:1.2;line-height:var(--line-height-tight,1.2)}.guidance__meta{color:var(--guidance-muted);font-size:var(--text-xs)}.guidance__tag{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--guidance-outline);border-radius:var(--radius-pill);color:var(--guidance-muted);display:inline-flex;font-size:var(--text-xxs);gap:var(--space-1);letter-spacing:.08em;padding:0 var(--space-2);text-transform:uppercase;white-space:nowrap}.guidance__body{color:var(--guidance-text);font-size:var(--text-sm)}.guidance__list{display:grid;list-style:none;margin:0;padding:0;grid-gap:var(--space-1);gap:var(--space-1)}.guidance__list li{padding-left:var(--space-4);position:relative}.guidance__list li:before{background-color:var(--guidance-rail);border-radius:var(--radius-full);content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.guidance__footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.guidance--do{--guidance-rail:var(--semantic-success-border-strong,var(--color-success));--guidance-icon:var(--semantic-success-border-strong,var(--color-success));--guidance-tint:var(--semantic-success-bg-strong,var(--color-success-soft))}.guidance--dont{--guidance-rail:var(--semantic-error-border-strong,var(--color-danger));--guidance-icon:var(--semantic-error-border-strong,var(--color-danger));--guidance-tint:var(--semantic-error-bg-strong,var(--color-danger-soft))}.guidance--how{--guidance-rail:var(--semantic-info-border-strong,var(--color-info));--guidance-icon:var(--semantic-info-border-strong,var(--color-info));--guidance-tint:var(--semantic-info-bg-strong,var(--color-info-soft))}.guidance--why{--guidance-rail:var(--color-accent);--guidance-icon:var(--color-accent);--guidance-tint:var(--color-accent-soft)}.guidance--expect{--guidance-rail:var(--semantic-warning-border-strong,var(--color-warning));--guidance-icon:var(--semantic-warning-border-strong,var(--color-warning));--guidance-tint:var(--semantic-warning-bg-strong,var(--color-warning-soft))}.guidance--recommend{--guidance-rail:var(--color-border-strong);--guidance-icon:var(--color-text);--guidance-tint:var(--color-surface-subtle)}.guidance-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.guidance-card{background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--guidance-radius);box-shadow:var(--guidance-shadow);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--guidance-padding-md,var(--space-4))}.guidance-card--tint{background-color:var(--guidance-tint)}.guidance-card--rail{border-left:var(--guidance-border-width) solid var(--guidance-rail)}.guidance-card__eyebrow{color:var(--guidance-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.guidance-card__title{color:var(--guidance-title);font-size:var(--text-md);font-weight:600}.guidance-card__body{font-size:var(--text-sm)}.guidance-card__footer{align-items:center;color:var(--guidance-muted);display:flex;font-size:var(--text-xs);gap:var(--space-2)}.guidance-strip{display:grid;grid-template-columns:auto 1fr auto;position:relative;grid-gap:var(--space-3);align-items:start;background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--radius-md);gap:var(--space-3);padding:var(--guidance-padding-sm,var(--space-3)) var(--guidance-padding-md,var(--space-4));padding-left:calc(var(--guidance-padding-md, var(--space-4)) + var(--space-1))}.guidance-strip:before{background:var(--guidance-rail);bottom:0;content:"";left:0;position:absolute;right:auto;top:0;width:4px}.guidance-strip--tint{background-color:var(--guidance-tint)}.guidance-strip__label{align-items:center;background-color:var(--color-surface);border:1px solid var(--guidance-rail);border-radius:var(--radius-pill);color:var(--guidance-title);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);letter-spacing:.06em;padding:0 var(--space-2);text-transform:uppercase}.guidance-strip__body{color:var(--guidance-text);font-size:var(--text-sm)}.guidance-strip__actions{align-items:center;display:inline-flex;gap:var(--space-2)}@media (max-width:720px){.guidance-strip{grid-template-columns:1fr}}.guidance-steps{grid-gap:var(--space-3);margin:0;padding:0}.guidance-step,.guidance-steps{display:grid;gap:var(--space-3)}.guidance-step{grid-template-columns:auto 1fr;grid-gap:var(--space-3);background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--guidance-radius);padding:var(--guidance-padding-md,var(--space-4))}.guidance-step--tint{background-color:var(--guidance-tint)}.guidance-step--rail{border-left:var(--guidance-border-width) solid var(--guidance-rail)}.guidance-step__index{align-items:center;background-color:var(--guidance-rail);border-radius:var(--radius-full);color:var(--guidance-on);display:inline-flex;font-weight:600;height:var(--space-7);justify-content:center;width:var(--space-7)}.guidance-step__title{color:var(--guidance-title);font-size:var(--text-sm);font-weight:600}.guidance-step__body{color:var(--guidance-text);font-size:var(--text-sm)}.guidance-brief{display:grid;position:relative;grid-gap:var(--space-4);background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--radius-lg);box-shadow:var(--guidance-shadow);gap:var(--space-4);padding:var(--guidance-padding-lg,var(--space-6))}.guidance-brief--tint{background-color:var(--guidance-tint)}.guidance-brief--rail{border-left:var(--guidance-border-width) solid var(--guidance-rail)}.guidance-brief__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.guidance-brief__kicker{color:var(--guidance-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.guidance-brief__title{color:var(--guidance-title);font-size:var(--text-lg);font-weight:600}.guidance-brief__meta{color:var(--guidance-muted);font-size:var(--text-sm)}.guidance-brief__grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.guidance-brief__block{display:grid;grid-gap:var(--space-2);background:var(--color-surface-subtle);border:1px solid var(--guidance-outline);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-3)}.guidance-brief__label{color:var(--guidance-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.guidance-brief__text{color:var(--guidance-text);font-size:var(--text-sm)}.guidance-brief__list{display:grid;list-style:none;margin:0;padding:0;grid-gap:var(--space-1);gap:var(--space-1)}.guidance-brief__list li{font-size:var(--text-sm);padding-left:var(--space-4);position:relative}.guidance-brief__list li:before{background-color:var(--guidance-rail);border-radius:var(--radius-full);content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.guidance-stats{display:flex;flex-wrap:wrap;gap:var(--space-3)}.guidance-stat{display:grid;grid-gap:var(--space-1);background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--radius-md);gap:var(--space-1);padding:var(--space-2) var(--space-3)}.guidance-stat--tint{background-color:var(--guidance-tint)}.guidance-stat__value{color:var(--guidance-title);font-size:var(--text-lg);font-weight:600}.guidance-stat__label{color:var(--guidance-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.guidance-compare{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.guidance-compare__item{display:grid;position:relative;grid-gap:var(--space-2);background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--radius-md);box-shadow:var(--guidance-shadow);gap:var(--space-2);overflow:hidden;padding:var(--guidance-padding-md,var(--space-4))}.guidance-compare__item:before{background:var(--guidance-rail);bottom:0;content:"";left:0;position:absolute;right:auto;top:0;width:4px}.guidance-compare__label{color:var(--guidance-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.guidance-compare__title{color:var(--guidance-title);font-size:var(--text-md);font-weight:600}.guidance-compare__list{display:grid;list-style:none;margin:0;padding:0;grid-gap:var(--space-1);gap:var(--space-1)}.guidance-compare__list li{font-size:var(--text-sm);padding-left:var(--space-4);position:relative}.guidance-compare__list li:before{background-color:var(--guidance-rail);border-radius:var(--radius-full);content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.guidance-row{display:grid;position:relative;grid-gap:var(--space-3);background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--radius-lg);box-shadow:var(--guidance-shadow);gap:var(--space-3);overflow:hidden;padding:var(--guidance-padding-md,var(--space-4))}.guidance-row:before{background:var(--guidance-rail);bottom:0;content:"";left:0;position:absolute;right:auto;top:0;width:4px}.guidance-row--tint{background-color:var(--guidance-tint)}.guidance-row__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);justify-content:space-between}.guidance-row__title{color:var(--guidance-title);font-size:var(--text-md);font-weight:600}.guidance-row__meta{color:var(--guidance-muted);font-size:var(--text-xs)}.guidance-row__labels{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.guidance-row__label{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--guidance-outline);border-radius:var(--radius-pill);color:var(--guidance-muted);display:inline-flex;font-size:var(--text-xxs);gap:var(--space-1);letter-spacing:.06em;padding:0 var(--space-2);text-transform:uppercase}.guidance-row__glance{color:var(--guidance-muted);font-size:var(--text-sm);line-height:1.4;line-height:var(--line-height-relaxed,1.4)}.guidance-row__details{display:flex;flex-wrap:wrap;gap:var(--space-2)}.guidance-row__detail{align-items:center;background:var(--color-surface);border:1px solid var(--guidance-outline);border-radius:var(--radius-pill);color:var(--guidance-text);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.guidance-row__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.guidance-field{display:grid;grid-gap:0;background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-left:var(--guidance-border-width) solid var(--guidance-rail);border-radius:var(--guidance-radius);box-shadow:var(--guidance-shadow);gap:0;overflow:hidden}.guidance-field--plain{border-left:1px solid var(--guidance-outline)}.guidance-field__frame,.guidance-field__hint{padding:var(--guidance-padding-md,var(--space-4))}.guidance-field__frame{background-color:var(--guidance-bg)}.guidance-field__hint{display:grid;grid-gap:var(--space-2);background-color:var(--guidance-tint);gap:var(--space-2)}.guidance-field__hint--plain{background-color:var(--guidance-bg)}.guidance-field__frame+.guidance-field__hint,.guidance-field__hint+.guidance-field__frame{border-top:1px solid var(--guidance-outline)}.guidance-field__kicker{color:var(--guidance-muted);font-size:var(--text-xxs);letter-spacing:.12em;text-transform:uppercase}.guidance-field__title{color:var(--guidance-title);font-size:var(--text-md);font-weight:600;line-height:1.2;line-height:var(--line-height-tight,1.2)}.guidance-field__text{color:var(--guidance-text);font-size:var(--text-sm)}.guidance-field__meta{color:var(--guidance-muted);font-size:var(--text-xs)}.guidance-field__list{display:grid;list-style:none;margin:0;padding:0;grid-gap:var(--space-1);gap:var(--space-1)}.guidance-field__list li{padding-left:var(--space-4);position:relative}.guidance-field__list li:before{background-color:var(--guidance-rail);border-radius:var(--radius-full);content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.guidance-scope{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.guidance-scope__item{background-color:var(--guidance-bg);border:1px solid var(--guidance-outline);border-radius:var(--guidance-radius);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--guidance-padding-md,var(--space-4))}.guidance-scope__item--tint{background-color:var(--guidance-tint)}.guidance-scope__item--rail{border-left:var(--guidance-border-width) solid var(--guidance-rail)}.guidance-scope__label{color:var(--guidance-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.guidance-scope__list{display:grid;list-style:none;margin:0;padding:0;grid-gap:var(--space-1);gap:var(--space-1)}.guidance-scope__list li{padding-left:var(--space-4);position:relative}.guidance-scope__list li:before{background-color:var(--guidance-rail);border-radius:var(--radius-full);content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.guidance-checklist{display:grid;list-style:none;margin:0;padding:0;grid-gap:var(--space-2);gap:var(--space-2)}.guidance-checklist li{font-size:var(--text-sm);padding-left:var(--space-5);position:relative}.guidance-checklist li:before{background-color:var(--color-surface);border:var(--border-width) solid var(--guidance-rail);border-radius:var(--radius-xs);content:"";height:.8rem;left:0;position:absolute;top:.2rem;width:.8rem}.guidance-checklist li.is-done:before{background-color:var(--guidance-rail);box-shadow:inset 0 0 0 2px var(--color-surface)}[data-density=compact] .guidance,[data-density=compact] .guidance-brief,[data-density=compact] .guidance-card,[data-density=compact] .guidance-compare__item,[data-density=compact] .guidance-field,[data-density=compact] .guidance-row,[data-density=compact] .guidance-scope__item,[data-density=compact] .guidance-stat,[data-density=compact] .guidance-step,[data-density=compact] .guidance-strip{padding:var(--guidance-padding-sm,var(--space-3))!important}

package/dist/components/header-footer.min.css

@@ -1 +1 @@
-.vds-header-footer,[data-vds-header-footer]{--header-height:var(--space-16);--header-logo-height:var(--space-12);--header-toggle-size:var(--space-6);--header-padding-inline:var(--space-6);--header-gap:var(--space-6);--header-max-width:var(--layout-max-width);--header-panel-bg:var(--color-surface);--header-panel-border:var(--color-border-subtle);--header-panel-shadow:var(--shadow-1);--header-shadow:var(--shadow-1);--header-sticky-offset:0;--footer-logo-height:var(--space-8);--footer-col-min-width:var(--space-40);--footer-padding-block:var(--space-10);--footer-padding-inline:var(--space-6);--footer-gap:var(--space-8);--footer-max-width:var(--layout-max-width)}.header{background-color:var(--color-header-bg);border-bottom:var(--border-width) solid var(--color-header-border);position:relative;width:100%;z-index:var(--z-header)}.header--sticky{position:sticky;top:0;top:var(--header-sticky-offset,0)}.header--elevated{box-shadow:var(--header-shadow,var(--shadow-1))}.header__inner{align-items:center;display:flex;gap:var(--header-gap);height:var(--header-height);justify-content:space-between;margin:0 auto;max-width:var(--header-max-width);padding:0 var(--header-padding-inline)}.header--compact{--header-height:var(--space-12);--header-logo-height:var(--space-8)}.header--tall{--header-height:var(--space-20);--header-logo-height:var(--space-14)}.header--borderless{border-bottom:none}.header--transparent{background-color:transparent}.header__center,.header__left,.header__right{align-items:center;display:flex;gap:var(--header-gap)}.header__right{margin-left:auto}.header__center{margin:0 auto}.header__stack{display:flex;flex-direction:column;gap:var(--space-1)}.header__actions{align-items:center;display:inline-flex;gap:var(--space-3)}.header__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.header .logo{align-items:center;display:inline-flex;height:100%;justify-content:center;margin-right:var(--space-6);padding:0}.header .logo svg{height:var(--header-logo-height);width:auto}.header .logo[href]:hover{opacity:.9}.header .nav{align-items:center;display:flex;gap:var(--space-6)}.header .nav__item,.header .nav__link{color:var(--color-text);font-size:var(--text-sm);padding:var(--space-1) 0;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color .15s ease}.header .nav__item:hover,.header .nav__link:hover{color:var(--color-text-muted)}.header .nav__item--active,.header .nav__link--active{color:var(--color-text);font-weight:600}.header .nav__item--active:after,.header .nav__link--active:after{background-color:var(--color-accent);border-radius:var(--radius-pill,var(--radius-md));bottom:calc(var(--space-1)*-1);content:"";height:var(--border-width);left:0;position:absolute;right:0}.header .nav__item--disabled,.header .nav__link--disabled{cursor:default;opacity:.5;pointer-events:none}.header .nav__item:focus-visible,.header .nav__link:focus-visible{border-radius:var(--radius-sm);outline:var(--border-width) solid var(--focus-ring-color);outline-offset:var(--space-1)}.header .header__toggle{background-color:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:none;padding:var(--space-2)}.header .header__toggle svg{stroke:currentColor;height:var(--header-toggle-size);width:var(--header-toggle-size)}.header .header__toggle:focus-visible{outline:var(--border-width) solid var(--focus-ring-color);outline-offset:var(--space-1)}.header__panel{background-color:var(--header-panel-bg);border-bottom:var(--border-width) solid var(--header-panel-border);box-shadow:var(--header-panel-shadow);display:none;left:0;max-height:calc(100vh - var(--header-height));max-height:calc(100svh - var(--header-height));max-height:calc(100dvh - var(--header-height));overflow-y:auto;padding:var(--space-6);position:absolute;right:0;top:var(--header-height);z-index:var(--z-header)}.header__panel .nav{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width:768px){.header .nav{display:none}.header .header__toggle{align-items:center;display:flex;justify-content:center}.header.header--nav-open .nav{background-color:var(--header-panel-bg);border-bottom:var(--border-width) solid var(--header-panel-border);box-shadow:var(--header-panel-shadow);display:flex;flex-direction:column;gap:var(--space-4);left:0;padding:var(--space-6);position:absolute;right:0;top:var(--header-height);width:100%}.header.header--nav-open .nav__item,.header.header--nav-open .nav__link{padding:var(--space-1) 0}.header--nav-panel .header__inner .nav{display:none}.header--nav-panel.header--nav-open .header__panel{display:block}.header--nav-panel.header--nav-open .nav{background-color:transparent;border-bottom:none;box-shadow:none;padding:0;position:static;width:auto}}.header .skip-link,.skip-link{background-color:var(--color-accent);border-radius:var(--radius-sm);color:var(--color-on-accent);left:var(--space-4);padding:var(--space-2) var(--space-3);position:absolute;-webkit-text-decoration:none;text-decoration:none;top:var(--space-4);transform:translateY(calc(var(--space-6)*-1));transition:transform .15s ease;z-index:var(--z-header)}.skip-link:focus-visible{outline:var(--border-width) solid var(--focus-ring-color);outline-offset:var(--space-1);transform:translateY(0)}.footer{background-color:var(--color-footer-bg);border-top:var(--border-width) solid var(--color-border-strong);color:var(--color-footer-text);padding-bottom:var(--footer-padding-block);padding-top:var(--footer-padding-block);width:100%}.footer__inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--footer-gap);justify-content:space-between;margin:0 auto;max-width:var(--footer-max-width);padding:0 var(--footer-padding-inline)}.footer--compact{--footer-padding-block:var(--space-6)}.footer--borderless{border-top:none}.footer__columns{grid-gap:var(--footer-gap);display:grid;gap:var(--footer-gap);grid-template-columns:repeat(auto-fit,minmax(var(--footer-col-min-width),1fr));width:100%}.footer__bottom{gap:var(--space-4);justify-content:space-between;margin-top:var(--space-8);width:100%}.footer__actions,.footer__bottom{align-items:center;display:flex;flex-wrap:wrap}.footer__actions,.footer__col{gap:var(--space-3)}.footer__col{display:flex;flex:1 1 var(--footer-col-min-width);flex-direction:column;min-width:var(--footer-col-min-width)}.footer__col-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.footer__link{color:var(--color-footer-text);font-size:var(--text-sm);opacity:.85;-webkit-text-decoration:none;text-decoration:none;transition:opacity .15s ease}.footer__link:hover{opacity:1}.footer__link:focus-visible{border-radius:var(--radius-sm);outline:var(--border-width) solid var(--focus-ring-color);outline-offset:var(--space-1)}@media (max-width:768px){.footer__inner{flex-direction:column;gap:var(--space-10)}}.footer .logo{align-items:center;display:inline-flex;justify-content:flex-start;margin-bottom:var(--space-6);padding:0}.footer .logo svg{height:var(--footer-logo-height);width:auto}.footer .logo-frame,.footer .logo-rail{stroke:var(--color-logo-ink-inverse)}.footer .logo-chevron{stroke:var(--color-logo-accent-inverse)}.footer__meta{font-size:var(--text-xs);margin-top:var(--space-8);opacity:.75}.footer__bottom .footer__meta{margin-top:0}.footer__meta,.footer__meta a,.footer__meta p,.footer__meta small,.footer__meta span{color:var(--color-footer-text)}.footer__meta a{-webkit-text-decoration:none;text-decoration:none}.footer__meta a:focus-visible{border-radius:var(--radius-sm);outline:var(--border-width) solid var(--focus-ring-color);outline-offset:var(--space-1)}.shell{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;min-height:100dvh;width:100%}.shell__main{flex:1 1 auto;min-width:0}.shell__footer{margin-top:auto}
+.vds-header-footer,[data-vds-header-footer]{--header-height:var(--space-16);--header-logo-height:var(--space-12);--header-toggle-size:var(--space-6);--header-padding-inline:var(--space-6);--header-gap:var(--space-6);--header-max-width:var(--layout-max-width);--header-panel-bg:var(--color-surface);--header-panel-border:var(--color-border-subtle);--header-panel-shadow:var(--shadow-1);--header-shadow:var(--shadow-1);--header-sticky-offset:0;--footer-logo-height:var(--space-8);--footer-col-min-width:var(--space-40);--footer-padding-block:var(--space-10);--footer-padding-inline:var(--space-6);--footer-gap:var(--space-8);--footer-max-width:var(--layout-max-width)}.header{background-color:var(--color-header-bg);border-bottom:var(--border-width) solid var(--color-header-border);position:relative;width:100%;z-index:var(--z-header)}.header--sticky{position:sticky;top:0;top:var(--header-sticky-offset,0)}.header--elevated{box-shadow:var(--header-shadow,var(--shadow-1))}.header__inner{align-items:center;display:flex;gap:var(--header-gap);height:var(--header-height);justify-content:space-between;margin:0 auto;max-width:var(--header-max-width);padding:0 var(--header-padding-inline)}.header--compact{--header-height:var(--space-12);--header-logo-height:var(--space-8)}.header--tall{--header-height:var(--space-20);--header-logo-height:var(--space-14)}.header--borderless{border-bottom:none}.header--transparent{background-color:transparent}.header__center,.header__left,.header__right{align-items:center;display:flex;gap:var(--header-gap)}.header__right{margin-left:auto}.header__center{margin:0 auto}.header__stack{display:flex;flex-direction:column;gap:var(--space-1)}.header__actions{align-items:center;display:inline-flex;gap:var(--space-3)}.header__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.header .logo{align-items:center;display:inline-flex;height:100%;justify-content:center;margin-right:var(--space-6);padding:0}.header .logo svg{height:var(--header-logo-height);width:auto}.header .logo[href]:hover{opacity:.9}.header .nav{align-items:center;display:flex;gap:var(--space-6)}.header .nav__item,.header .nav__link{color:var(--color-text);font-size:var(--text-sm);padding:var(--space-1) 0;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color .15s ease}.header .nav__item:hover,.header .nav__link:hover{color:var(--color-text-muted)}.header .nav__item--active,.header .nav__link--active{color:var(--color-text);font-weight:600}.header .nav__item--active:after,.header .nav__link--active:after{background-color:var(--color-accent);border-radius:var(--radius-pill,var(--radius-md));bottom:calc(var(--space-1)*-1);content:"";height:var(--border-width);left:0;position:absolute;right:0}.header .nav__item--disabled,.header .nav__link--disabled{cursor:default;opacity:.5;pointer-events:none}.header .nav__item:focus-visible,.header .nav__link:focus-visible{border-radius:var(--radius-sm);outline:var(--border-width) solid var(--focus-ring-color);outline-offset:var(--space-1)}.header .header__toggle{background-color:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:none;padding:var(--space-2)}.header .header__toggle svg{height:var(--header-toggle-size);stroke:currentColor;width:var(--header-toggle-size)}.header .header__toggle:focus-visible{outline:var(--border-width) solid var(--focus-ring-color);outline-offset:var(--space-1)}.header__panel{background-color:var(--header-panel-bg);border-bottom:var(--border-width) solid var(--header-panel-border);box-shadow:var(--header-panel-shadow);display:none;left:0;max-height:calc(100vh - var(--header-height));max-height:calc(100svh - var(--header-height));max-height:calc(100dvh - var(--header-height));overflow-y:auto;padding:var(--space-6);position:absolute;right:0;top:var(--header-height);z-index:var(--z-header)}.header__panel .nav{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width:768px){.header .nav{display:none}.header .header__toggle{align-items:center;display:flex;justify-content:center}.header.header--nav-open .nav{background-color:var(--header-panel-bg);border-bottom:var(--border-width) solid var(--header-panel-border);box-shadow:var(--header-panel-shadow);display:flex;flex-direction:column;gap:var(--space-4);left:0;padding:var(--space-6);position:absolute;right:0;top:var(--header-height);width:100%}.header.header--nav-open .nav__item,.header.header--nav-open .nav__link{padding:var(--space-1) 0}.header--nav-panel .header__inner .nav{display:none}.header--nav-panel.header--nav-open .header__panel{display:block}.header--nav-panel.header--nav-open .nav{background-color:transparent;border-bottom:none;box-shadow:none;padding:0;position:static;width:auto}}.header .skip-link,.skip-link{background-color:var(--color-accent);border-radius:var(--radius-sm);color:var(--color-on-accent);left:var(--space-4);padding:var(--space-2) var(--space-3);position:absolute;-webkit-text-decoration:none;text-decoration:none;top:var(--space-4);transform:translateY(calc(var(--space-6)*-1));transition:transform .15s ease;z-index:var(--z-header)}.skip-link:focus-visible{outline:var(--border-width) solid var(--focus-ring-color);outline-offset:var(--space-1);transform:translateY(0)}.footer{background-color:var(--color-footer-bg);border-top:var(--border-width) solid var(--color-border-strong);color:var(--color-footer-text);padding-bottom:var(--footer-padding-block);padding-top:var(--footer-padding-block);width:100%}.footer__inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--footer-gap);justify-content:space-between;margin:0 auto;max-width:var(--footer-max-width);padding:0 var(--footer-padding-inline)}.footer--compact{--footer-padding-block:var(--space-6)}.footer--borderless{border-top:none}.footer__columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--footer-col-min-width),1fr));grid-gap:var(--footer-gap);gap:var(--footer-gap);width:100%}.footer__bottom{gap:var(--space-4);justify-content:space-between;margin-top:var(--space-8);width:100%}.footer__actions,.footer__bottom{align-items:center;display:flex;flex-wrap:wrap}.footer__actions,.footer__col{gap:var(--space-3)}.footer__col{display:flex;flex:1 1 var(--footer-col-min-width);flex-direction:column;min-width:var(--footer-col-min-width)}.footer__col-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.footer__link{color:var(--color-footer-text);font-size:var(--text-sm);opacity:.85;-webkit-text-decoration:none;text-decoration:none;transition:opacity .15s ease}.footer__link:hover{opacity:1}.footer__link:focus-visible{border-radius:var(--radius-sm);outline:var(--border-width) solid var(--focus-ring-color);outline-offset:var(--space-1)}@media (max-width:768px){.footer__inner{flex-direction:column;gap:var(--space-10)}}.footer .logo{align-items:center;display:inline-flex;justify-content:flex-start;margin-bottom:var(--space-6);padding:0}.footer .logo svg{height:var(--footer-logo-height);width:auto}.footer .logo-frame,.footer .logo-rail{stroke:var(--color-logo-ink-inverse)}.footer .logo-chevron{stroke:var(--color-logo-accent-inverse)}.footer__meta{font-size:var(--text-xs);margin-top:var(--space-8);opacity:.75}.footer__bottom .footer__meta{margin-top:0}.footer__meta,.footer__meta a,.footer__meta p,.footer__meta small,.footer__meta span{color:var(--color-footer-text)}.footer__meta a{-webkit-text-decoration:none;text-decoration:none}.footer__meta a:focus-visible{border-radius:var(--radius-sm);outline:var(--border-width) solid var(--focus-ring-color);outline-offset:var(--space-1)}.shell{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;min-height:100dvh;width:100%}.shell__main{flex:1 1 auto;min-width:0}.shell__footer{margin-top:auto}

package/dist/components/hero.min.css

@@ -1 +1 @@
-.vds-hero,[data-vds-hero]{--hero-skeleton-speed:1.2s;--hero-eyebrow-letter-spacing:var(--letter-loose);--hero-eyebrow-color:var(--color-text-muted);--hero-text-max-default:60ch;--hero-text-max-a:70ch;--hero-text-max-c:55ch;--hero-text-max-compact:50ch;--hero-media-aspect-ratio:16/9;--hero-media-max-width:32rem;--hero-media-radius:var(--radius-lg);--hero-metric-min-width:11rem;--hero-metric-bg:var(--color-surface-subtle);--hero-metric-border:transparent;--hero-accent-line-thickness:3px;--hero-body-gap:var(--space-4);--hero-padding-inline:var(--space-6);--hero-actions-gap:var(--space-4);--hero-actions-margin-top:var(--space-6);--hero-meta-gap:var(--space-3);--hero-meta-color:var(--color-text-muted);--hero-badge-bg:var(--color-surface-subtle);--hero-badge-border:var(--color-border-subtle);--hero-badge-text:var(--color-text);--hero-point-icon:var(--color-accent);--hero-border-color:var(--color-border-subtle);--hero-soft-bg:var(--color-surface-subtle);--hero-full-overlay:linear-gradient(180deg,rgba(0,0,0,.4),transparent)}.hero{background-color:var(--color-surface);color:var(--color-text);padding:var(--space-12) var(--hero-padding-inline,var(--space-6)) var(--space-16);width:100%}.hero__inner{display:flex;flex-direction:column;gap:var(--space-8);margin-left:auto;margin-right:auto;max-width:var(--content-width-xl)}.hero__eyebrow{color:var(--hero-eyebrow-color);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--hero-eyebrow-letter-spacing);text-transform:uppercase}.hero__title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);line-height:1.15;max-width:var(--hero-text-max-default)}.hero__body{display:flex;flex-direction:column;gap:var(--hero-body-gap);min-width:0}.hero__desc,.hero__subtitle{color:var(--color-text-muted);font-size:var(--text-md);line-height:var(--line-height-normal);max-width:var(--hero-text-max-default)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--hero-actions-gap);margin-top:var(--hero-actions-margin-top)}.hero__actions--stack{align-items:flex-start;flex-direction:column}.hero__actions--center{justify-content:center;width:100%}.hero__text-pill{background:var(--color-surface-translucent-strong);border-radius:var(--radius-sm);color:var(--color-text-on-strong);display:inline-block}.hero__badge,.hero__text-pill{align-self:flex-start;font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.hero__badge{align-items:center;background:var(--hero-badge-bg);border:var(--border-width) solid var(--hero-badge-border);border-radius:999px;color:var(--hero-badge-text);display:inline-flex;gap:var(--space-2)}.hero__meta{color:var(--hero-meta-color);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--hero-meta-gap)}.hero--a .hero,.hero.hero--a{padding-bottom:var(--space-24);padding-top:var(--space-20)}.hero--a .hero__title,.hero.hero--a .hero__title{font-size:var(--text-5xl);max-width:var(--hero-text-max-a)}.hero--a .hero__desc,.hero--a .hero__subtitle,.hero.hero--a .hero__desc,.hero.hero--a .hero__subtitle{font-size:var(--text-lg)}.hero--b .hero,.hero.hero--b{padding-bottom:var(--space-20);padding-top:var(--space-16)}.hero--b .hero__title,.hero.hero--b .hero__title{font-size:var(--text-4xl)}.hero--b .hero__desc,.hero--b .hero__subtitle,.hero.hero--b .hero__desc,.hero.hero--b .hero__subtitle{font-size:var(--text-md)}.hero--c .hero,.hero.hero--c{padding-bottom:var(--space-16);padding-top:var(--space-12)}.hero--c .hero__title,.hero.hero--c .hero__title{font-size:var(--text-3xl);max-width:var(--hero-text-max-c)}.hero--c .hero__desc,.hero--c .hero__subtitle,.hero.hero--c .hero__desc,.hero.hero--c .hero__subtitle{font-size:var(--text-sm)}.hero--compact .hero,.hero.hero--compact{padding-bottom:var(--space-12);padding-top:var(--space-10)}.hero--compact .hero__title,.hero.hero--compact .hero__title{font-size:var(--text-2xl);max-width:var(--hero-text-max-compact)}.hero--compact .hero__desc,.hero--compact .hero__subtitle,.hero.hero--compact .hero__desc,.hero.hero--compact .hero__subtitle{font-size:var(--text-sm)}.hero--minimal .hero,.hero.hero--minimal{padding-bottom:var(--space-10);padding-top:var(--space-8)}.hero--minimal .hero__title,.hero.hero--minimal .hero__title{font-size:var(--text-xl)}.hero--minimal .hero__desc,.hero--minimal .hero__subtitle,.hero.hero--minimal .hero__desc,.hero.hero--minimal .hero__subtitle{display:none}.hero--split .hero__inner{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero--with-media .hero__inner{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,var(--hero-media-max-width))}.hero--split.hero--split-reverse .hero__points,.hero--with-media.hero--media-left .hero__media{order:-1}.hero--center .hero__inner{align-items:center;text-align:center}.hero--center .hero__actions,.hero--center .hero__metrics,.hero--center .hero__points{justify-content:center}.hero--soft{background-color:var(--hero-soft-bg)}.hero--bordered{border-bottom:var(--border-width) solid var(--hero-border-color);border-top:var(--border-width) solid var(--hero-border-color)}.hero__media{align-items:center;min-width:0}.hero__media,.hero__media-inner{display:flex;justify-content:center}.hero__media-inner{align-items:stretch;background-color:var(--color-surface-subtle);border-radius:var(--hero-media-radius);max-width:100%;overflow:hidden;width:100%}.hero__media-inner>*{height:100%;width:100%}.hero__media img,.hero__media picture{aspect-ratio:var(--hero-media-aspect-ratio);border-radius:var(--hero-media-radius);-o-object-fit:cover;object-fit:cover;width:100%}.hero__media--bleed .hero__media-inner,.hero__media--bleed img,.hero__media--bleed picture{border-radius:0}.hero--full{background-color:var(--color-bg-elevated);color:var(--color-text-on-strong);padding-bottom:var(--space-32);padding-top:var(--space-24);position:relative}.hero--full:before{background:var(--hero-full-overlay,var(--color-surface-translucent-strong));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.hero--full .hero__inner{position:relative;z-index:1}.hero--full,.hero--full .hero__actions,.hero--full .hero__actions *,.hero--full .hero__body,.hero--full .hero__desc,.hero--full .hero__eyebrow,.hero--full .hero__metrics *,.hero--full .hero__points *,.hero--full .hero__subtitle{color:var(--color-text-on-strong)}.hero--full .hero__desc,.hero--full .hero__eyebrow,.hero--full .hero__subtitle,.hero--full .hero__title{text-shadow:0 1px 2px rgba(0,0,0,.45)}.hero--inset{background:var(--color-bg);padding:var(--space-8)}.hero--inset .hero{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding-bottom:var(--space-16);padding-top:var(--space-12)}.hero__accent-line{background-color:var(--hero-accent-line,var(--color-accent));border-radius:var(--radius-pill);height:var(--space-20);width:var(--hero-accent-line-thickness)}.hero__metrics{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(var(--hero-metric-min-width),1fr));margin-top:var(--space-8)}.hero__metrics--compact{gap:var(--space-4)}.hero__metric{background-color:var(--hero-metric-bg);border:var(--border-width) solid var(--hero-metric-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.hero__metric--outline{--hero-metric-border:var(--color-border-subtle)}.hero__metric-value{font-size:var(--text-xl);font-weight:var(--font-weight-bold)}.hero__metric-label{color:var(--color-text-muted);font-size:var(--text-sm)}.hero__metric-trend{font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.hero__metric-trend--up{color:var(--hero-trend-up,var(--color-success-strong))}.hero__metric-trend--down{color:var(--hero-trend-down,var(--color-danger-strong))}.hero__metric-trend--neutral{color:var(--hero-trend-neutral,var(--color-text-muted))}.hero__metric--muted{background-color:var(--color-muted-bg);border-left:var(--border-width) solid var(--color-border-subtle)}.hero__metric--error{background-color:var(--hero-error-bg,var(--color-danger-soft));border-left:var(--border-width-strong) solid var(--hero-error-border,var(--color-danger-strong))}.hero__points{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6)}.hero__point{align-items:flex-start;color:var(--color-text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-2);max-width:var(--hero-text-max-default)}.hero__point-icon{color:var(--hero-point-icon);flex-shrink:0;height:var(--icon-sm);margin-top:.125rem;width:var(--icon-sm)}.hero__row{align-items:flex-start;display:flex;gap:var(--space-4)}.hero--loading .hero__body{visibility:hidden}.hero--loading .hero__skeleton{display:block}.hero__skeleton{border-radius:var(--radius-md);display:none;height:var(--space-40)}.hero__skeleton,.hero__skeleton-line{animation:hero-skeleton-shimmer var(--hero-skeleton-speed) linear infinite;background:linear-gradient(90deg,var(--color-surface-subtle) 0,var(--color-surface-soft) 50%,var(--color-surface-subtle) 100%);background-size:200% 100%;width:100%}.hero__skeleton-line{border-radius:var(--radius-sm);height:var(--space-3);margin-bottom:var(--space-1);margin-top:var(--space-1)}@keyframes hero-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero--error .hero__body{opacity:.4}.hero--error .hero__error{align-items:center;background-color:var(--hero-error-banner-bg,var(--color-danger-soft));border-left:var(--border-width-strong) solid var(--hero-error-banner-border,var(--color-danger));border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-4)}.hero__error-title{color:var(--hero-error-title,var(--color-danger-strong));font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin:0}.hero__error-actions{display:inline-flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}@media (max-width:1024px){.hero--split .hero__inner,.hero--with-media .hero__inner{grid-template-columns:1fr}}@media (max-width:768px){.hero{padding-bottom:var(--space-14);padding-top:var(--space-10)}.hero__title{font-size:var(--text-3xl)}}@media (max-width:640px){.hero__title{font-size:var(--text-2xl)}.hero__metrics{grid-template-columns:repeat(auto-fit,minmax(calc(var(--hero-metric-min-width)*.8),1fr))}}
+.vds-hero,[data-vds-hero]{--hero-skeleton-speed:1.2s;--hero-eyebrow-letter-spacing:var(--letter-loose);--hero-eyebrow-color:var(--color-text-muted);--hero-text-max-default:60ch;--hero-text-max-a:70ch;--hero-text-max-c:55ch;--hero-text-max-compact:50ch;--hero-media-aspect-ratio:16/9;--hero-media-max-width:32rem;--hero-media-radius:var(--radius-lg);--hero-metric-min-width:11rem;--hero-metric-bg:var(--color-surface-subtle);--hero-metric-border:transparent;--hero-accent-line-thickness:3px;--hero-body-gap:var(--space-4);--hero-padding-inline:var(--space-6);--hero-actions-gap:var(--space-4);--hero-actions-margin-top:var(--space-6);--hero-meta-gap:var(--space-3);--hero-meta-color:var(--color-text-muted);--hero-badge-bg:var(--color-surface-subtle);--hero-badge-border:var(--color-border-subtle);--hero-badge-text:var(--color-text);--hero-point-icon:var(--color-accent);--hero-border-color:var(--color-border-subtle);--hero-soft-bg:var(--color-surface-subtle);--hero-full-overlay:linear-gradient(180deg,rgba(0,0,0,.4),transparent)}.hero{background-color:var(--color-surface);color:var(--color-text);padding:var(--space-12) var(--hero-padding-inline,var(--space-6)) var(--space-16);width:100%}.hero__inner{display:flex;flex-direction:column;gap:var(--space-8);margin-left:auto;margin-right:auto;max-width:var(--content-width-xl)}.hero__eyebrow{color:var(--hero-eyebrow-color);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--hero-eyebrow-letter-spacing);text-transform:uppercase}.hero__title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);line-height:1.15;max-width:var(--hero-text-max-default)}.hero__body{display:flex;flex-direction:column;gap:var(--hero-body-gap);min-width:0}.hero__desc,.hero__subtitle{color:var(--color-text-muted);font-size:var(--text-md);line-height:var(--line-height-normal);max-width:var(--hero-text-max-default)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--hero-actions-gap);margin-top:var(--hero-actions-margin-top)}.hero__actions--stack{align-items:flex-start;flex-direction:column}.hero__actions--center{justify-content:center;width:100%}.hero__text-pill{background:var(--color-surface-translucent-strong);border-radius:var(--radius-sm);color:var(--color-text-on-strong);display:inline-block}.hero__badge,.hero__text-pill{align-self:flex-start;font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.hero__badge{align-items:center;background:var(--hero-badge-bg);border:var(--border-width) solid var(--hero-badge-border);border-radius:999px;color:var(--hero-badge-text);display:inline-flex;gap:var(--space-2)}.hero__meta{color:var(--hero-meta-color);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--hero-meta-gap)}.hero--a .hero,.hero.hero--a{padding-bottom:var(--space-24);padding-top:var(--space-20)}.hero--a .hero__title,.hero.hero--a .hero__title{font-size:var(--text-5xl);max-width:var(--hero-text-max-a)}.hero--a .hero__desc,.hero--a .hero__subtitle,.hero.hero--a .hero__desc,.hero.hero--a .hero__subtitle{font-size:var(--text-lg)}.hero--b .hero,.hero.hero--b{padding-bottom:var(--space-20);padding-top:var(--space-16)}.hero--b .hero__title,.hero.hero--b .hero__title{font-size:var(--text-4xl)}.hero--b .hero__desc,.hero--b .hero__subtitle,.hero.hero--b .hero__desc,.hero.hero--b .hero__subtitle{font-size:var(--text-md)}.hero--c .hero,.hero.hero--c{padding-bottom:var(--space-16);padding-top:var(--space-12)}.hero--c .hero__title,.hero.hero--c .hero__title{font-size:var(--text-3xl);max-width:var(--hero-text-max-c)}.hero--c .hero__desc,.hero--c .hero__subtitle,.hero.hero--c .hero__desc,.hero.hero--c .hero__subtitle{font-size:var(--text-sm)}.hero--compact .hero,.hero.hero--compact{padding-bottom:var(--space-12);padding-top:var(--space-10)}.hero--compact .hero__title,.hero.hero--compact .hero__title{font-size:var(--text-2xl);max-width:var(--hero-text-max-compact)}.hero--compact .hero__desc,.hero--compact .hero__subtitle,.hero.hero--compact .hero__desc,.hero.hero--compact .hero__subtitle{font-size:var(--text-sm)}.hero--minimal .hero,.hero.hero--minimal{padding-bottom:var(--space-10);padding-top:var(--space-8)}.hero--minimal .hero__title,.hero.hero--minimal .hero__title{font-size:var(--text-xl)}.hero--minimal .hero__desc,.hero--minimal .hero__subtitle,.hero.hero--minimal .hero__desc,.hero.hero--minimal .hero__subtitle{display:none}.hero--split .hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--space-12);gap:var(--space-12)}.hero--with-media .hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--hero-media-max-width));grid-gap:var(--space-12);gap:var(--space-12)}.hero--split.hero--split-reverse .hero__points,.hero--with-media.hero--media-left .hero__media{order:-1}.hero--center .hero__inner{align-items:center;text-align:center}.hero--center .hero__actions,.hero--center .hero__metrics,.hero--center .hero__points{justify-content:center}.hero--soft{background-color:var(--hero-soft-bg)}.hero--bordered{border-bottom:var(--border-width) solid var(--hero-border-color);border-top:var(--border-width) solid var(--hero-border-color)}.hero__media{align-items:center;min-width:0}.hero__media,.hero__media-inner{display:flex;justify-content:center}.hero__media-inner{align-items:stretch;background-color:var(--color-surface-subtle);border-radius:var(--hero-media-radius);max-width:100%;overflow:hidden;width:100%}.hero__media-inner>*{height:100%;width:100%}.hero__media img,.hero__media picture{aspect-ratio:var(--hero-media-aspect-ratio);border-radius:var(--hero-media-radius);-o-object-fit:cover;object-fit:cover;width:100%}.hero__media--bleed .hero__media-inner,.hero__media--bleed img,.hero__media--bleed picture{border-radius:0}.hero--full{background-color:var(--color-bg-elevated);color:var(--color-text-on-strong);padding-bottom:var(--space-32);padding-top:var(--space-24);position:relative}.hero--full:before{background:var(--hero-full-overlay,var(--color-surface-translucent-strong));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.hero--full .hero__inner{position:relative;z-index:1}.hero--full,.hero--full .hero__actions,.hero--full .hero__actions *,.hero--full .hero__body,.hero--full .hero__desc,.hero--full .hero__eyebrow,.hero--full .hero__metrics *,.hero--full .hero__points *,.hero--full .hero__subtitle{color:var(--color-text-on-strong)}.hero--full .hero__desc,.hero--full .hero__eyebrow,.hero--full .hero__subtitle,.hero--full .hero__title{text-shadow:0 1px 2px rgba(0,0,0,.45)}.hero--inset{background:var(--color-bg);padding:var(--space-8)}.hero--inset .hero{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding-bottom:var(--space-16);padding-top:var(--space-12)}.hero__accent-line{background-color:var(--hero-accent-line,var(--color-accent));border-radius:var(--radius-pill);height:var(--space-20);width:var(--hero-accent-line-thickness)}.hero__metrics{display:grid;grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(var(--hero-metric-min-width),1fr));margin-top:var(--space-8)}.hero__metrics--compact{gap:var(--space-4)}.hero__metric{background-color:var(--hero-metric-bg);border:var(--border-width) solid var(--hero-metric-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.hero__metric--outline{--hero-metric-border:var(--color-border-subtle)}.hero__metric-value{font-size:var(--text-xl);font-weight:var(--font-weight-bold)}.hero__metric-label{color:var(--color-text-muted);font-size:var(--text-sm)}.hero__metric-trend{font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.hero__metric-trend--up{color:var(--hero-trend-up,var(--color-success-strong))}.hero__metric-trend--down{color:var(--hero-trend-down,var(--color-danger-strong))}.hero__metric-trend--neutral{color:var(--hero-trend-neutral,var(--color-text-muted))}.hero__metric--muted{background-color:var(--color-muted-bg);border-left:var(--border-width) solid var(--color-border-subtle)}.hero__metric--error{background-color:var(--hero-error-bg,var(--color-danger-soft));border-left:var(--border-width-strong) solid var(--hero-error-border,var(--color-danger-strong))}.hero__points{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6)}.hero__point{align-items:flex-start;color:var(--color-text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-2);max-width:var(--hero-text-max-default)}.hero__point-icon{color:var(--hero-point-icon);flex-shrink:0;height:var(--icon-sm);margin-top:.125rem;width:var(--icon-sm)}.hero__row{align-items:flex-start;display:flex;gap:var(--space-4)}.hero--loading .hero__body{visibility:hidden}.hero--loading .hero__skeleton{display:block}.hero__skeleton{border-radius:var(--radius-md);display:none;height:var(--space-40)}.hero__skeleton,.hero__skeleton-line{animation:hero-skeleton-shimmer var(--hero-skeleton-speed) linear infinite;background:linear-gradient(90deg,var(--color-surface-subtle) 0,var(--color-surface-soft) 50%,var(--color-surface-subtle) 100%);background-size:200% 100%;width:100%}.hero__skeleton-line{border-radius:var(--radius-sm);height:var(--space-3);margin-bottom:var(--space-1);margin-top:var(--space-1)}@keyframes hero-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero--error .hero__body{opacity:.4}.hero--error .hero__error{align-items:center;background-color:var(--hero-error-banner-bg,var(--color-danger-soft));border-left:var(--border-width-strong) solid var(--hero-error-banner-border,var(--color-danger));border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-4)}.hero__error-title{color:var(--hero-error-title,var(--color-danger-strong));font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin:0}.hero__error-actions{display:inline-flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}@media (max-width:1024px){.hero--split .hero__inner,.hero--with-media .hero__inner{grid-template-columns:1fr}}@media (max-width:768px){.hero{padding-bottom:var(--space-14);padding-top:var(--space-10)}.hero__title{font-size:var(--text-3xl)}}@media (max-width:640px){.hero__title{font-size:var(--text-2xl)}.hero__metrics{grid-template-columns:repeat(auto-fit,minmax(calc(var(--hero-metric-min-width)*.8),1fr))}}

package/dist/components/icons.css

@@ -559,13 +559,53 @@
 }
 
 .icon--take-right-fill {
-    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3 V6 H2 V10 H6 V13 L11 8 Z' fill='white'/%3E%3C/svg%3E");
-    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3 V6 H2 V10 H6 V13 L11 8 Z' fill='white'/%3E%3C/svg%3E");
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3 V6 H3 V10 H5 V13 L13 8 Z' fill='white'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3 V6 H3 V10 H5 V13 L13 8 Z' fill='white'/%3E%3C/svg%3E");
 }
 
 .icon--take-right-outline {
-    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3 V6 H2 V10 H6 V13 L11 8 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
-    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3 V6 H2 V10 H6 V13 L11 8 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3 V6 H3 V10 H5 V13 L13 8 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3 V6 H3 V10 H5 V13 L13 8 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.icon--take-left-fill {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3 V6 H13 V10 H11 V13 L3 8 Z' fill='white'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3 V6 H13 V10 H11 V13 L3 8 Z' fill='white'/%3E%3C/svg%3E");
+}
+
+.icon--take-left-outline {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3 V6 H13 V10 H11 V13 L3 8 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3 V6 H13 V10 H11 V13 L3 8 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.icon--take-up-fill {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11 H6 V13 H10 V11 H13 L8 3 Z' fill='white'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11 H6 V13 H10 V11 H13 L8 3 Z' fill='white'/%3E%3C/svg%3E");
+}
+
+.icon--take-up-outline {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11 H6 V13 H10 V11 H13 L8 3 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11 H6 V13 H10 V11 H13 L8 3 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.icon--take-down-fill {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5 H6 V3 H10 V5 H13 L8 13 Z' fill='white'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5 H6 V3 H10 V5 H13 L8 13 Z' fill='white'/%3E%3C/svg%3E");
+}
+
+.icon--take-down-outline {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5 H6 V3 H10 V5 H13 L8 13 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5 H6 V3 H10 V5 H13 L8 13 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.icon--take-dow-fill {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5 H6 V3 H10 V5 H13 L8 13 Z' fill='white'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5 H6 V3 H10 V5 H13 L8 13 Z' fill='white'/%3E%3C/svg%3E");
+}
+
+.icon--take-dow-outline {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5 H6 V3 H10 V5 H13 L8 13 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5 H6 V3 H10 V5 H13 L8 13 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
 }
 
 .icon--open-fill {