.mm-side-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:100;opacity:0;transition:opacity var(--duration-default) var(--cubic-bezier-default);cursor:pointer}.mm-side-panel-backdrop.is-open{opacity:1}.mm-side-panel{position:fixed;top:0;right:0;height:100dvh;width:480px;max-width:100vw;background:var(--white);z-index:101;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) var(--cubic-bezier-default);overflow:hidden}.mm-side-panel.is-open{box-shadow:-8px 0 24px #00000014;transform:translate(-30px)}.mm-side-panel-header{display:flex;align-items:center;gap:var(--margin-2);padding:var(--margin-3);border-bottom:1px solid var(--black-100);flex-shrink:0}.mm-side-panel-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--primary);border-radius:var(--rounded);transition:background var(--duration-default) var(--cubic-bezier-default)}.mm-side-panel-close:hover,.mm-side-panel-close:focus-visible{background:var(--black-100);outline:none}.mm-side-panel-title{margin:0}.mm-side-panel--quick-view .mm-quick-view-title-mobile{display:none}@media(max-width:768px){.mm-side-panel--quick-view .mm-quick-view-title-desktop{display:none}.mm-side-panel--quick-view .mm-quick-view-title-mobile{display:inline}}.mm-side-panel-body{flex:1;overflow-y:auto;padding:var(--margin-2);-webkit-overflow-scrolling:touch}.mm-side-panel-color-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;align-content:start;gap:var(--margin-4);background:var(--black-50)}.mm-side-panel-color-card{display:flex;flex-direction:column;gap:var(--margin-2);padding:0;text-decoration:none;color:inherit}.mm-side-panel-color-card-image{position:relative;aspect-ratio:1 / 1;background:var(--white);overflow:hidden;border:solid 1px transparent;transition:border-color var(--duration-default) var(--cubic-bezier-default)}.mm-side-panel-color-card.is-selected .mm-side-panel-color-card-image{border-color:var(--primary)}.mm-side-panel-color-card-image img{width:100%;height:100%;object-fit:contain}.mm-color-card--soldout .mm-side-panel-color-card-image img{opacity:.5}.mm-side-panel-color-soldout{position:absolute;top:8px;left:8px;background:var(--white);padding:4px 8px;border-radius:var(--rounded);color:var(--black-500)}.mm-side-panel-size-guide-image img{width:100%;height:auto;display:block}.mm-side-panel-size-guide-caption{margin-top:var(--margin-2)}@media(max-width:768px){.mm-side-panel{width:100vw}.mm-side-panel-color-grid{gap:var(--margin-4) var(--margin-2)}.mm-side-panel.is-open{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/mm-product-panels.css.map */