:root{--ft-ink: #0B0B0C;--ft-neutral-900: #141310;--ft-neutral-700: #47433D;--ft-neutral-500: #857F75;--ft-neutral-300: #C9C5BE;--ft-neutral-200: #E2DFDA;--ft-neutral-100: #EFEDEA;--ft-paper: #FAFAF8;--ft-surface: #FFFFFF;--ft-accent: #1E40E5;--ft-accent-hover: #1631BE;--ft-accent-subtle: #EEF1FE;--ft-success: #1F8A5B;--ft-warning: #B5731A;--ft-danger: #C4372B;--ft-bg: var(--ft-paper);--ft-bg-alt: var(--ft-neutral-100);--ft-text: var(--ft-ink);--ft-text-secondary: var(--ft-neutral-700);--ft-text-muted: var(--ft-neutral-500);--ft-border: var(--ft-neutral-200);--ft-border-strong: var(--ft-neutral-300);--ft-font-display: "Clash Display", -apple-system, "Segoe UI", system-ui, sans-serif;--ft-font-body: "General Sans", -apple-system, "Segoe UI", system-ui, sans-serif;--ft-weight-regular: 400;--ft-weight-medium: 500;--ft-weight-semibold: 600;--ft-text-display: clamp(2.5rem, 6vw, 4.5rem);--ft-text-h1: clamp(2rem, 4.5vw, 3.5rem);--ft-text-h2: clamp(1.75rem, 3vw, 2.5rem);--ft-text-h3: clamp(1.375rem, 2vw, 1.75rem);--ft-text-h4: 1.25rem;--ft-text-body-lg: 1.125rem;--ft-text-body: 1rem;--ft-text-body-sm: .9375rem;--ft-text-overline: .8125rem;--ft-leading-tight: 1.05;--ft-leading-snug: 1.15;--ft-leading-heading: 1.25;--ft-leading-body: 1.6;--ft-tracking-tight: -.02em;--ft-tracking-snug: -.01em;--ft-tracking-normal: 0;--ft-tracking-wide: .1em;--ft-space-1: .25rem;--ft-space-2: .5rem;--ft-space-3: .75rem;--ft-space-4: 1rem;--ft-space-6: 1.5rem;--ft-space-8: 2rem;--ft-space-12: 3rem;--ft-space-16: 4rem;--ft-space-24: 6rem;--ft-space-32: 8rem;--ft-space-48: 12rem;--ft-container-md: 768px;--ft-container-lg: 1024px;--ft-container-xl: 1280px;--ft-container-2xl: 1440px;--ft-page-inset: clamp(1.25rem, 5vw, 5rem);--ft-gutter: clamp(1rem, 3vw, 2rem);--ft-radius-sm: 4px;--ft-radius-md: 8px;--ft-radius-lg: 12px;--ft-radius-xl: 16px;--ft-radius-full: 999px;--ft-shadow-xs: 0 1px 2px rgba(11, 11, 12, .04);--ft-shadow-sm: 0 2px 8px rgba(11, 11, 12, .06);--ft-shadow-md: 0 8px 24px rgba(11, 11, 12, .08);--ft-shadow-lg: 0 24px 48px rgba(11, 11, 12, .12);--ft-shadow-focus: 0 0 0 2px var(--ft-paper), 0 0 0 4px var(--ft-accent);--ft-duration-fast: .15s;--ft-duration-base: .25s;--ft-duration-slow: .4s;--ft-duration-slower: .6s;--ft-ease-out: cubic-bezier(.16, 1, .3, 1);--ft-ease-standard: cubic-bezier(.4, 0, .2, 1);--ft-icon-sm: 16px;--ft-icon-md: 20px;--ft-icon-lg: 24px;--ft-icon-xl: 32px;--ft-icon-stroke: 1.5;--ft-z-base: 1;--ft-z-dropdown: 100;--ft-z-sticky: 200;--ft-z-drawer: 300;--ft-z-modal: 400;--ft-z-toast: 500;--ft-control-sm: 40px;--ft-control-md: 48px;--ft-control-lg: 56px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background-color:var(--ft-bg);color:var(--ft-text);font-family:var(--ft-font-body);font-size:var(--ft-text-body);font-weight:var(--ft-weight-regular);line-height:var(--ft-leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--ft-shadow-focus);border-radius:var(--ft-radius-sm)}h1,h2,h3,h4{margin:0;font-family:var(--ft-font-display);font-weight:var(--ft-weight-medium);color:var(--ft-neutral-900)}p{margin:0}.ft-display{font-family:var(--ft-font-display);font-size:var(--ft-text-display);line-height:var(--ft-leading-tight);letter-spacing:var(--ft-tracking-tight);font-weight:var(--ft-weight-semibold)}.ft-h1{font-size:var(--ft-text-h1);line-height:var(--ft-leading-tight);letter-spacing:var(--ft-tracking-tight)}.ft-h2{font-size:var(--ft-text-h2);line-height:var(--ft-leading-snug);letter-spacing:var(--ft-tracking-snug)}.ft-h3{font-size:var(--ft-text-h3);line-height:var(--ft-leading-heading);letter-spacing:var(--ft-tracking-snug)}.ft-h4{font-size:var(--ft-text-h4);line-height:var(--ft-leading-heading)}.ft-body-lg{font-size:var(--ft-text-body-lg);line-height:var(--ft-leading-body)}.ft-body{font-size:var(--ft-text-body);line-height:var(--ft-leading-body)}.ft-body-sm{font-size:var(--ft-text-body-sm);line-height:var(--ft-leading-body)}.ft-overline{font-family:var(--ft-font-body);font-size:var(--ft-text-overline);font-weight:var(--ft-weight-medium);letter-spacing:var(--ft-tracking-wide);text-transform:uppercase;color:var(--ft-text-muted)}.ft-text-secondary{color:var(--ft-text-secondary)}.ft-text-muted{color:var(--ft-text-muted)}.ft-text-accent{color:var(--ft-accent)}.ft-measure{max-width:65ch}.ft-container{width:100%;max-width:var(--ft-container-2xl);margin-inline:auto;padding-inline:var(--ft-page-inset)}.ft-container--xl{max-width:var(--ft-container-xl)}.ft-container--lg{max-width:var(--ft-container-lg)}.ft-container--md{max-width:var(--ft-container-md)}.ft-section{padding-block:var(--ft-space-16)}@media(min-width:768px){.ft-section{padding-block:var(--ft-space-24)}}@media(min-width:1024px){.ft-section{padding-block:var(--ft-space-32)}}.ft-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ft-gutter)}.ft-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ft-space-2);min-height:var(--ft-control-md);padding-inline:var(--ft-space-6);border:1px solid transparent;border-radius:var(--ft-radius-full);font-family:var(--ft-font-body);font-size:var(--ft-text-body-sm);font-weight:var(--ft-weight-medium);line-height:1;letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ft-duration-base) var(--ft-ease-out),border-color var(--ft-duration-base) var(--ft-ease-out),color var(--ft-duration-base) var(--ft-ease-out),transform var(--ft-duration-fast) var(--ft-ease-out)}.ft-btn:active{transform:translateY(1px)}.ft-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.ft-btn--sm{min-height:var(--ft-control-sm);padding-inline:var(--ft-space-4);font-size:var(--ft-text-overline)}.ft-btn--lg{min-height:var(--ft-control-lg);padding-inline:var(--ft-space-8);font-size:var(--ft-text-body)}.ft-btn--primary{background-color:var(--ft-ink);color:var(--ft-surface)}.ft-btn--primary:hover{background-color:var(--ft-neutral-900)}.ft-btn--accent{background-color:var(--ft-accent);color:var(--ft-surface)}.ft-btn--accent:hover{background-color:var(--ft-accent-hover)}.ft-btn--secondary{background-color:transparent;border-color:var(--ft-border-strong);color:var(--ft-ink)}.ft-btn--secondary:hover{background-color:var(--ft-neutral-100);border-color:var(--ft-ink)}.ft-btn--ghost{background-color:transparent;color:var(--ft-ink);padding-inline:var(--ft-space-3)}.ft-btn--ghost:hover{background-color:var(--ft-neutral-100)}.ft-field{display:flex;flex-direction:column;gap:var(--ft-space-2)}.ft-label{font-size:var(--ft-text-body-sm);font-weight:var(--ft-weight-medium);color:var(--ft-text-secondary)}.ft-input,.ft-textarea,.ft-select{width:100%;min-height:var(--ft-control-md);padding:var(--ft-space-3) var(--ft-space-4);background-color:var(--ft-surface);border:1px solid var(--ft-border-strong);border-radius:var(--ft-radius-md);font-size:var(--ft-text-body);color:var(--ft-ink);transition:border-color var(--ft-duration-base) var(--ft-ease-out),box-shadow var(--ft-duration-base) var(--ft-ease-out)}.ft-textarea{min-height:calc(var(--ft-control-md) * 2.5);resize:vertical}.ft-input::placeholder,.ft-textarea::placeholder{color:var(--ft-text-muted)}.ft-input:focus-visible,.ft-textarea:focus-visible,.ft-select:focus-visible{outline:none;border-color:var(--ft-accent);box-shadow:0 0 0 3px var(--ft-accent-subtle)}.ft-input:disabled,.ft-textarea:disabled,.ft-select:disabled{background-color:var(--ft-neutral-100);color:var(--ft-text-muted);cursor:not-allowed}.ft-input[aria-invalid=true],.ft-textarea[aria-invalid=true]{border-color:var(--ft-danger)}.ft-field-error{font-size:var(--ft-text-body-sm);color:var(--ft-danger)}.ft-badge{display:inline-flex;align-items:center;gap:var(--ft-space-1);padding:var(--ft-space-1) var(--ft-space-3);border-radius:var(--ft-radius-full);background-color:var(--ft-neutral-100);color:var(--ft-neutral-700);font-size:var(--ft-text-overline);font-weight:var(--ft-weight-medium);letter-spacing:var(--ft-tracking-wide);text-transform:uppercase;line-height:1}.ft-badge--accent{background-color:var(--ft-accent-subtle);color:var(--ft-accent)}.ft-badge--ink{background-color:var(--ft-ink);color:var(--ft-surface)}.ft-badge--success{background-color:#1f8a5b1f;color:var(--ft-success)}.ft-card{background-color:var(--ft-surface);border:1px solid var(--ft-border);border-radius:var(--ft-radius-lg);overflow:clip}.ft-card--product{transition:transform var(--ft-duration-base) var(--ft-ease-out),box-shadow var(--ft-duration-base) var(--ft-ease-out)}.ft-card--product:hover{transform:translateY(-2px);box-shadow:var(--ft-shadow-sm)}.ft-card__media{aspect-ratio:4 / 5;background-color:var(--ft-neutral-100)}.ft-card__media img{width:100%;height:100%;object-fit:cover}.ft-card__body{padding:var(--ft-space-6)}.ft-card__title{font-family:var(--ft-font-display);font-size:var(--ft-text-h4);font-weight:var(--ft-weight-medium)}.ft-card__price{margin-top:var(--ft-space-2);color:var(--ft-text-secondary)}.ft-card--content .ft-card__body{padding:var(--ft-space-8)}.ft-icon{width:var(--ft-icon-md);height:var(--ft-icon-md);stroke:currentColor;stroke-width:var(--ft-icon-stroke);stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.ft-icon--sm{width:var(--ft-icon-sm);height:var(--ft-icon-sm)}.ft-icon--lg{width:var(--ft-icon-lg);height:var(--ft-icon-lg)}.ft-icon--xl{width:var(--ft-icon-xl);height:var(--ft-icon-xl)}.ft-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}.ft-skip-link{position:absolute;top:var(--ft-space-2);left:var(--ft-space-2);z-index:var(--ft-z-toast);padding:var(--ft-space-2) var(--ft-space-4);background-color:var(--ft-ink);color:var(--ft-surface);border-radius:var(--ft-radius-md);transform:translateY(-150%);transition:transform var(--ft-duration-fast) var(--ft-ease-out)}.ft-skip-link:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/faction-design-system.css.map */