.bc-collection{--bc-bg: #0d0f12;--bc-card-bg: #14171c;--bc-card-border: #1f242c;--bc-card-border-hover: #2a3140;--bc-text: #e6e9ef;--bc-text-muted: #8a93a3;--bc-text-dim: #6b7280;--bc-accent-green: #1ad96b;--bc-accent-green-hover: #14b557;--bc-accent-orange: #ff8c1a;--bc-accent-orange-hover: #e57a0a;--bc-radius: 10px;--bc-radius-sm: 6px;color:var(--bc-text);padding-bottom:4rem}.bc-collection__inner{width:90%;max-width:1680px;margin:0 auto;padding:0 1rem}@media(max-width:1199px){.bc-collection__inner{width:92%}}@media(max-width:749px){.bc-collection__inner{width:100%;padding:0 1rem}}.bc-hero{position:relative;padding:4rem 1rem 3rem;margin-bottom:2.5rem;background:linear-gradient(180deg,#0d0f12d9,#0d0f12f2),radial-gradient(ellipse at top,rgba(26,217,107,.15) 0%,transparent 60%),var(--bc-hero-bg, linear-gradient(135deg, #0f1419 0%, #1a1f28 100%));background-size:cover;background-position:center;border-bottom:1px solid var(--bc-card-border);text-align:center;overflow:hidden}.bc-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,transparent,transparent 24px,rgba(26,217,107,.025) 24px,rgba(26,217,107,.025) 25px);pointer-events:none}.bc-hero__inner{position:relative;width:75%;max-width:900px;margin:0 auto;display:grid;gap:.75rem;justify-items:center}@media(max-width:1199px){.bc-hero__inner{width:90%}}@media(max-width:749px){.bc-hero__inner{width:100%}}.bc-hero__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--bc-accent-green);margin:0}.bc-hero__title{font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.1;margin:0;font-weight:700;background:linear-gradient(180deg,#fff,#c8cdd6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bc-hero__description{font-size:1rem;line-height:1.6;color:var(--bc-text-muted);max-width:60ch;margin:0}.bc-hero__description p{margin:.5rem 0}.bc-hero__description p:first-child{margin-top:0}.bc-hero__description p:last-child{margin-bottom:0}.bc-tier-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--bc-card-border)}.bc-tier-pill{--bc-glow: 154, 161, 173;display:inline-flex;align-items:center;padding:.5rem 1.125rem;border-radius:999px;font-size:.875rem;font-weight:600;letter-spacing:.02em;text-decoration:none;color:rgb(var(--bc-glow));background:transparent;border:1px solid rgba(var(--bc-glow),.4);transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .05s}.bc-tier-pill:hover{background:rgba(var(--bc-glow),.1);border-color:rgb(var(--bc-glow));box-shadow:0 0 12px rgba(var(--bc-glow),.3)}.bc-tier-pill:active{transform:translateY(1px)}.bc-tier-pill--active{color:#0a0c10;background:rgb(var(--bc-glow));border-color:rgb(var(--bc-glow));box-shadow:0 0 0 1px rgba(var(--bc-glow),.5),0 0 16px rgba(var(--bc-glow),.4)}.bc-tier-pill--active:hover{background:rgb(var(--bc-glow));color:#0a0c10}.bc-tier-pill[data-tier=common]{--bc-glow: 154, 161, 173}.bc-tier-pill[data-tier=uncommon]{--bc-glow: 26, 217, 107}.bc-tier-pill[data-tier=rare]{--bc-glow: 74, 168, 255}.bc-tier-pill[data-tier=epic]{--bc-glow: 182, 118, 255}.bc-tier-pill[data-tier=legendary]{--bc-glow: 255, 184, 74}.bc-tier-pill[data-tier=mythic]{--bc-glow: 255, 95, 95}.bc-collection__topbar{display:block;margin-bottom:1.5rem}.bc-topbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.bc-topbar__group{position:relative}.bc-topbar__summary{display:inline-flex;align-items:center;gap:.5rem;list-style:none;cursor:pointer;padding:.5rem .875rem;background:var(--bc-card-bg);border:1px solid var(--bc-card-border);border-radius:var(--bc-radius-sm);font-size:.875rem;font-weight:500;color:var(--bc-text);-webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s}.bc-topbar__summary::-webkit-details-marker{display:none}.bc-topbar__summary:hover{border-color:var(--bc-card-border-hover)}.bc-topbar__group[open] .bc-topbar__summary{border-color:var(--bc-accent-green)}.bc-topbar__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:var(--bc-accent-green);color:#06210e;border-radius:999px;font-size:.75rem;font-weight:700}.bc-topbar__chevron{width:.75rem;height:.5rem;transition:transform .15s}.bc-topbar__group[open] .bc-topbar__chevron{transform:rotate(180deg)}.bc-topbar__panel{position:absolute;top:calc(100% + .375rem);left:0;z-index:20;min-width:220px;max-height:320px;overflow-y:auto;padding:.75rem;background:var(--bc-card-bg);border:1px solid var(--bc-card-border-hover);border-radius:var(--bc-radius-sm);box-shadow:0 8px 24px #00000080}.bc-topbar__list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.bc-topbar__option{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:var(--bc-radius-sm);cursor:pointer;font-size:.875rem}.bc-topbar__option:hover{background:#ffffff0a}.bc-topbar__option.is-disabled{opacity:.4;cursor:not-allowed}.bc-topbar__option input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--bc-accent-green)}.bc-topbar__label{flex:1}.bc-topbar__option-count{color:var(--bc-text-dim);font-size:.8125rem}@media(max-width:989px){.bc-collection__topbar{display:none}}.bc-collection__layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.bc-mobile-filter-btn,.bc-drawer__mobile-header,.bc-drawer__footer,.bc-drawer-backdrop{display:none}@media(max-width:989px){.bc-collection__layout{grid-template-columns:1fr;gap:0}.bc-collection__sidebar{position:fixed;top:0;left:0;bottom:0;width:88%;max-width:360px;background:var(--bc-bg);border-right:1px solid var(--bc-card-border);z-index:100;display:flex;flex-direction:column;padding:0;transform:translate(-100%);transition:transform .25s ease;box-shadow:0 0 40px #0009}[data-bc-mobile-open=true] .bc-collection__sidebar{transform:translate(0)}.bc-sidebar{position:static;background:transparent;border:none;border-radius:0;padding:0}.bc-drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99;opacity:0;pointer-events:none;transition:opacity .25s ease}[data-bc-mobile-open=true] .bc-drawer-backdrop{opacity:1;pointer-events:auto}.bc-drawer__mobile-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--bc-card-border);background:var(--bc-bg);flex-shrink:0}.bc-drawer__mobile-header h2{margin:0;font-size:1.125rem}.bc-drawer__close{background:transparent;border:none;color:var(--bc-text);cursor:pointer;padding:.5rem;margin:-.5rem;border-radius:var(--bc-radius-sm);display:flex;align-items:center;justify-content:center}.bc-drawer__close:hover{background:#ffffff0f}.bc-collection__sidebar>facet-filters-form{flex:1 1 auto;overflow-y:auto;padding:.5rem 1.25rem 1rem;-webkit-overflow-scrolling:touch}.bc-drawer__footer{display:block;flex-shrink:0;padding:.875rem 1.25rem calc(.875rem + env(safe-area-inset-bottom));border-top:1px solid var(--bc-card-border);background:var(--bc-bg);box-shadow:0 -4px 12px #0000004d}.bc-drawer__apply{display:block;width:100%;padding:.875rem 1rem;background:var(--bc-accent-green);color:#06210e;border:none;border-radius:999px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .15s,transform .05s}.bc-drawer__apply:hover{background:var(--bc-accent-green-hover)}.bc-drawer__apply:active{transform:translateY(1px)}.bc-sidebar__heading{display:none}.bc-mobile-filter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bc-card-bg);border:1px solid var(--bc-card-border);color:var(--bc-text);border-radius:999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.bc-mobile-filter-btn:hover{border-color:var(--bc-card-border-hover);background:#ffffff0a}.bc-mobile-filter-btn:active{transform:translateY(1px)}}.bc-sidebar{background:transparent;border:none;border-radius:0;padding:0;position:sticky;top:1rem;min-width:0}.bc-sidebar__heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--bc-card-border)}.bc-sidebar__heading h2{font-size:1rem;margin:0}.bc-sidebar__clear{font-size:.8125rem;color:var(--bc-accent-green);text-decoration:none}.bc-sidebar__clear:hover{text-decoration:underline}.bc-sidebar__group{border-bottom:1px solid var(--bc-card-border);padding:.75rem 0}.bc-sidebar__group:last-child{border-bottom:none}.bc-sidebar__summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-weight:600;font-size:.9375rem;-webkit-user-select:none;user-select:none}.bc-sidebar__summary::-webkit-details-marker{display:none}.bc-sidebar__chevron{width:.75rem;height:.5rem;transition:transform .15s}.bc-sidebar__group[open] .bc-sidebar__chevron{transform:rotate(180deg)}.bc-sidebar__panel{padding-top:.75rem}.bc-sidebar__list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem;min-width:0}.bc-sidebar__list>li{min-width:0}.bc-sidebar__option{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;padding:.25rem;border-radius:var(--bc-radius-sm);min-width:0;width:100%}.bc-sidebar__option:hover{background:#ffffff0a}.bc-sidebar__option.is-disabled{opacity:.4;cursor:not-allowed}.bc-sidebar__option input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--bc-accent-green);flex-shrink:0}.bc-sidebar__option>span:not(.bc-sidebar__option-count){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-sidebar__option-count{margin-left:auto;color:var(--bc-text-dim);font-size:.8125rem;flex-shrink:0}.bc-sidebar__price{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.bc-sidebar__price label{display:grid;gap:.25rem;font-size:.8125rem;color:var(--bc-text-muted);min-width:0;position:relative}.bc-sidebar__price input{background:#ffffff08;border:1px solid var(--bc-card-border);border-radius:var(--bc-radius-sm);padding:.5rem .5rem .5rem 1.25rem;color:var(--bc-text);font-size:.875rem;width:100%;min-width:0;box-sizing:border-box}.bc-sidebar__price label:after{content:"$";position:absolute;left:.5rem;top:calc(50% + .4em);transform:translateY(-50%);color:var(--bc-text-dim);font-size:.875rem;pointer-events:none}.bc-sidebar__price input:focus{outline:2px solid var(--bc-accent-green);border-color:var(--bc-accent-green)}.bc-collection__toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.bc-collection__toolbar-left{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap}.bc-collection__count{color:var(--bc-text-muted);font-size:.875rem;margin:0}.bc-sort{background:var(--bc-card-bg);border:1px solid var(--bc-card-border);color:var(--bc-text);padding:.5rem .75rem;border-radius:var(--bc-radius-sm);font-size:.875rem;cursor:pointer}.bc-sort:focus{outline:2px solid var(--bc-accent-green);border-color:var(--bc-accent-green)}.bc-collection__empty{text-align:center;padding:3rem 1rem;background:var(--bc-card-bg);border:1px solid var(--bc-card-border);border-radius:var(--bc-radius);display:grid;gap:1rem;justify-items:center}.bc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}@media(max-width:749px){.bc-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.bc-grid__item{display:flex}.bc-card{--bc-glow: 26, 217, 107;position:relative;display:flex;flex-direction:column;background:var(--bc-card-bg);border:1px solid transparent;border-radius:var(--bc-radius);overflow:hidden;width:100%;transition:transform .2s ease,box-shadow .3s ease,border-color .2s ease;box-shadow:0 0 0 1px rgba(var(--bc-glow),.08),0 0 14px rgba(var(--bc-glow),.1),0 0 28px rgba(var(--bc-glow),.04);animation:bc-card-pulse 4s ease-in-out infinite}@keyframes bc-card-pulse{0%,to{box-shadow:0 0 0 1px rgba(var(--bc-glow),.08),0 0 14px rgba(var(--bc-glow),.1),0 0 28px rgba(var(--bc-glow),.04)}50%{box-shadow:0 0 0 1px rgba(var(--bc-glow),.14),0 0 20px rgba(var(--bc-glow),.18),0 0 40px rgba(var(--bc-glow),.08)}}.bc-card:hover{transform:translateY(-3px);animation:none;border-color:rgba(var(--bc-glow),.6);box-shadow:0 0 0 1px rgba(var(--bc-glow),.6),0 0 28px rgba(var(--bc-glow),.55),0 0 64px rgba(var(--bc-glow),.28),0 12px 32px #00000080}@media(prefers-reduced-motion:reduce){.bc-card{animation:none}}.bc-card[data-tier=common]{--bc-glow: 154, 161, 173}.bc-card[data-tier=uncommon]{--bc-glow: 26, 217, 107}.bc-card[data-tier=rare]{--bc-glow: 74, 168, 255}.bc-card[data-tier=epic]{--bc-glow: 182, 118, 255}.bc-card[data-tier=legendary]{--bc-glow: 255, 184, 74}.bc-card[data-tier=mythic],.bc-card[data-tier=exotic]{--bc-glow: 255, 95, 95}.bc-card__new{position:absolute;top:.75rem;left:.75rem;z-index:2;background:#785adc2e;color:#b6a3ff;border:1px solid rgba(120,90,220,.5);padding:.25rem .625rem;border-radius:var(--bc-radius-sm);font-size:.6875rem;font-weight:700;letter-spacing:.05em}.bc-card__media{display:block;aspect-ratio:4 / 3;background:#0a0c10;overflow:hidden}.bc-card__media img,.bc-card__placeholder{width:100%;height:100%;object-fit:contain;padding:1rem}.bc-card__body{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1rem 1rem}.bc-card__badges{display:flex;flex-wrap:wrap;gap:.375rem}.bc-badge{display:inline-flex;align-items:center;padding:.1875rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.02em;border:1px solid currentColor;background:transparent}.bc-badge--tier{color:#20d973}.bc-badge--common{color:#9aa1ad}.bc-badge--uncommon{color:#20d973}.bc-badge--rare{color:#4aa8ff}.bc-badge--epic{color:#b676ff}.bc-badge--legendary{color:#ffb84a}.bc-badge--mythic,.bc-badge--exotic{color:#ff5f5f}.bc-badge--cpu,.bc-badge--ryzen{color:#d97a1a}.bc-badge--intel{color:#4aa8ff}.bc-badge--gpu,.bc-badge--radeon{color:#d63f3f}.bc-badge--geforce,.bc-badge--nvidia{color:#76b900}.bc-badge--arc{color:#00b7ff}.bc-card__title{font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--bc-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.bc-card__title:hover{color:var(--bc-accent-green)}.bc-card__price{display:flex;align-items:baseline;gap:.5rem}.bc-card__price-now{color:var(--bc-accent-green);font-size:1.25rem;font-weight:700}.bc-card__price-was{color:var(--bc-text-dim);font-size:.875rem;text-decoration:line-through}.bc-card__specs{margin:.25rem 0 .5rem;display:grid;gap:.25rem;font-size:.8125rem}.bc-card__spec{display:grid;grid-template-columns:3rem 1fr;gap:.5rem;align-items:baseline}.bc-card__spec dt{color:var(--bc-text-dim);font-weight:500;text-transform:uppercase;font-size:.6875rem;letter-spacing:.04em}.bc-card__spec dd{margin:0;color:var(--bc-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}.bc-card__form-wrapper,.bc-card__form{display:contents}@media(max-width:749px){.bc-card__body{padding:.625rem .75rem .75rem;gap:.375rem}.bc-card__title{font-size:.8125rem;min-height:2.4em}.bc-card__price-now{font-size:1rem}.bc-card__price-was{font-size:.75rem}.bc-card__specs{font-size:.6875rem}.bc-card__spec{grid-template-columns:2.25rem 1fr;gap:.375rem}.bc-card__spec dt{font-size:.5625rem}.bc-card__spec--wrap dd{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3;word-break:break-word}.bc-card__spec--wrap dt{align-self:start;padding-top:.125rem}.bc-card__actions{grid-template-columns:1fr;gap:.375rem}.bc-btn{padding:.5rem .625rem;font-size:.75rem}.bc-card__media{padding:.5rem}}.bc-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem .875rem;border-radius:999px;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s,transform .05s}.bc-btn:active{transform:translateY(1px)}.bc-btn[disabled]{opacity:.5;cursor:not-allowed}.bc-btn--secondary{background:transparent;color:var(--bc-accent-orange);border-color:var(--bc-accent-orange)}.bc-btn--secondary:hover:not([disabled]){background:var(--bc-accent-orange);color:#1a0d00}.bc-btn--primary{background:var(--bc-accent-green);color:#06210e;border-color:var(--bc-accent-green)}.bc-btn--primary:hover{background:var(--bc-accent-green-hover);border-color:var(--bc-accent-green-hover)}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-bitcrate-collection.css.map */