[data-mtd]{--mtd-css:1;color:#202020;font-family:inherit}.mtd-launch[hidden],.mtd-panel [hidden],.mtd-dot[hidden]{display:none!important}.mtd-launch{box-sizing:border-box;position:fixed;left:max(var(--mtd-launch-left,40px),env(safe-area-inset-left,0px));right:auto;top:auto;bottom:calc(max(var(--mtd-launch-bottom,calc(30px + var(--mst-preview,0px) + var(--mst-bar-height,0px))),env(safe-area-inset-bottom,0px)) + 12px);transform:none;z-index:90;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:auto;min-width:128px;min-height:48px;height:48px;padding:0 15px;background:#fbf8f2;color:#202020;border:1px solid #c6bba9;border-radius:5px;box-shadow:0 3px 16px #00000012;cursor:pointer;font:inherit}.mtd-launch>svg{width:17px;height:17px;transform:rotate(180deg)}.mtd-launch-label{writing-mode:horizontal-tb;font-size:12px;letter-spacing:.025em;line-height:1.4}.mtd-dot{position:absolute;top:9px;left:8px;width:6px;height:6px;border-radius:50%;background:#202020;box-shadow:0 0 0 3px #fbf8f2}.mtd-launch:hover{background:#fff;color:#111}.mtd-panel{box-sizing:border-box;position:fixed;inset:0 auto 0 0;width:min(390px,calc(100vw - 26px));max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-right:1px solid #c6bba9;background:#fbf8f2;color:#202020;box-shadow:12px 0 50px #0000001a;overflow-y:auto;overscroll-behavior:contain;text-align:start}.mtd-panel::backdrop{background:#17171752;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mtd-panel[open]{animation:mtd-in .22s ease-out}.mtd-panel[open]::backdrop{animation:mtd-fade .22s ease-out}.mtd-inner{padding:max(28px,env(safe-area-inset-top)) 26px max(28px,env(safe-area-inset-bottom));min-height:100%;display:flex;flex-direction:column;box-sizing:border-box}.mtd-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:16px}.mtd-brand{font-size:10px;letter-spacing:.24em;line-height:1}.mtd-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d9d2c7;border-radius:50%;background:transparent;color:#202020;cursor:pointer}.mtd-close svg{width:18px;height:18px}.mtd-panel h2{margin:0 0 10px;font-family:var(--typeHeaderPrimary,Georgia),serif;font-size:32px;font-weight:400;line-height:1.16;letter-spacing:0;text-transform:none}.mtd-intro{margin:0 0 30px;color:#75726d;font-size:13px;line-height:1.7;letter-spacing:0}.mtd-section{border-top:1px solid #ddd6ca;padding:23px 0}.mtd-row{display:flex;align-items:center;gap:12px;min-height:30px}.mtd-icon{width:22px;height:22px;flex-shrink:0}.mtd-row h3,.mtd-action-label{margin:0;flex:1;font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none}.mtd-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 9px;border-radius:20px;background:#eee9e0;color:#202020;font-size:11px;line-height:1;letter-spacing:0;white-space:nowrap}.mtd-help{margin:11px 0 0 34px;font-size:12px;line-height:1.7;color:#75726d}.mtd-trial-actions{display:flex;align-items:center;gap:16px;margin:17px 0 0 34px}.mtd-next{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:10px 20px;background:#202020;color:#fff!important;border:1px solid #202020;border-radius:2px;font-size:12px;text-decoration:none!important;line-height:1.4;letter-spacing:0}.mtd-next:hover{background:#000;border-color:#000}.mtd-clear{min-height:44px;padding:8px 0;border:0;background:transparent;color:#6b6863;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.mtd-clear:disabled{display:none}.mtd-action{display:block;width:100%;padding:0;border:0;background:transparent;color:#202020;text-align:start;cursor:pointer;font:inherit}.mtd-action>.mtd-row{width:100%}.mtd-action:hover .mtd-action-label{text-decoration:underline;text-underline-offset:4px}.mtd-action:disabled{cursor:default;color:#777}.mtd-arrow{font-size:19px;font-weight:400;line-height:1;margin-left:3px}.mtd-note{font-size:12px;line-height:1.6;color:#6b6863;margin:12px 0 0 34px}.mtd-note:empty{display:none}.mtd-foot{margin:auto 0 0;padding-top:30px;color:#8b877f;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.mtd-panel :focus-visible,.mtd-launch:focus-visible{outline:2px solid #202020;outline-offset:4px}.mtd-sr{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;clip-path:inset(50%);white-space:nowrap}.mtd-ready .mg-tray,.mtd-ready [data-melody-tools]>.mst-launch{display:none!important}.mtd-ready body.mg-has-selection:not(.mst-bar-visible){padding-bottom:0}.mtd-open{overflow:hidden}.mtd-open .mtd-launch,html.js-drawer-open .mtd-launch,.mtd-open .mst-buy{visibility:hidden}@keyframes mtd-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes mtd-fade{0%{opacity:0}to{opacity:1}}@media(max-width:749px){.mtd-launch{min-width:122px;min-height:48px;height:48px;padding:0 13px}.mtd-inner{padding:max(20px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom))}.mtd-head{margin-bottom:22px}.mtd-panel h2{font-size:30px}.mtd-intro{margin-bottom:24px}.mtd-section{padding:21px 0}.mtd-panel{padding-bottom:var(--mst-preview,0px)}}@media(max-width:359px){.mtd-inner{padding-inline:18px}.mtd-panel h2{font-size:27px}.mtd-row h3,.mtd-action-label{font-size:14px}.mtd-trial-actions{gap:12px;margin-inline-start:0}.mtd-help,.mtd-note{margin-inline-start:0}}@media(prefers-reduced-motion:reduce){.mtd-panel[open],.mtd-panel[open]::backdrop{animation:none}}.mtd-count{min-width:44px}.mtd-action .mtd-arrow{display:none}.mtd-trial-actions:has([data-mtd-next][hidden]){display:none}@media(max-width:749px){.mtd-launch{left:env(safe-area-inset-left,0px);right:auto;top:auto;bottom:calc(24px + env(safe-area-inset-bottom,0px) + var(--mst-preview, 0px));transform:none;flex-direction:column;gap:8px;width:44px;min-width:44px;height:auto;min-height:100px;padding:14px 8px;border-left:0;border-radius:0 8px 8px 0;box-shadow:2px 2px 12px #00000012}body.mst-bar-visible .mtd-launch{bottom:calc(24px + env(safe-area-inset-bottom,0px) + var(--mst-preview, 0px) + var(--mst-bar-height, 0px))}.mtd-launch-label{writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;letter-spacing:.06em;line-height:1.3}.mtd-launch>svg{width:14px;height:14px}.mtd-dot{top:6px;left:18px;width:5px;height:5px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/melody-tools-drawer.css.map */