.dcg-topbar{width:100%;padding:10px 0 8px;border-bottom:1px solid var(--dcg-border-subtle, rgba(255,255,255,.07));margin-bottom:16px}.dcg-topbar__form{margin:0}.dcg-topbar__pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.dcg-topbar__pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--dcg-border-default, rgba(255,255,255,.12));border-radius:var(--dcg-radius-pill, 999px);background:var(--dcg-bg-raised, #161820);color:var(--dcg-text-secondary, rgba(255,255,255,.72));font-size:.84rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease;white-space:nowrap;text-decoration:none}.dcg-topbar__pill:hover{border-color:var(--dcg-border-strong, rgba(255,255,255,.22));background:var(--dcg-bg-elevated, #1E2028);color:var(--dcg-text-primary, #fff)}.dcg-topbar__pill.is-active,.dcg-topbar__pill.is-open{border-color:var(--dcg-border-orange, rgba(255,122,0,.35));background:var(--dcg-overlay-orange, rgba(255,122,0,.08));color:var(--dcg-orange, #FF7A00)}.dcg-topbar__pill.is-open .dcg-topbar__pill-caret{transform:rotate(180deg)}.dcg-topbar__pill-caret{transition:transform .16s ease;flex-shrink:0;color:currentColor}.dcg-topbar__pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--dcg-orange, #FF7A00);color:#000;font-size:.72rem;font-weight:800;line-height:1}.dcg-topbar__pill--clear{border-color:#ff7a0040;color:var(--dcg-orange, #FF7A00);background:transparent}.dcg-topbar__pill--clear:hover{background:var(--dcg-overlay-orange, rgba(255,122,0,.08));border-color:var(--dcg-border-orange, rgba(255,122,0,.35))}.dcg-topbar__pill-wrap{position:relative}.dcg-topbar__dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:200;min-width:220px;background:var(--dcg-bg-raised, #161820);border:1px solid var(--dcg-border-default, rgba(255,255,255,.12));border-radius:var(--dcg-radius-lg, 12px);box-shadow:0 8px 32px #0000008c;overflow:hidden;animation:dcg-topbar-fade .12s ease}@keyframes dcg-topbar-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dcg-topbar__pill-wrap--sort .dcg-topbar__dropdown{left:auto;right:0}.dcg-topbar__dropdown-inner{max-height:320px;overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.dcg-topbar__dropdown-inner::-webkit-scrollbar{width:3px}.dcg-topbar__dropdown-inner::-webkit-scrollbar-track{background:transparent}.dcg-topbar__dropdown-inner::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.dcg-topbar__list{list-style:none;margin:0;padding:0}.dcg-topbar__option{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;color:var(--dcg-text-secondary, rgba(255,255,255,.72));font-size:.88rem;transition:background .1s ease,color .1s ease;position:relative}.dcg-topbar__option:hover{background:var(--dcg-bg-elevated, #1E2028);color:var(--dcg-text-primary, #fff)}.dcg-topbar__option.is-disabled{opacity:.35;pointer-events:none}.dcg-topbar__checkbox{position:absolute;opacity:0;width:14px;height:14px;left:16px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:2;margin:0}.dcg-topbar__box{position:relative;width:14px;height:14px;flex-shrink:0}.dcg-topbar__box-outline{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--dcg-border-strong, rgba(255,255,255,.22))}.dcg-topbar__checkbox:checked~.dcg-topbar__box .dcg-topbar__box-outline{color:var(--dcg-orange, #FF7A00)}.dcg-topbar__box-check{position:absolute;top:2px;left:1px;width:11px;height:8px;color:var(--dcg-orange, #FF7A00);opacity:0;transition:opacity .1s ease}.dcg-topbar__checkbox:checked~.dcg-topbar__box .dcg-topbar__box-check{opacity:1}.dcg-topbar__option:has(.dcg-topbar__checkbox:checked){background:#ff7a0012;color:var(--dcg-text-primary, #fff)}.dcg-topbar__checkbox--radio{border-radius:999px}.dcg-topbar__box--radio{width:14px;height:14px;border:1.5px solid var(--dcg-border-strong, rgba(255,255,255,.22));border-radius:999px;background:transparent;transition:border-color .1s;position:relative;flex-shrink:0}.dcg-topbar__checkbox--radio:checked~.dcg-topbar__box--radio{border-color:var(--dcg-orange, #FF7A00)}.dcg-topbar__radio-dot{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:999px;background:var(--dcg-orange, #FF7A00);opacity:0;transition:opacity .1s}.dcg-topbar__checkbox--radio:checked~.dcg-topbar__box--radio .dcg-topbar__radio-dot{opacity:1}.dcg-topbar__option:has(.dcg-topbar__checkbox--radio:checked){background:#ff7a0012;color:var(--dcg-text-primary, #fff)}.dcg-topbar__dropdown-inner{padding:12px 16px}.dcg-topbar__price-row{display:flex;align-items:center;gap:10px}.dcg-topbar__price-field{position:relative;flex:1}.dcg-topbar__currency{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.82rem;color:var(--dcg-text-muted, rgba(255,255,255,.45));pointer-events:none;z-index:1}.dcg-topbar__price-input{width:100%;height:40px;padding:0 40px 0 26px;background:var(--dcg-bg-elevated, #1E2028);border:1px solid var(--dcg-border-default, rgba(255,255,255,.12));border-radius:var(--dcg-radius-md, 8px);color:var(--dcg-text-primary, #fff);font-size:.88rem;-moz-appearance:textfield;box-shadow:none}.dcg-topbar__price-input::-webkit-outer-spin-button,.dcg-topbar__price-input::-webkit-inner-spin-button{-webkit-appearance:none}.dcg-topbar__price-input:focus{outline:none;border-color:var(--dcg-border-orange, rgba(255,122,0,.35));box-shadow:0 0 0 3px #ff7a001a}.dcg-topbar__price-label{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dcg-text-muted, rgba(255,255,255,.45));pointer-events:none}.dcg-topbar__price-sep{color:var(--dcg-text-muted, rgba(255,255,255,.45));font-size:.9rem;flex-shrink:0}.dcg-topbar__dropdown-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px 12px;border-top:1px solid var(--dcg-border-subtle, rgba(255,255,255,.07));margin-top:4px}.dcg-topbar__clear{font-size:.82rem;font-weight:600;color:var(--dcg-text-muted, rgba(255,255,255,.45));text-decoration:none;cursor:pointer;transition:color .12s}.dcg-topbar__clear:not(.is-disabled):hover{color:var(--dcg-text-primary, #fff)}.dcg-topbar__clear.is-disabled{pointer-events:none;opacity:.4}.dcg-topbar__apply{height:32px;padding:0 16px;background:var(--dcg-orange, #FF7A00);border:none;border-radius:var(--dcg-radius-pill, 999px);color:#000;font-size:.82rem;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:opacity .12s ease}.dcg-topbar__apply:hover{opacity:.88}@media(max-width:991px){.dcg-topbar{padding:8px 0 6px;margin-bottom:10px}.dcg-topbar__pill{height:34px;font-size:.82rem;padding:0 12px}.dcg-topbar__dropdown{min-width:unset;position:fixed;bottom:0;top:auto;left:0;right:0;border-radius:var(--dcg-radius-lg, 12px) var(--dcg-radius-lg, 12px) 0 0;max-height:60vh;overflow-y:auto;z-index:9999;animation:dcg-topbar-slide-up .2s ease}@keyframes dcg-topbar-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dcg-topbar__pill-wrap--sort .dcg-topbar__dropdown{right:0;left:0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/dcg-topbar-filters.css.map */