.bonk-filters{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:transparent;visibility:hidden;pointer-events:none;font-family:var(--bonk-font);color:#000}.bonk-filters.is-open{visibility:visible;pointer-events:auto}.bonk-filters :where(h2,ul){margin:0}.bonk-filters__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#0006;opacity:0;transition:opacity .25s ease}.bonk-filters.is-open .bonk-filters__overlay{opacity:1}.bonk-filters__panel{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:min(100%,360px);background:#fff;transform:translate(-100%);transition:transform .25s ease}.bonk-filters.is-open .bonk-filters__panel{transform:none}@starting-style{.bonk-filters.is-open .bonk-filters__overlay{opacity:0}.bonk-filters.is-open .bonk-filters__panel{transform:translate(-100%)}}.bonk-filters__header{display:flex;align-items:center;gap:16px;padding:24px 16px;border-bottom:1px solid #e5e7eb}.bonk-filters__title{flex:1 1 auto;font-family:var(--bonk-font);font-weight:900;font-size:12px;line-height:16px;letter-spacing:2.2px;text-transform:uppercase;color:#0a0a0a}.bonk-filters__clear,.bonk-filters__clear:visited{font-weight:500;font-size:11px;line-height:16.5px;letter-spacing:0;text-decoration:underline;color:#696969}.bonk-filters__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-8px -8px -8px 0;padding:0;border:0;background:none;color:#000;cursor:pointer}.bonk-filters__close .icon{width:16px;height:16px}.bonk-filters__groups{flex:1 1 auto;padding:0 16px;overflow-y:auto;overscroll-behavior:contain}.bonk-filters__group{padding-top:1px;border-top:1px solid #e5e7eb}.bonk-filters__group:first-child{border-top:0}.bonk-filters__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;list-style:none;cursor:pointer}.bonk-filters__summary::-webkit-details-marker{display:none}.bonk-filters__summary:focus-visible{outline:2px solid #000000;outline-offset:2px;box-shadow:none}.bonk-filters__group-title{font-weight:900;font-size:14px;line-height:21px;letter-spacing:1.4px;text-transform:uppercase;color:#000}.bonk-filters__chevron{display:flex;flex:none;color:#000;transform:rotate(180deg);transition:transform .2s ease}.bonk-filters__chevron .icon{display:block;width:12px;height:12px}.bonk-filters__group[open] .bonk-filters__chevron{transform:none}.bonk-filters__body{margin-top:10px;padding-bottom:24px}.bonk-filters__values{padding:0;list-style:none}.bonk-filters__value{position:relative}.bonk-filters__input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.bonk-filters__label{display:flex;cursor:pointer}.bonk-filters__input:disabled+.bonk-filters__label{opacity:.4;cursor:default}.bonk-filters__input:focus-visible+.bonk-filters__label{outline:2px solid #000000;outline-offset:2px}.bonk-filters__name{font-weight:500;font-size:13px;line-height:19.5px;letter-spacing:0;color:#000}.bonk-filters__values--list{display:flex;flex-direction:column;gap:15px}.bonk-filters__values--list .bonk-filters__value{padding-bottom:4px}.bonk-filters__values--list .bonk-filters__label{align-items:flex-start;gap:10px}.bonk-filters__values--list .bonk-filters__name{text-transform:capitalize}.bonk-filters__box{position:relative;flex:none;width:18px;height:18px;border:1px solid #d1d5db;border-radius:4px;background:#fff}.bonk-filters__input:checked+.bonk-filters__label .bonk-filters__box{border-color:#0a0a0a;background:#0a0a0a}.bonk-filters__input:checked+.bonk-filters__label .bonk-filters__box:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.bonk-filters__values--size{display:grid;grid-template-columns:repeat(3,50px);justify-content:space-between;gap:12px 0}.bonk-filters__values--size .bonk-filters__label{align-items:center;justify-content:center;width:50px;height:50px;padding:1px;border:1px solid #000000;border-radius:3px;background:#fff}.bonk-filters__values--size .bonk-filters__name{overflow:hidden;font-size:12px;text-align:center;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.bonk-filters__values--size .bonk-filters__input:checked+.bonk-filters__label{background:#000}.bonk-filters__values--size .bonk-filters__input:checked+.bonk-filters__label .bonk-filters__name{color:#fff}.bonk-filters__values--swatch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px}.bonk-filters__values--swatch .bonk-filters__value{max-width:48px;padding-bottom:4px}.bonk-filters__values--swatch .bonk-filters__label{flex-direction:column;align-items:center;gap:8px;padding-top:8px}.bonk-filters__swatch{flex:none;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:50%;background-color:var(--swatch-color, #ffffff);background-image:var(--swatch-image, none);background-position:center;background-size:cover}.bonk-filters__values--swatch .bonk-filters__name{font-size:12px;line-height:18px;text-align:center;white-space:nowrap}.bonk-filters__values--swatch .bonk-filters__input:checked+.bonk-filters__label .bonk-filters__swatch{outline:1px solid #000000;outline-offset:2px}.bonk-filters__values--swatch .bonk-filters__input:checked+.bonk-filters__label .bonk-filters__name{font-weight:900}.bonk-filters__price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bonk-filters__price-field{display:flex;flex-direction:column;gap:6px}.bonk-filters__price-label{font-weight:800;font-size:10px;line-height:15px;letter-spacing:2.2px;text-transform:uppercase;color:#696969}.bonk-filters__price-input{display:flex;align-items:center;gap:4px;padding:0 8px;border:1px solid #dedede;font-size:13px;line-height:19.5px}.bonk-filters__price-input:focus-within{outline:2px solid #000000;outline-offset:1px}.bonk-filters__price-input input{width:100%;min-width:0;height:36px;margin:0;padding:0;border:0;background:transparent;font-family:var(--bonk-font);font-size:13px;color:#000;-moz-appearance:textfield}.bonk-filters__price-input input:focus{outline:none;box-shadow:none}.bonk-filters__price-input input::-webkit-outer-spin-button,.bonk-filters__price-input input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.bonk-filters__footer{padding:16px;border-top:1px solid #e5e7eb}.bonk-filters__apply{display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:14px 12px;border:0;border-radius:0;background:#0a0a0a;font-family:var(--bonk-font);font-weight:800;font-size:11px;line-height:16.5px;letter-spacing:1.5px;text-transform:uppercase;color:#fff;cursor:pointer}.bonk-filters__apply:focus-visible{outline:2px solid #0a0a0a;outline-offset:2px;box-shadow:none}@media(prefers-reduced-motion:reduce){.bonk-filters__overlay,.bonk-filters__panel,.bonk-filters__chevron{transition:none}}@media screen and (min-width:990px){.bonk-filters{position:static;inset:auto;z-index:auto;display:block;padding-right:10px;overflow:visible;visibility:visible;pointer-events:auto}.bonk-filters__overlay,.bonk-filters__close,.bonk-filters__footer{display:none}.bonk-filters__panel{position:static;display:block;width:auto;transform:none;transition:none}.bonk-filters__header{justify-content:space-between;padding:24px 0;border-bottom:0}.bonk-filters__groups{padding:0;overflow:visible}.bonk-filters__group:first-child{border-top:1px solid #e5e7eb}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-bonk-collection-filters.css.map */