.ko-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--type-utility-size);letter-spacing:var(--type-utility-tracking);text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.ko-btn:focus-visible{outline:2px solid var(--color-paper);outline-offset:2px}.ko-btn--primary{background:var(--color-paper);color:var(--color-ink)}.ko-btn--primary:hover{background:var(--color-accent);color:var(--color-paper);transform:translateY(-1px)}.ko-btn--secondary{background:transparent;color:var(--color-paper);border-color:var(--color-paper)}.ko-btn--secondary:hover{background:var(--color-paper);color:var(--color-ink)}.ko-btn--ghost{background:transparent;color:var(--color-paper);padding-left:var(--space-1);padding-right:var(--space-1);min-height:auto;text-decoration:none}.ko-btn--ghost:hover{text-decoration:underline;text-underline-offset:3px}.ko-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--type-utility-size);letter-spacing:var(--type-utility-tracking);text-transform:uppercase;line-height:var(--type-utility-leading);white-space:nowrap}.ko-badge--live{background:var(--color-status-live);color:var(--color-paper)}.ko-badge--live:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-paper);animation:ko-pulse 1.6s ease-in-out infinite}@keyframes ko-pulse{0%,to{opacity:1}50%{opacity:.4}}.ko-badge--archive{background:var(--color-status-archive);color:var(--color-fog)}.ko-badge--soldout{background:transparent;border:1px solid var(--color-status-soldout);color:var(--color-status-soldout)}.ko-card{display:flex;flex-direction:column;border-radius:var(--radius-none);border:1px solid transparent;transition:border-color var(--motion-fast) var(--ease-standard);text-decoration:none;color:inherit}.ko-card:hover,.ko-card:focus-visible{border-color:var(--color-steel)}.ko-card:focus-visible{outline:2px solid var(--color-paper);outline-offset:2px}.ko-card__media{position:relative;width:100%;overflow:hidden;background:var(--color-charcoal)}.ko-card--product .ko-card__media{aspect-ratio:3 / 4}.ko-card--roster .ko-card__media{aspect-ratio:4 / 5}.ko-card__media img,.ko-card__media video{width:100%;height:100%;object-fit:cover}.ko-card__badge-slot{position:absolute;top:var(--space-2);left:var(--space-2);z-index:1}.ko-card__body{padding-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.ko-card__title{font-family:var(--font-body);font-size:var(--type-body-md-size);line-height:var(--type-body-md-leading);color:var(--color-paper);margin:0}.ko-card__meta{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-fog);margin:0}.ko-input{display:block;width:100%;min-height:44px;padding:var(--space-2) var(--space-3);background:var(--color-charcoal);border:1px solid var(--color-steel);border-radius:var(--radius-sm);color:var(--color-paper);font-family:var(--font-body);font-size:var(--type-body-md-size);transition:border-color var(--motion-fast) var(--ease-standard)}.ko-input::placeholder{color:var(--color-fog)}.ko-input:focus-visible{outline:none;border-color:var(--color-accent);border-width:2px}.ko-input--error{border-color:var(--color-error)}.ko-form-error{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-error);margin:var(--space-1) 0 0 0}.ko-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--container-padding);background:transparent;border-bottom:1px solid transparent;transition:background var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard)}.ko-nav--solid{background:var(--color-ink);border-bottom-color:var(--color-steel)}.ko-nav__link{font-family:var(--font-body);font-size:var(--type-utility-size);letter-spacing:var(--type-utility-tracking);text-transform:uppercase;color:var(--color-paper);text-decoration:none;padding:var(--space-2)}.ko-nav__link:hover{text-decoration:underline;text-underline-offset:4px}.ko-nav__link--active{position:relative}.ko-nav__link--active:after{content:"";position:absolute;bottom:0;left:var(--space-2);right:var(--space-2);height:2px;background:var(--color-accent)}.ko-countdown{display:flex;align-items:baseline;gap:var(--space-2);font-variant-numeric:tabular-nums}.ko-countdown__label{font-family:var(--font-body);font-size:var(--type-utility-size);letter-spacing:var(--type-utility-tracking);text-transform:uppercase;color:var(--color-fog)}.ko-countdown__timer{font-family:var(--font-body);font-size:var(--type-body-lg-size);font-weight:600;color:var(--color-accent)}.ko-container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ko-card--archived .ko-card__media img{filter:grayscale(40%) contrast(95%) brightness(85%);transition:filter var(--motion-base) var(--ease-standard)}.ko-card--archived:hover .ko-card__media img,.ko-card--archived:focus-visible .ko-card__media img{filter:grayscale(0%) contrast(100%) brightness(100%)}.ko-reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}@media(prefers-reduced-motion:reduce){.ko-reveal{opacity:1;transform:translateY(0);transition:none}}.ko-reveal--visible{opacity:1;transform:translateY(0)}.ko-card__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1;transition:opacity var(--motion-base) var(--ease-standard);pointer-events:none}.ko-card:hover .ko-card__video,.ko-card:focus-visible .ko-card__video,.ko-card--playing .ko-card__video{opacity:1}.ko-card__media img{position:relative;z-index:2;transition:opacity var(--motion-base) var(--ease-standard)}.ko-card:hover .ko-card__media img,.ko-card:focus-visible .ko-card__media img,.ko-card--playing .ko-card__media img{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/14/assets/ko-components.css.map */