.mix-and-match{display:block}body.mix-and-match-open{overflow:hidden}.mix-and-match__dialog{background:rgb(var(--color-background));border:0;border-radius:.8rem;color:rgb(var(--color-foreground));margin:auto;max-height:min(84rem,90vh);max-width:min(156rem,calc(100vw - 4rem));padding:0;width:100%}.mix-and-match__dialog::backdrop{background:rgba(var(--color-foreground),.58);-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.mix-and-match__header{align-items:center;border-bottom:.1rem solid rgb(var(--color-border));display:flex;justify-content:space-between;padding:2rem 2.4rem;position:sticky;top:0;z-index:2;background:rgb(var(--color-background))}.mix-and-match__header .h3{margin:0}.mix-and-match__close{align-items:center;background:transparent;border:0;color:currentColor;cursor:pointer;display:flex;height:4rem;justify-content:center;margin:-1rem;padding:1rem;width:4rem}.mix-and-match__close .icon{height:1.8rem;width:1.8rem}.mix-and-match__content{min-height:24rem;overflow-y:auto;padding:2.4rem}.mix-and-match__loading,.mix-and-match__empty,.mix-and-match__error{align-items:center;display:flex;gap:1rem;justify-content:center;min-height:19rem;text-align:center}.mix-and-match__loading .icon{animation:loading var(--duration-long) infinite linear;height:2.4rem;width:2.4rem}.mix-and-match__grid{display:grid;gap:1.6rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.mix-and-match__grid>.grid__item{max-width:100%;width:100%}@media screen and (max-width:1365px){.mix-and-match__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:989px){.mix-and-match__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.mix-and-match__dialog{border-radius:.8rem .8rem 0 0;margin:auto 0 0;max-height:92vh;max-width:100%;width:100%}.mix-and-match__header,.mix-and-match__content{padding:1.6rem}.mix-and-match__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/component-mix-and-match.css.map */