.capital-native-collection{--capital-filter-accent: #cf2f36;--capital-filter-panel: #15171c;--capital-filter-field: #23262d;--capital-filter-text: #f5f5f5;--capital-filter-muted: #c7cbd1;--capital-filter-border: #3f4246;--capital-filter-rail-width: 340px;--capital-filter-sticky-top: 92px;--capital-filter-radius: 0px;--capital-filter-panel-padding: 18px;--capital-filter-group-gap: 10px;--capital-filter-action-angle: 18px}.capital-native-collection .collection-wrapper{width:min(var(--capital-filter-max-width, 1440px),calc(100% - 32px));margin-inline:auto}@media screen and (min-width:900px){.capital-native-collection .collection-wrapper{display:grid;grid-template-columns:minmax(280px,var(--capital-filter-rail-width)) minmax(0,1fr);gap:clamp(18px,2vw,30px);align-items:start}}.capital-native-filters{color:var(--capital-filter-text);overflow-x:hidden}@media screen and (min-width:900px){.capital-native-filters{position:sticky;top:var(--capital-filter-sticky-top);max-height:calc(100vh - var(--capital-filter-sticky-top) - 16px);overflow-y:auto;overflow-x:hidden;align-self:start;scrollbar-gutter:stable}.capital-native-filters--drawer{position:static;max-height:none;overflow:visible}}.capital-native-filters__mobile-trigger{display:none}.capital-native-filters__panel{display:grid;gap:14px;border:1px solid var(--capital-filter-border);border-radius:var(--capital-filter-radius);background:var(--capital-filter-panel);padding:max(12px,calc(var(--capital-filter-panel-padding) - 4px));overflow-x:hidden}@media screen and (min-width:900px){.capital-native-filters__panel{max-height:none;overflow:visible}}.capital-native-filters__head{display:flex;justify-content:space-between;gap:12px}.capital-native-filters__head p,.capital-native-filters__field>span,.capital-native-filters__group-head>span,.capital-native-filters__range-inputs label>span{color:var(--capital-filter-accent);font-size:.68rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.capital-native-filters__head p{margin:0 0 6px}.capital-native-filters__head h2{margin:0;color:var(--capital-filter-text);font-size:1.22rem;line-height:1;text-transform:uppercase}.capital-native-filters__close{display:none}.capital-native-filters__field{display:grid;gap:8px}.capital-native-filters input,.capital-native-filters select{width:100%;border:1px solid var(--capital-filter-border);border-radius:var(--capital-filter-radius);background:var(--capital-filter-field);color:var(--capital-filter-text);padding:13px 42px 13px 12px;font:inherit;font-size:.88rem;font-weight:850;letter-spacing:.04em}.capital-native-filters select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--capital-filter-text) 50%),linear-gradient(135deg,var(--capital-filter-text) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 15px) 50%;background-size:7px 7px,7px 7px;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff0a;color-scheme:dark;cursor:pointer}.capital-native-filters select option{background:var(--capital-filter-panel);color:var(--capital-filter-text)}.capital-native-filters__sort{position:relative}.capital-native-filters__sort summary{display:flex;align-items:center;justify-content:space-between;min-height:36px;border:0;border-bottom:1px solid var(--capital-filter-border);border-radius:var(--capital-filter-radius);background:transparent;color:var(--capital-filter-text);cursor:pointer;font-size:.9rem;font-weight:900;letter-spacing:.05em;list-style:none;padding:8px 0}.capital-native-filters__sort summary::-webkit-details-marker{display:none}.capital-native-filters__sort summary:after{content:"";width:8px;height:8px;border-right:1px solid var(--capital-filter-muted);border-bottom:1px solid var(--capital-filter-muted);transform:rotate(45deg) translateY(-2px)}.capital-native-filters__sort[open] summary{border-color:color-mix(in srgb,var(--capital-filter-accent) 55%,var(--capital-filter-border));box-shadow:none}.capital-native-filters__sort-menu{display:grid;gap:2px;margin-top:4px;border:0;border-left:1px solid var(--capital-filter-border);border-radius:var(--capital-filter-radius);background:transparent;padding:4px 0 4px 10px;box-shadow:none}.capital-native-filters__sort-option{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;align-items:center;border:0;color:var(--capital-filter-muted);cursor:pointer;font-size:.86rem;font-weight:850;letter-spacing:.03em;padding:5px 0}.capital-native-filters__sort-option:hover,.capital-native-filters__sort-option:focus-within{color:var(--capital-filter-text)}.capital-native-filters__sort-option input{appearance:none;-webkit-appearance:none;width:8px;height:8px;border:1px solid color-mix(in srgb,var(--capital-filter-muted) 54%,transparent);border-radius:50%;background:transparent;background-image:none!important;padding:0;accent-color:var(--capital-filter-accent)}.capital-native-filters__sort-option input:checked{border-color:var(--capital-filter-accent);background:var(--capital-filter-accent);background-image:none!important;box-shadow:0 0 0 3px #ed1c2424}.capital-native-filters__sort-option:has(input:checked){background:transparent;color:var(--capital-filter-text)}.capital-native-filters input:focus,.capital-native-filters select:focus{outline:none;border-color:var(--capital-filter-accent);box-shadow:0 0 0 1px var(--capital-filter-accent)}.capital-native-filters__groups{display:grid;gap:var(--capital-filter-group-gap);min-width:0}.capital-native-filters__group-wrap{border-top:1px solid color-mix(in srgb,var(--capital-filter-border) 82%,transparent);margin-top:2px;min-width:0;padding-top:9px}.capital-native-filters__group-wrap:first-child{border-top:0;margin-top:0;padding-top:0}.capital-native-filters__group{display:grid;gap:8px;min-width:0;padding-top:8px}.capital-native-filters__group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.capital-native-filters__group-head::-webkit-details-marker{display:none}.capital-native-filters__group-head:after{content:"";flex:0 0 auto;width:8px;height:8px;border-right:1px solid var(--capital-filter-muted);border-bottom:1px solid var(--capital-filter-muted);transform:rotate(45deg)}.capital-native-filters__group-wrap[open] .capital-native-filters__group-head:after{transform:rotate(225deg) translateY(-2px)}.capital-native-filters__group-head small{color:var(--capital-filter-muted);font-size:.76rem;font-weight:700;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capital-native-filters__options{display:grid;gap:4px}.capital-native-filters__option{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:12px;align-items:center;color:var(--capital-filter-muted);border:1px solid color-mix(in srgb,var(--capital-filter-border) 90%,transparent);border-radius:max(8px,var(--capital-filter-radius));background:color-mix(in srgb,var(--capital-filter-field) 72%,transparent);font-size:.9rem;font-weight:750;letter-spacing:.01em;min-height:44px;padding:8px 10px;min-width:0}.capital-native-filters__option.is-disabled{opacity:.5}.capital-native-filters__option input{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:2px solid color-mix(in srgb,var(--capital-filter-muted) 54%,transparent);border-radius:3px;background:transparent;background-image:none!important;padding:0}.capital-native-filters__option input:checked{border-color:var(--capital-filter-accent);background:var(--capital-filter-accent);background-image:none!important;box-shadow:0 0 0 3px #ed1c2424}.capital-native-filters__option em{font-style:normal;color:color-mix(in srgb,var(--capital-filter-muted) 62%,transparent);font-size:.76rem}.capital-native-filters__zone{display:grid;gap:10px;min-width:0}.capital-native-filters__zone h3{margin:0;color:var(--capital-filter-accent);font-size:.68rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.capital-native-filters__more{border-top:1px solid var(--capital-filter-border);margin-top:2px;padding-top:10px}.capital-native-filters__more summary{display:flex;align-items:center;justify-content:space-between;color:var(--capital-filter-text);cursor:pointer;font-size:.88rem;font-weight:900;letter-spacing:.08em;list-style:none;text-transform:uppercase}.capital-native-filters__more summary::-webkit-details-marker{display:none}.capital-native-filters__more summary:after{content:"";width:8px;height:8px;border-right:1px solid var(--capital-filter-muted);border-bottom:1px solid var(--capital-filter-muted);transform:rotate(45deg)}.capital-native-filters__more[open] summary:after{transform:rotate(225deg) translateY(-2px)}.capital-native-filters__more .capital-native-filters__groups{border-top:1px solid var(--capital-filter-border);margin-top:8px;padding-top:10px}.capital-native-filters__choices{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.capital-native-filters__choice-input{position:absolute;opacity:0;pointer-events:none}.capital-native-filters__choice{border:1px solid var(--capital-filter-border);border-radius:max(8px,var(--capital-filter-radius));background:color-mix(in srgb,var(--capital-filter-field) 72%,transparent);color:var(--capital-filter-text);cursor:pointer;font:inherit;min-height:40px;min-width:0;max-width:100%;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.capital-native-filters__choice.is-disabled{cursor:not-allowed;opacity:.5}.capital-native-filters__choice--chip{display:inline-flex;align-items:center;gap:8px;justify-content:space-between;max-width:100%;padding:9px 12px}.capital-native-filters__choice--chip em{color:color-mix(in srgb,var(--capital-filter-muted) 75%,transparent);font-size:.72rem;font-style:normal}.capital-native-filters__choice--chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capital-native-filters__choice--segment{flex:1 1 calc(33.333% - 8px);min-width:92px;padding:10px 12px}.capital-native-filters__choice.is-active{border-color:var(--capital-filter-accent);background:var(--capital-filter-accent);color:#fff}.capital-native-filters__choice.is-active em{color:#fffc}.capital-native-filters__range-control{display:grid;gap:10px;border:1px solid color-mix(in srgb,var(--capital-filter-border) 90%,transparent);border-radius:max(8px,var(--capital-filter-radius));background:color-mix(in srgb,var(--capital-filter-field) 75%,transparent);padding:10px}.capital-native-filters__range-summary{color:var(--capital-filter-text);font-size:.92rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2}.capital-native-filters__range-inputs{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.capital-native-filters__range-inputs label{position:relative;display:grid;gap:5px}.capital-native-filters__range-inputs input{border:1px solid var(--capital-filter-border);border-radius:max(8px,var(--capital-filter-radius));background:color-mix(in srgb,var(--capital-filter-panel) 68%,transparent);color:var(--capital-filter-text);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:800;line-height:1.1;min-height:44px;min-width:0;padding:10px 36px 10px 10px}.capital-native-filters__range-inputs i{color:var(--capital-filter-muted);font-size:.76rem;font-style:normal;position:absolute;right:10px;top:33px}.capital-native-filters__range-native{display:none}.capital-native-filters__active{display:flex;flex-wrap:wrap;gap:8px}.capital-native-filters__chip{border:1px solid var(--capital-filter-border);border-radius:var(--capital-filter-radius);color:var(--capital-filter-muted);padding:6px 8px;font-size:.82rem;text-decoration:none}.capital-native-filters__actions{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-top:1px solid color-mix(in srgb,var(--capital-filter-border) 80%,transparent);gap:.5px;margin-top:4px;padding-top:12px}.capital-native-filters__submit,.capital-native-filters__reset{align-items:center;border:1px solid var(--capital-filter-accent);border-radius:var(--capital-filter-radius);background:var(--capital-filter-accent);color:#fff;display:inline-flex;justify-content:center;font-size:.82rem;min-height:44px;padding:8px 7px;font:inherit;font-weight:950;letter-spacing:.04em;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .14s ease}@media(hover:hover)and (pointer:fine){.capital-native-filters__submit:hover,.capital-native-filters__reset:hover{transform:scale(.98)}}.capital-native-filters__submit{border-color:var(--capital-filter-accent);border-radius:0;clip-path:polygon(0 0,100% 0,calc(100% - var(--capital-filter-action-angle)) 100%,0 100%);width:100%}.capital-native-filters__reset{border-color:transparent;border-radius:0;clip-path:polygon(var(--capital-filter-action-angle) 0,100% 0,100% 100%,0 100%);width:100%}.capital-native-filters__close{border-color:var(--capital-filter-border);background:transparent;color:var(--capital-filter-text)}.capital-native-filters__mobile-trigger{border:1px solid var(--capital-filter-accent);border-radius:0;background:var(--capital-filter-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;font:inherit;font-weight:900;letter-spacing:.12em;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer}.capital-native-filters__pending{color:var(--capital-filter-muted);font-size:.72rem;grid-column:1 / -1;margin:0}.capital-native-filters__actions--sticky{position:sticky;bottom:0;z-index:30;background:linear-gradient(180deg,rgb(21 23 28 / 88%) 0%,var(--capital-filter-panel) 32%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-inline:-2px;padding:8px 2px 2px}.capital-native-filters__actions--sticky.is-dirty{box-shadow:0 -10px 24px #00000059}@media screen and (max-width:899px){.capital-native-collection .collection-wrapper{width:min(100% - 24px,1440px);display:block}.capital-native-filters__mobile-trigger{display:flex;position:sticky;top:var(--capital-filter-sticky-top);z-index:25;align-items:center;justify-content:center;width:100%;margin-bottom:14px}.capital-native-filters__panel{display:none;position:fixed;inset:var(--capital-filter-sticky-top) 0 0;z-index:50;max-height:none;overflow-y:auto;overflow-x:hidden;border-radius:0;border-left:0;border-right:0;border-bottom:0;box-shadow:0 20px 60px #00000073}.capital-native-filters__panel.is-open{display:grid}.capital-native-filters__close{display:block}.capital-native-filters__actions{grid-template-columns:1fr 1fr}.capital-native-filters__choice--segment{flex:1 1 calc(50% - 8px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/capital-native-filters.css.map */