:root{--x-control-h: 44px;--x-control-h-sm: 34px;--x-choice: 18px;--x-modal-w: 520px;--x-popover-w: 240px;--x-tooltip-w: 220px;--x-weight-medium: 500;--x-weight-semibold: 600;--x-duration-fast: .12s}:focus-visible{outline:var(--eocs-stroke-width-firm) solid var(--eocs-color-accent);outline-offset:var(--eocs-spacing-xs)}.button-primary:focus-visible,.button-secondary:focus-visible,.button-tertiary:focus-visible,.button-icon:focus-visible,.text-link:focus-visible,.text-link-on-dark:focus-visible,.text-input:focus-visible,.textarea:focus-visible,.select:focus-visible,.checkbox:focus-visible,.radio:focus-visible,.switch:focus-visible,.nav-link:focus-visible,.side-nav-item:focus-visible,.tab:focus-visible,.list-row:focus-visible,.accordion-item:focus-visible,.pagination__page:focus-visible,.breadcrumbs a:focus-visible,.popover-menu__item:focus-visible,.is-focus{outline:var(--eocs-stroke-width-firm) solid var(--eocs-color-accent);outline-offset:var(--eocs-spacing-xs)}.nav-bar :focus-visible,.toast :focus-visible,.tooltip :focus-visible,.text-link-on-dark:focus-visible,.nav-bar .nav-link.is-focus,.text-link-on-dark.is-focus{outline-color:var(--eocs-color-accent-on-dark)}.button-primary,.button-secondary,.button-tertiary{display:inline-flex;align-items:center;justify-content:center;gap:var(--eocs-spacing-sm);height:var(--x-control-h);padding-inline:var(--eocs-spacing-xl);border-radius:var(--eocs-radius-pill);border:var(--eocs-stroke-width-subtle) solid transparent;font-family:var(--eocs-font-family);font-size:var(--eocs-font-size-md);font-weight:var(--x-weight-medium);line-height:var(--eocs-font-line-height-none);cursor:pointer;transition:background var(--x-duration-fast) ease-out}.button-primary{background:var(--eocs-color-primary);color:var(--eocs-color-on-primary)}.button-primary:hover,.button-primary.is-hover{background:var(--eocs-color-primary-hover)}.button-primary:active,.button-primary.is-active{background:var(--eocs-color-primary-active)}.button-secondary{background:var(--eocs-color-card);color:var(--eocs-color-primary);border-color:var(--eocs-color-primary)}.button-secondary:hover,.button-secondary.is-hover{background:var(--eocs-color-fill-soft)}.button-secondary:active,.button-secondary.is-active{background:var(--eocs-color-fill-strong)}.button-tertiary{background:transparent;color:var(--eocs-color-primary)}.button-tertiary:hover,.button-tertiary.is-hover{background:var(--eocs-color-fill-soft)}.button-tertiary:active,.button-tertiary.is-active{background:var(--eocs-color-fill-strong)}.button-primary[disabled],.button-primary[aria-disabled=true],.button-secondary[disabled],.button-secondary[aria-disabled=true],.button-tertiary[disabled],.button-tertiary[aria-disabled=true]{background:var(--eocs-color-primary-disabled);color:var(--eocs-color-card);border-color:transparent;cursor:not-allowed}.button-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--x-control-h);height:var(--x-control-h);padding:var(--eocs-spacing-none);border:var(--eocs-stroke-width-subtle) solid transparent;border-radius:var(--eocs-radius-full);background:var(--eocs-color-fill-strong);color:var(--eocs-color-ink);font-size:var(--eocs-font-size-lg);line-height:var(--eocs-font-line-height-none);cursor:pointer}.button-icon:hover,.button-icon.is-hover{background:var(--eocs-color-fill-strong)}.button-icon:active,.button-icon.is-active{background:var(--eocs-color-hairline)}.text-link{color:var(--eocs-color-primary);text-decoration:underline;text-underline-offset:var(--eocs-spacing-xs)}.text-link:hover,.text-link.is-hover{color:var(--eocs-color-primary-hover)}.text-link:active,.text-link.is-active{color:var(--eocs-color-primary-active)}.text-link-on-dark{color:var(--eocs-color-accent-on-dark);text-decoration:underline;text-underline-offset:var(--eocs-spacing-xs)}.text-link-on-dark:hover,.text-link-on-dark.is-hover{color:var(--eocs-color-on-dark)}.text-input,.textarea,.select{display:block;width:100%;box-sizing:border-box;min-height:var(--x-control-h);padding:var(--eocs-spacing-md) var(--eocs-spacing-lg);border:var(--eocs-stroke-width-subtle) solid var(--eocs-color-hairline);border-radius:var(--eocs-radius-md);background:var(--eocs-color-card);color:var(--eocs-color-body);font-family:var(--eocs-font-family);font-size:var(--eocs-font-size-md);line-height:var(--eocs-font-line-height-normal)}.textarea{min-height:var(--eocs-spacing-6xl);resize:vertical}.text-input::placeholder,.textarea::placeholder{color:var(--eocs-color-muted)}.text-input:hover,.textarea:hover,.select:hover,.text-input.is-hover{border-color:var(--eocs-color-muted)}.text-input[readonly],.textarea[readonly]{background:var(--eocs-color-fill-readonly);color:var(--eocs-color-muted-soft);cursor:default}.text-input[disabled],.textarea[disabled],.select[disabled]{background:var(--eocs-color-fill-soft);color:var(--eocs-color-muted);cursor:not-allowed}.text-input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--eocs-error-mid)}.checkbox,.radio{-webkit-appearance:none;appearance:none;width:var(--x-choice);height:var(--x-choice);margin:var(--eocs-spacing-none);border:var(--eocs-stroke-width-mid) solid var(--eocs-color-muted);background:var(--eocs-color-card);cursor:pointer}.checkbox{border-radius:var(--eocs-radius-xs)}.radio{border-radius:var(--eocs-radius-full)}.checkbox-checked,.checkbox:checked{border-color:var(--eocs-color-primary);background:var(--eocs-color-primary)}.radio-selected,.radio:checked{border-color:var(--eocs-color-primary);border-width:var(--eocs-stroke-width-bold);background:var(--eocs-color-card)}.checkbox[disabled],.radio[disabled]{border-color:var(--eocs-color-hairline);background:var(--eocs-color-fill-soft);cursor:not-allowed}.switch{-webkit-appearance:none;appearance:none;position:relative;width:var(--eocs-spacing-3xl);height:var(--eocs-spacing-xl);border:var(--eocs-stroke-width-none) solid transparent;border-radius:var(--eocs-radius-pill);background:var(--eocs-color-fill-strong);cursor:pointer;transition:background var(--x-duration-fast) ease-out}.switch:after{content:"";position:absolute;top:var(--eocs-spacing-xs);left:var(--eocs-spacing-xs);width:var(--eocs-spacing-lg);height:var(--eocs-spacing-lg);border-radius:var(--eocs-radius-full);background:var(--eocs-color-card);transition:transform var(--x-duration-fast) ease-out}.switch:checked,.switch.is-selected{background:var(--eocs-color-primary)}.switch:checked:after,.switch.is-selected:after{transform:translate(var(--eocs-spacing-xl))}.card{padding:var(--eocs-spacing-xl);border:var(--eocs-stroke-width-subtle) solid var(--eocs-color-hairline);border-radius:var(--eocs-radius-lg);background:var(--eocs-color-card);color:var(--eocs-color-body);box-shadow:var(--eocs-elevation-raised)}.card:hover,.card.is-hover{box-shadow:var(--eocs-elevation-product)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--eocs-spacing-lg);padding:var(--eocs-spacing-lg) var(--eocs-spacing-xl);border-radius:var(--eocs-radius-md);background:var(--eocs-color-card);color:var(--eocs-color-body);cursor:pointer}.list-row__sub{color:var(--eocs-color-muted)}.list-row:hover,.list-row.is-hover{background:var(--eocs-color-fill-soft)}.list-row:active,.list-row.is-active,.list-row[aria-selected=true],.list-row.is-selected{background:var(--eocs-color-fill-strong)}.list-row:active .list-row__sub,.list-row.is-active .list-row__sub,.list-row[aria-selected=true] .list-row__sub,.list-row.is-selected .list-row__sub{color:var(--eocs-color-body)}.table{width:100%;border-collapse:collapse;color:var(--eocs-color-body);font-size:var(--eocs-font-size-md)}.table th{text-align:left;padding:var(--eocs-spacing-md) var(--eocs-spacing-lg);border-bottom:var(--eocs-stroke-width-mid) solid var(--eocs-color-hairline);color:var(--eocs-color-ink);font-weight:var(--x-weight-semibold)}.table td{padding:var(--eocs-spacing-md) var(--eocs-spacing-lg);border-bottom:var(--eocs-stroke-width-subtle) solid var(--eocs-color-hairline-soft)}.table-empty{padding:var(--eocs-spacing-3xl) var(--eocs-spacing-xl);text-align:center;color:var(--eocs-color-muted)}.detail-pair{display:flex;flex-direction:column;gap:var(--eocs-spacing-xs)}.detail-pair__label{color:var(--eocs-color-muted);font-size:var(--eocs-font-size-sm)}.detail-pair__value{color:var(--eocs-color-ink)}.detail-pair-inline{display:flex;align-items:baseline;gap:var(--eocs-spacing-md)}.detail-pair-empty .detail-pair__value{color:var(--eocs-color-muted);font-style:italic}.divider-soft{height:var(--eocs-stroke-width-subtle);border:0;background:var(--eocs-color-hairline-soft)}.divider-in-card{height:var(--eocs-stroke-width-subtle);border:0;margin-block:var(--eocs-spacing-lg);background:var(--eocs-color-hairline)}.divider-between-rows{height:var(--eocs-stroke-width-subtle);border:0;background:var(--eocs-color-hairline-soft)}.divider-labeled{display:flex;align-items:center;gap:var(--eocs-spacing-lg);color:var(--eocs-color-muted);font-size:var(--eocs-font-size-sm)}.divider-labeled:before,.divider-labeled:after{content:"";flex:1;height:var(--eocs-stroke-width-subtle);background:var(--eocs-color-hairline)}.skeleton-row{height:var(--eocs-spacing-lg);border-radius:var(--eocs-radius-xs);background:var(--eocs-color-fill-strong);opacity:var(--eocs-visibility-bold)}.alert-success,.alert-warning,.alert-error,.alert-info{display:flex;gap:var(--eocs-spacing-md);padding:var(--eocs-spacing-lg) var(--eocs-spacing-xl);border-left:var(--eocs-stroke-width-strong) solid transparent;border-radius:var(--eocs-radius-md);font-size:var(--eocs-font-size-md);line-height:var(--eocs-font-line-height-normal)}.alert-success{background:var(--eocs-success-hint);border-left-color:var(--eocs-success-mid);color:var(--eocs-success-bold)}.alert-warning{background:var(--eocs-warning-hint);border-left-color:var(--eocs-warning-mid);color:var(--eocs-warning-bold)}.alert-error{background:var(--eocs-error-hint);border-left-color:var(--eocs-error-mid);color:var(--eocs-error-bold)}.alert-info{background:var(--eocs-info-hint);border-left-color:var(--eocs-info-mid);color:var(--eocs-info-bold)}.badge-primary,.badge-neutral,.badge-success,.badge-warning,.badge-error,.badge-info{display:inline-flex;align-items:center;padding:var(--eocs-spacing-xs) var(--eocs-spacing-md);border-radius:var(--eocs-radius-pill);font-size:var(--eocs-font-size-sm);font-weight:var(--x-weight-medium);line-height:var(--eocs-font-line-height-snug)}.badge-primary{background:var(--eocs-color-primary);color:var(--eocs-color-on-primary)}.badge-neutral{background:var(--eocs-color-fill-strong);color:var(--eocs-color-body)}.badge-success{background:var(--eocs-success-faint);color:var(--eocs-success-firm)}.badge-warning{background:var(--eocs-warning-faint);color:var(--eocs-warning-firm)}.badge-error{background:var(--eocs-error-faint);color:var(--eocs-error-firm)}.badge-info{background:var(--eocs-info-faint);color:var(--eocs-info-firm)}.inline-validation-error,.inline-validation-success,.inline-validation-hint{display:flex;align-items:center;gap:var(--eocs-spacing-sm);font-size:var(--eocs-font-size-sm);line-height:var(--eocs-font-line-height-normal)}.inline-validation-error{color:var(--eocs-error-firm)}.inline-validation-success{color:var(--eocs-success-firm)}.inline-validation-hint{color:var(--eocs-color-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--eocs-spacing-md);padding:var(--eocs-spacing-4xl) var(--eocs-spacing-xl);border:var(--eocs-stroke-width-subtle) dashed var(--eocs-color-hairline);border-radius:var(--eocs-radius-lg);background:var(--eocs-color-canvas);color:var(--eocs-color-muted);text-align:center}.progress-bar,.progress-bar-complete,.progress-bar-indeterminate{overflow:hidden;height:var(--eocs-spacing-sm);border-radius:var(--eocs-radius-pill);background:var(--eocs-color-fill-strong)}.progress-bar__fill{height:100%;border-radius:var(--eocs-radius-pill);background:var(--eocs-color-primary)}.progress-bar-complete .progress-bar__fill{width:100%;background:var(--eocs-success-mid)}.progress-bar-indeterminate .progress-bar__fill{width:40%;background:var(--eocs-color-primary);animation:eocs-indeterminate 1.4s ease-in-out infinite}@keyframes eocs-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(prefers-reduced-motion:reduce){.progress-bar-indeterminate .progress-bar__fill{animation:none;width:100%}.switch,.switch:after,.button-primary,.button-secondary,.button-tertiary{transition:none}}.toast{display:flex;align-items:center;gap:var(--eocs-spacing-md);padding:var(--eocs-spacing-lg) var(--eocs-spacing-xl);border-radius:var(--eocs-radius-lg);background:var(--eocs-color-surface-dark);color:var(--eocs-color-on-dark);box-shadow:var(--eocs-elevation-overlay)}.toast .text-link{color:var(--eocs-color-accent-on-dark)}.nav-bar{background:var(--eocs-color-surface-dark);color:var(--eocs-color-on-dark)}.nav-bar__inner{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--eocs-spacing-sm);min-height:var(--eocs-spacing-4xl);padding-inline:var(--eocs-spacing-xl)}.nav-bar__wordmark{flex:0 0 auto;margin-right:var(--eocs-spacing-2xl);white-space:nowrap;font-weight:var(--x-weight-semibold)}.nav-bar__wordmark+.nav-link{margin-left:auto}.nav-link{flex:0 0 auto;padding:var(--eocs-spacing-sm) var(--eocs-spacing-md);border-radius:var(--eocs-radius-sm);color:var(--eocs-color-on-dark);text-decoration:none;white-space:nowrap}.nav-link:hover,.nav-link.is-hover{background:var(--eocs-color-surface-dark-elevated)}.nav-link:active,.nav-link.is-active{background:var(--eocs-color-primary)}.nav-link[aria-current=page],.nav-link.is-selected{background:var(--eocs-color-surface-dark-elevated);font-weight:var(--x-weight-semibold)}.side-nav-item{display:flex;align-items:center;gap:var(--eocs-spacing-md);padding:var(--eocs-spacing-md) var(--eocs-spacing-lg);border-left:var(--eocs-stroke-width-strong) solid transparent;border-radius:var(--eocs-radius-sm);color:var(--eocs-color-body);text-decoration:none}.side-nav-item:hover,.side-nav-item.is-hover{background:var(--eocs-color-fill-soft)}.side-nav-item:active,.side-nav-item.is-active{background:var(--eocs-color-fill-strong)}.side-nav-item[aria-current=page],.side-nav-item.is-selected{border-left-color:var(--eocs-color-primary);background:var(--eocs-color-fill-soft);color:var(--eocs-color-primary);font-weight:var(--x-weight-semibold)}.breadcrumbs{display:flex;align-items:center;gap:var(--eocs-spacing-sm);color:var(--eocs-color-muted);font-size:var(--eocs-font-size-sm)}.breadcrumbs a{color:var(--eocs-color-primary)}.breadcrumbs [aria-current=page]{color:var(--eocs-color-body)}.pagination{display:flex;align-items:center;gap:var(--eocs-spacing-xs)}.pagination__page{display:inline-flex;align-items:center;justify-content:center;min-width:var(--x-control-h-sm);height:var(--x-control-h-sm);padding-inline:var(--eocs-spacing-sm);border-radius:var(--eocs-radius-sm);color:var(--eocs-color-body);text-decoration:none}.pagination__page:hover{background:var(--eocs-color-fill-soft)}.pagination__page[aria-current=page]{background:var(--eocs-color-primary);color:var(--eocs-color-on-primary)}.tabs{display:flex;gap:var(--eocs-spacing-xs);border-bottom:var(--eocs-stroke-width-subtle) solid var(--eocs-color-hairline)}.tab{padding:var(--eocs-spacing-md) var(--eocs-spacing-lg);border:0;border-bottom:var(--eocs-stroke-width-bold) solid transparent;background:transparent;color:var(--eocs-color-muted);font-family:var(--eocs-font-family);font-size:var(--eocs-font-size-md);cursor:pointer}.tab:hover,.tab.is-hover{color:var(--eocs-color-body)}.tab:active,.tab.is-active{color:var(--eocs-color-ink)}.tab[aria-selected=true],.tab.is-selected{border-bottom-color:var(--eocs-color-primary);color:var(--eocs-color-primary);font-weight:var(--x-weight-semibold)}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--eocs-color-scrim);opacity:var(--eocs-visibility-soft)}.modal{width:var(--x-modal-w);max-width:100%;box-sizing:border-box;padding:var(--eocs-spacing-2xl);border-radius:var(--eocs-radius-xl);background:var(--eocs-color-card);color:var(--eocs-color-body);box-shadow:var(--eocs-elevation-overlay)}.modal__title{margin:var(--eocs-spacing-none);color:var(--eocs-color-ink)}.modal__actions{display:flex;justify-content:flex-end;gap:var(--eocs-spacing-md);margin-top:var(--eocs-spacing-xl)}.popover-menu{width:var(--x-popover-w);padding:var(--eocs-spacing-xs);border:var(--eocs-stroke-width-subtle) solid var(--eocs-color-hairline);border-radius:var(--eocs-radius-lg);background:var(--eocs-color-card);box-shadow:var(--eocs-elevation-product)}.popover-menu__item{display:block;padding:var(--eocs-spacing-md) var(--eocs-spacing-lg);border-radius:var(--eocs-radius-sm);color:var(--eocs-color-body);text-decoration:none}.popover-menu__item:hover{background:var(--eocs-color-fill-soft)}.tooltip{display:inline-block;max-width:var(--x-tooltip-w);padding:var(--eocs-spacing-sm) var(--eocs-spacing-md);border-radius:var(--eocs-radius-sm);background:var(--eocs-color-surface-dark);color:var(--eocs-color-on-dark);font-size:var(--eocs-font-size-sm);line-height:var(--eocs-font-line-height-normal)}.accordion{border:var(--eocs-stroke-width-subtle) solid var(--eocs-color-hairline);border-radius:var(--eocs-radius-lg);overflow:hidden}.accordion-item{display:flex;align-items:center;justify-content:space-between;gap:var(--eocs-spacing-lg);width:100%;box-sizing:border-box;padding:var(--eocs-spacing-lg) var(--eocs-spacing-xl);border:0;border-bottom:var(--eocs-stroke-width-subtle) solid var(--eocs-color-hairline-soft);background:var(--eocs-color-card);color:var(--eocs-color-ink);font-family:var(--eocs-font-family);font-size:var(--eocs-font-size-md);text-align:left;cursor:pointer}.accordion-item:hover,.accordion-item.is-hover{background:var(--eocs-color-fill-soft)}.accordion-item:last-child{border-bottom:0}.disclosure-collapsed,.disclosure-expanded{padding:var(--eocs-spacing-lg) var(--eocs-spacing-xl);border-radius:var(--eocs-radius-md);background:var(--eocs-color-fill-soft);color:var(--eocs-color-body)}.disclosure-collapsed__body{display:none}.disclosure-expanded__body{display:block;margin-top:var(--eocs-spacing-md);color:var(--eocs-color-body)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/eocs-components.css.map */