.croma-facets__dialog,.croma-facets__no-js{display:none}body.croma-facets-open{overflow:hidden}.croma-facets__dialog[open]{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:block;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--croma-color-foreground, #111111)}.croma-facets__dialog::backdrop{background:color-mix(in srgb,var(--croma-color-foreground, #111111) 28%,transparent)}.croma-facets__dialog-panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(32rem,100vw);height:100%;background:var(--croma-color-background, #ffffff);box-shadow:.75rem 0 2rem color-mix(in srgb,var(--croma-color-foreground, #111111) 12%,transparent);animation:croma-facets-drawer-in .22s ease-out both}.croma-facets__dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--croma-space-sm, 1rem);min-height:var(--croma-header-height-mobile, 64px);padding-inline:var(--container-margin, 1rem);border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.croma-facets__dialog-title{margin:0;font-family:var(--croma-font-body-family, inherit);font-size:var(--croma-text-base, 1rem);font-style:var(--croma-font-body-style, normal);font-weight:var(--croma-font-body-weight, 400);line-height:1.2}.croma-facets__dialog-close{display:inline-flex;align-items:center;justify-content:center;width:var(--croma-touch-target-min, 44px);height:var(--croma-touch-target-min, 44px);padding:0;border:0;background:transparent;color:currentColor;cursor:pointer}.croma-facets__dialog-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.croma-facets__dialog-close .croma-icon{width:1.25rem;height:1.25rem}.croma-facets__form--drawer{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}.croma-facets__dialog-body{min-height:0;overflow-y:auto;padding:var(--croma-space-sm, 1rem) var(--container-margin, 1rem) var(--croma-space-md, 2rem)}.croma-facets__group--stacked{border-block-end:1px solid color-mix(in srgb,currentColor 12%,transparent)}.croma-facets__group--stacked .croma-selector__summary{justify-content:space-between}.croma-facets__group--stacked .croma-selector__count{margin-inline-start:auto}.croma-facets__group--stacked .croma-selector__panel{padding-block-end:var(--croma-space-sm, 1rem)}.croma-facets__dialog-footer{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:var(--croma-space-sm, 1rem);padding:var(--croma-space-sm, 1rem) var(--container-margin, 1rem);border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);background:var(--croma-color-background, #ffffff)}.croma-facets__show-results{width:100%;margin:0}.no-js .croma-facets__trigger,.no-js .croma-facets__form--desktop,.no-js .croma-facets__density{display:none}.no-js .croma-facets__no-js{display:block;margin-block-end:var(--croma-space-sm, 1rem);padding-block-end:var(--croma-space-sm, 1rem);border-block-end:1px solid color-mix(in srgb,currentColor 12%,transparent)}.croma-facets__no-js>summary{min-height:var(--croma-touch-target-min, 44px);cursor:pointer}.croma-facets__no-js form{display:grid;gap:var(--croma-space-sm, 1rem)}@keyframes croma-facets-drawer-in{0%{transform:translate(-1.5rem);opacity:0}}@media(prefers-reduced-motion:reduce){.croma-facets__dialog-panel{animation:none}}@media screen and (max-width:749px){.croma-facets__dialog-panel{width:100vw;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-facets-drawer.css.map */