:root{--bb-black: #111111;--bb-white: #ffffff;--bb-gray-50: #fafafa;--bb-gray-100: #f5f5f5;--bb-gray-200: #e5e5e5;--bb-gray-300: #d4d4d4;--bb-gray-400: #a3a3a3;--bb-gray-500: #757575;--bb-gray-600: #525252;--bb-gray-700: #404040;--bb-gray-800: #262626;--bb-gray-900: #111111;--bb-accent: #c8102e;--bb-accent-hover: #a50d24;--bb-success: #128a09;--bb-warning: #f59e0b;--bb-error: #dc2626;--space-0: 0;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--space-16: 128px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--font-heading: "Lato", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Lato", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-drawer: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--page-max-width: 1440px;--page-gutter: 48px;--page-gutter-mobile: 24px;--header-height: 64px;--header-height-scrolled: 56px;--announcement-height: 36px;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px}.bb-container{width:100%;max-width:var(--page-max-width);margin-left:auto;margin-right:auto;padding-left:var(--page-gutter-mobile);padding-right:var(--page-gutter-mobile)}@media(min-width:1024px){.bb-container{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}}.bb-grid{display:grid;gap:var(--space-2)}.bb-grid--2{grid-template-columns:repeat(2,1fr)}.bb-grid--3{grid-template-columns:repeat(3,1fr)}.bb-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1023px){.bb-grid--4{grid-template-columns:repeat(3,1fr)}}@media(max-width:639px){.bb-grid--3,.bb-grid--4{grid-template-columns:repeat(2,1fr)}}.bb-heading-xl{font-family:var(--font-heading);font-size:var(--text-7xl);font-weight:var(--font-black);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter);text-transform:uppercase}.bb-heading-lg{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-transform:uppercase}.bb-heading-md{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-snug);text-transform:uppercase}.bb-heading-sm{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.bb-body{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--bb-gray-600)}.bb-body-sm{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--bb-gray-500)}.bb-overline{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--bb-gray-500)}@media(max-width:639px){.bb-heading-xl{font-size:var(--text-5xl)}.bb-heading-lg{font-size:var(--text-4xl)}.bb-heading-md{font-size:var(--text-2xl)}}.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:14px var(--space-4);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:1;text-decoration:none;text-transform:uppercase;letter-spacing:var(--tracking-wide);border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent;min-height:48px}.bb-btn--primary{background-color:var(--bb-black);color:var(--bb-white);border-color:var(--bb-black)}.bb-btn--primary:hover{background-color:var(--bb-gray-700);border-color:var(--bb-gray-700)}.bb-btn--secondary{background-color:transparent;color:var(--bb-black);border-color:var(--bb-gray-300)}.bb-btn--secondary:hover{border-color:var(--bb-black)}.bb-btn--accent{background-color:var(--bb-accent);color:var(--bb-white);border-color:var(--bb-accent)}.bb-btn--accent:hover{background-color:var(--bb-accent-hover);border-color:var(--bb-accent-hover)}.bb-btn--full{width:100%}.bb-btn--lg{padding:18px var(--space-5);font-size:var(--text-xl);min-height:56px}.bb-btn--sm{padding:8px var(--space-2);font-size:var(--text-sm);min-height:36px}.bb-price{display:inline-flex;align-items:baseline;gap:var(--space-1)}.bb-price__current{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--bb-black)}.bb-price__compare{font-size:var(--text-sm);color:var(--bb-gray-500);text-decoration:line-through}.bb-price__badge{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--bb-accent);text-transform:uppercase}.bb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.bb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:all var(--transition-base)}.bb-overlay.is-active{opacity:1;visibility:visible}.bb-spinner{width:24px;height:24px;border:2px solid var(--bb-gray-200);border-top-color:var(--bb-black);border-radius:50%;animation:bb-spin .6s linear infinite}@keyframes bb-spin{to{transform:rotate(360deg)}}.bb-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-full)}.bb-badge--sale{background-color:var(--bb-accent);color:var(--bb-white)}.bb-badge--new{background-color:var(--bb-black);color:var(--bb-white)}.bb-badge--soldout{background-color:var(--bb-gray-200);color:var(--bb-gray-600)}.bb-aspect-square{aspect-ratio:1 / 1}.bb-aspect-4-5{aspect-ratio:4 / 5}.bb-img-cover{width:100%;height:100%;object-fit:cover}.bb-img-contain{width:100%;height:100%;object-fit:contain}.bb-divider{width:100%;height:1px;background-color:var(--bb-gray-200);border:none}.bb-section{padding-top:var(--space-10);padding-bottom:var(--space-10)}@media(max-width:639px){.bb-section{padding-top:var(--space-6);padding-bottom:var(--space-6)}}.bb-scrollbar::-webkit-scrollbar{width:4px;height:4px}.bb-scrollbar::-webkit-scrollbar-track{background:transparent}.bb-scrollbar::-webkit-scrollbar-thumb{background-color:var(--bb-gray-300);border-radius:var(--radius-full)}.bb-focus-ring:focus-visible{outline:2px solid var(--bb-black);outline-offset:2px}.bb-announcement{background-color:var(--bb-black);color:var(--bb-white);text-align:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:var(--announcement-height);height:var(--announcement-height)}
/*# sourceMappingURL=/cdn/shop/t/41/assets/blackbork-design-system.css.map */