.mm-panel__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:var(--mm-color-ui-overlay, rgba(32, 28, 27, .6));opacity:0;pointer-events:none;transition:opacity .35s var(--mm-curve-out, cubic-bezier(.22, 1, .36, 1))}.mm-panel.is-open .mm-panel__overlay{opacity:1;pointer-events:auto}.mm-panel__box{position:fixed;top:var(--mm-space-2, 8px);right:var(--mm-space-2, 8px);bottom:max(var(--mm-space-2, 8px),env(safe-area-inset-bottom));z-index:121;width:min(568px,calc(100vw - 16px));display:flex;flex-direction:column;background:var(--mm-color-white, #ffffff);border:1px solid var(--mm-color-black-100, #e9e8e8);border-radius:var(--mm-radius-xl, 20px);box-shadow:var(--mm-shadow-lg, 0 20px 60px rgba(32, 28, 27, .22));overflow:hidden;transform:translate(calc(100% + var(--mm-space-4, 16px)));visibility:hidden;pointer-events:none;transition:transform .42s var(--mm-curve-out, cubic-bezier(.22, 1, .36, 1)),visibility 0s linear .42s}.mm-panel.is-open .mm-panel__box{transform:none;visibility:visible;pointer-events:auto;transition:transform .55s var(--mm-curve-soft, cubic-bezier(.26, 1.1, .4, 1)),visibility 0s}.mm-panel__head{flex:none;display:flex;align-items:center;gap:var(--mm-space-2, 8px);padding:var(--mm-space-4, 16px) var(--mm-space-6, 24px);background:var(--mm-color-secondary-light, #fef7ff)}.mm-panel__head-txt{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--mm-space-1, 4px)}.mm-panel__title{margin:0;font:800 var(--mm-font-size-text-lg, 20px) / 1.3 var(--mm-font);color:var(--mm-color-ui-title, #201c1b)}.mm-panel__subtitle{margin:0;font:400 var(--mm-font-size-text-sm, 14px) / 1.35 var(--mm-font);letter-spacing:-.02em;color:var(--mm-color-ui-text-light, #8f8e8d)}.mm-panel__close{width:34px;height:34px;flex:none;border:0;padding:0;border-radius:var(--mm-radius-full, 1000px);background:var(--mm-color-black-100, #e9e8e8);color:var(--mm-color-black-900, #201c1b);cursor:pointer;display:grid;place-items:center;transition:transform var(--mm-duration-medium, .38s) var(--mm-curve-big, cubic-bezier(.3, 1.9, .44, 1))}@media(hover:hover){.mm-panel__close:hover{transform:rotate(90deg) scale(1.08)}}.mm-panel__close:active{transform:scale(.9)}.mm-panel__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--mm-space-6, 24px)}@media(max-width:749px){.mm-panel--sheet .mm-panel__box{top:auto;left:var(--mm-space-2, 8px);right:var(--mm-space-2, 8px);width:auto;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);border-radius:var(--mm-radius-lg, 16px);transform:translateY(calc(100% + var(--mm-space-4, 16px)));transition:transform .42s var(--mm-curve-out, cubic-bezier(.22, 1, .36, 1)),visibility 0s linear .42s}.mm-panel--sheet.is-open .mm-panel__box{transform:none;transition:transform .55s var(--mm-curve-soft, cubic-bezier(.26, 1.1, .4, 1)),visibility 0s}.mm-panel--sheet .mm-panel__head{padding:var(--mm-space-3, 12px);background:var(--mm-color-white, #ffffff)}.mm-panel--sheet .mm-panel__title{font-size:var(--mm-font-size-title-sm-mobile, 25px);line-height:1;letter-spacing:-.8px}.mm-panel--sheet .mm-panel__body{padding:var(--mm-space-3, 12px);padding-top:var(--mm-space-1, 4px)}}@media(max-width:749px){.mm-panel:not(.mm-panel--sheet):not(.mm-panel--dialog) .mm-panel__head{padding:var(--mm-space-4, 16px) var(--mm-space-5, 20px)}.mm-panel:not(.mm-panel--sheet):not(.mm-panel--dialog) .mm-panel__body{padding:var(--mm-space-5, 20px)}}.mm-panel--dialog .mm-panel__overlay{background:#201c1b80}.mm-panel--dialog .mm-panel__box{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(1300px,calc(100vw - 64px));height:fit-content;max-height:calc(100vh - 64px);transform:scale(.96);opacity:0;transition:transform .42s var(--mm-curve-out, cubic-bezier(.22, 1, .36, 1)),opacity .42s var(--mm-curve-out, cubic-bezier(.22, 1, .36, 1)),visibility 0s linear .42s}.mm-panel--dialog.is-open .mm-panel__box{transform:none;opacity:1;transition:transform .55s var(--mm-curve-soft, cubic-bezier(.26, 1.1, .4, 1)),opacity .55s var(--mm-curve-soft, cubic-bezier(.26, 1.1, .4, 1)),visibility 0s}.mm-panel--dialog .mm-panel__body{flex:1 1 auto;padding:0;overflow-y:auto;overflow-x:hidden}@media(max-width:749px){.mm-panel--dialog .mm-panel__box{top:var(--mm-space-2, 8px);left:var(--mm-space-2, 8px);right:var(--mm-space-2, 8px);bottom:max(var(--mm-space-2, 8px),env(safe-area-inset-bottom));width:auto;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);border-radius:var(--mm-radius-lg, 16px);transform:translateY(calc(100% + var(--mm-space-4, 16px)));opacity:1;transition:transform .42s var(--mm-curve-out, cubic-bezier(.22, 1, .36, 1)),visibility 0s linear .42s}.mm-panel--dialog.is-open .mm-panel__box{transform:none;transition:transform .55s var(--mm-curve-soft, cubic-bezier(.26, 1.1, .4, 1)),visibility 0s}.mm-panel--dialog .mm-panel__head{padding:var(--mm-space-3, 12px);background:var(--mm-color-white, #ffffff)}.mm-panel--dialog .mm-panel__title{font-size:var(--mm-font-size-title-sm-mobile, 25px);line-height:1;letter-spacing:-.8px}.mm-panel--dialog .mm-panel__body{overflow-y:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mm-panel.css.map */