.filter-toggle-wrapper{margin-bottom:.75rem;margin-left:1rem;margin-right:1rem;position:relative;z-index:20}.filter-toggle-btn{align-items:center;border-radius:.5rem;border-width:1px;display:flex;gap:.625rem;width:100%;--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem;padding:.875rem 1.25rem;--tw-text-opacity:1;color:rgb(55 55 55/var(--tw-text-opacity,1));transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.filter-toggle-btn:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter-toggle-btn:active{--tw-scale-x:.99;--tw-scale-y:.99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter-toggle-btn{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.filter-badge{align-items:center;border-radius:9999px;display:inline-flex;height:22px;justify-content:center;min-width:22px;--tw-bg-opacity:1;background-color:rgb(255 33 42/var(--tw-bg-opacity,1));font-size:10px;font-weight:700;line-height:1;padding-left:.375rem;padding-right:.375rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active-filters-preview{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}.active-chip{align-items:center;border-radius:9999px;cursor:pointer;display:inline-flex;--tw-bg-opacity:1;background-color:rgb(255 33 42/var(--tw-bg-opacity,1));font-size:11px;font-weight:600;padding:.375rem .75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.active-chip:hover{background-color:#ff212acc}.filter-panel{border-radius:.5rem;left:0;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;z-index:30;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 28px #0000001f,0 4px 10px #0000000f}.filter-panel__body{max-height:45vh}.filter-panel__body>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.filter-panel__body{overflow-y:auto;padding:1.25rem}.filter-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)))}.filter-group__label{color:#37373799;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media(min-width:640px){.filter-group__label{font-size:.75rem;line-height:1rem}}.filter-group__options{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.filter-group__options.is-color{gap:.625rem;height:1.75rem}.filter-panel__actions{align-items:center;border-top-width:1px;display:flex;gap:.75rem;--tw-border-opacity:1;background-color:#fafafacc;border-color:rgb(245 245 245/var(--tw-border-opacity,1));padding:.875rem 1.25rem}.filter-action-btn{border-radius:.375rem;flex:1 1 0%;font-size:.875rem;font-weight:700;line-height:1.25rem;padding-bottom:.625rem;padding-top:.625rem;text-align:center;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.filter-action-btn--clear{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(55 55 55/var(--tw-text-opacity,1))}.filter-action-btn--clear:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.filter-action-btn--clear{border:1px solid rgba(0,0,0,.12)}.filter-action-btn--apply{--tw-bg-opacity:1;background-color:rgb(55 55 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.filter-action-btn--apply:hover{background-color:#373737e6}.filter-drop-enter-active,.filter-drop-leave-active{transition:opacity .2s ease,transform .2s ease}.filter-drop-enter-from,.filter-drop-leave-to{opacity:0;transform:translateY(-8px)}.filter-chip{border-radius:.25rem;cursor:pointer;display:inline-block;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:13px;font-weight:600;padding:.375rem .875rem;text-align:center;--tw-text-opacity:1;border:none;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:rgb(55 55 55/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.filter-chip:hover{box-shadow:0 3px 6px #0000001f,0 1px 3px #00000014}.filter-chip.is-active{--tw-bg-opacity:1;background-color:rgb(255 33 42/var(--tw-bg-opacity,1));--tw-text-opacity:1;box-shadow:0 2px 8px #ff212a59;color:rgb(255 255 255/var(--tw-text-opacity,1))}.filter-chip.is-color{background-color:transparent!important;border:none!important;border-radius:9999px!important;box-shadow:none!important;padding:0!important}.filter-chip.is-color.is-active{border-radius:9999px!important;outline:3px solid #ff212a;outline-offset:0}.filter-chip.is-color.is-disabled,.filter-chip.is-disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.filter-chip.is-disabled{box-shadow:none}.desktop-filter-bar{margin-bottom:1.25rem;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.desktop-filter-bar{padding-left:1.5rem;padding-right:1.5rem}}.desktop-filter-bar__inner{align-items:center;border-radius:.25rem;display:flex;gap:2rem;position:relative;--tw-bg-opacity:1;background-color:rgb(246 247 248/var(--tw-bg-opacity,1));padding:.75rem 1.25rem}.desktop-filter-group{align-items:center;display:flex;gap:.625rem;min-width:0}.desktop-filter-group__label{color:#37373780;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.desktop-filter-group__options{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.desktop-filter-group__options.is-color{gap:.5rem;height:1.75rem}.desktop-filter-divider{align-self:stretch;background:#00000014;flex-shrink:0;margin-bottom:.25rem;margin-top:.25rem;width:1px}.desktop-clear-btn{align-items:center;border-radius:9999px;display:flex;gap:.375rem;position:absolute;right:-.625rem;top:-.625rem;--tw-bg-opacity:1;background-color:rgb(55 55 55/var(--tw-bg-opacity,1));font-size:11px;font-weight:700;padding:.25rem .625rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.desktop-clear-btn:hover{--tw-bg-opacity:1;background-color:rgb(255 33 42/var(--tw-bg-opacity,1))}.result-bar{align-items:center;display:flex;font-size:1.125rem;justify-content:space-between;line-height:1.75rem;margin-bottom:.25rem;padding:.625rem 1rem;--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}@media(min-width:640px){.result-bar{padding-left:1.5rem;padding-right:1.5rem}}.result-bar__count{font-weight:500}.result-bar__page{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.items__wrapper{list-style-type:none;margin:0;max-height:50vh;overflow-y:auto;padding-bottom:4rem;padding-left:1rem;padding-right:1rem;scroll-behavior:smooth}@media(min-width:640px){.items__wrapper{max-height:55vh;padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.items__wrapper{height:100%;max-height:none;padding-bottom:0}}.inventory-card{border-bottom-width:1px;display:flex;flex-direction:column;gap:1rem;--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity,1));padding-bottom:1.25rem;padding-top:1.25rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media(min-width:640px){.inventory-card{align-items:center;flex-direction:row;gap:1.25rem;padding-bottom:1.25rem;padding-top:1.25rem}}@media(min-width:1024px){.inventory-card{gap:1.5rem}}.inventory-card:last-child{border-bottom-width:0}.inventory-card:hover{background-color:#fafafa80}.inventory-card__image{align-items:center;display:flex;flex-shrink:0;justify-content:center}.inventory-card__details{flex:1 1 0%;min-width:0}.inventory-card__name{font-size:1rem;font-weight:700;line-height:1.5rem;line-height:1.25;text-align:start;text-transform:uppercase;--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity,1))}[dir=rtl] .inventory-card__name{text-align:right}[dir=ltr] .inventory-card__name{text-align:left}@media(min-width:640px){.inventory-card__name{font-size:1.125rem;line-height:1.75rem}}.feature__list{display:flex;flex-direction:column;gap:.375rem;margin-top:.625rem}@media(min-width:640px){.feature__list{gap:.5rem}}.feature__list-item{align-items:center;display:flex;gap:.5rem}.feature__icon{flex-shrink:0;height:16px;width:16px;--tw-text-opacity:1;color:rgb(212 212 212/var(--tw-text-opacity,1))}@media(min-width:640px){.feature__icon{height:18px;width:18px}}.feature__text{font-size:13px;letter-spacing:.025em;line-height:1.375;--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}@media(min-width:640px){.feature__text{font-size:.875rem;line-height:1.25rem}}.inventory-card__actions{align-items:flex-start;border-top-width:1px;display:flex;flex-direction:column;flex-shrink:0;--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity,1));padding-top:.75rem}@media(min-width:640px){.inventory-card__actions{align-items:flex-end;border-top-width:0;padding-top:0}}.inventory-card__price{display:block;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.25rem;font-weight:900;line-height:1.75rem;text-align:start;--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}[dir=rtl] .inventory-card__price{text-align:right}[dir=ltr] .inventory-card__price{text-align:left}@media(min-width:640px){.inventory-card__price{font-size:1.5rem;line-height:2rem;text-align:end}[dir=rtl] .inventory-card__price{text-align:left}[dir=ltr] .inventory-card__price{text-align:right}}.inventory-card__payment-link{align-items:center;cursor:pointer;display:flex;font-size:.75rem;gap:.375rem;line-height:1rem;margin-top:.375rem;--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1));text-decoration-line:underline;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.inventory-card__payment-link:hover{--tw-text-opacity:1;color:rgb(255 33 42/var(--tw-text-opacity,1))}.inventory-card__add-btn{align-items:center;display:flex;font-weight:500;height:3rem;justify-content:center;margin-top:.75rem;width:100%}@media(min-width:640px){.inventory-card__add-btn{height:auto;width:auto}}.pagination-bar{align-items:center;display:flex;justify-content:center;padding-bottom:1.25rem;padding-top:1.25rem}@media(min-width:768px){.pagination-bar{padding-bottom:1rem;padding-top:1rem}}.pagination-bar__inner{align-items:center;display:flex;gap:.25rem}.pagination-btn{font-size:.875rem;height:44px;line-height:1.25rem}@media(min-width:640px){.pagination-btn{height:48px}}@media(min-width:768px){.pagination-btn{font-size:1rem;line-height:1.5rem}}.pagination-page{font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}[dir=rtl] .desktop-filter-bar__inner,[dir=rtl] .pagination-bar__inner{flex-direction:row-reverse}[dir=rtl] .feature__list{flex-direction:column-reverse}[dir=rtl] .feature__list div{align-self:flex-end}