.modal{z-index:calc(105 + 2 * var(--depth,0));background:var(--theme-scrim);flex-direction:column;padding:24px;animation:.14s cubic-bezier(.25,.46,.45,.94) backwards fade-in;display:flex;position:fixed;inset:0;overflow:hidden}.modal--closing{animation:fade-out var(--t-exit) cubic-bezier(.25, .46, .45, .94) forwards;pointer-events:none}.modal__dialog{--theme-surface:var(--theme-surface-raised);background:var(--theme-surface-raised);border:1px solid var(--theme-border-soft);width:100%;max-width:440px;max-height:100%;box-shadow:var(--theme-shadow-pop);--scale-from:.98;--scale-shift:0;transform-origin:50%;border-radius:16px;flex-direction:column;margin:auto;animation:.14s cubic-bezier(.25,.46,.45,.94) backwards scale-fade-in;display:flex}@media (width<=544px){.modal__dialog{max-width:100%}}.modal--closing .modal__dialog{--scale-from:.98;--scale-shift:0;transform-origin:50%;animation:scale-fade-out var(--t-exit) cubic-bezier(.25, .46, .45, .94) forwards;pointer-events:none}.modal--viewer{background:var(--theme-viewer-scrim);padding:0;overflow:hidden}.modal--viewer .modal__dialog{width:100%;max-width:100%;height:100%;box-shadow:none;background:0 0;border:none;border-radius:0;animation:none;overflow:hidden}.modal--viewer .modal__body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.modal--record .modal__dialog{border-radius:12px;width:100%;max-width:100%;height:100%}.modal--record .modal__body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}@media (width<=768px){.modal--record{padding:0}.modal--record .modal__dialog{border:none;border-radius:0}}.modal--canvas{background:var(--theme-scrim-canvas);padding:40px 32px 32px}.modal--canvas .modal__dialog{border-radius:12px;width:100%;max-width:100%;height:100%}.modal--canvas .modal__body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}@media (width<=768px){.modal--canvas{padding:0}.modal--canvas .modal__dialog{border:none;border-radius:0}}.modal--large{background:var(--theme-scrim-canvas);animation:.2s ease-in-out backwards fade-in}.modal--large .modal__dialog{max-width:1200px;height:min(85vh,750px);box-shadow:var(--theme-shadow-menu-lg);--scale-from:.95;--scale-shift:0;transform-origin:50%;border:none;animation:.2s ease-in-out backwards scale-fade-in}.modal--large .modal__body{flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.modal--large.modal--closing{animation:fade-out var(--t-exit) cubic-bezier(.25, .46, .45, .94) forwards;pointer-events:none}.modal--large.modal--closing .modal__dialog{--scale-from:.95;--scale-shift:0;transform-origin:50%;animation:scale-fade-out var(--t-exit) cubic-bezier(.25, .46, .45, .94) forwards;pointer-events:none}.modal--palette{background:0 0;padding:16vh 24px 24px}.modal--palette .modal__dialog{transform-origin:top;margin:0 auto auto}@media (width<=768px){.modal--palette{padding:0}.modal--palette .modal__dialog{border:none;border-radius:0;max-width:100%;min-height:100%;margin:0}.modal--sheet{padding:0}.modal--sheet .modal__dialog{transform-origin:bottom;border-radius:16px 16px 0 0;max-width:100%;max-height:92%;margin:auto 0 0}.modal--sheet .modal__grabber{display:block}.modal--sheet .modal__footer .button{height:44px}.modal--sheet .modal__footer .button--primary{flex:1}}@media (width<=544px){.modal--page{padding:0}.modal--page .modal__dialog{width:100%;max-width:none;min-height:100svh;max-height:100svh;box-shadow:none;border:0;border-radius:0;margin:0}.modal--page .modal__dialog>.modal__body:last-child{padding-bottom:env(safe-area-inset-bottom)}.modal--page .modal__dialog>.modal__footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.modal--page .modal__dialog>.modal__footer .button{height:44px}.modal--page .modal__dialog>.modal__footer .button--primary{flex:1}}.modal__grabber{background:var(--theme-border-strong);border-radius:999px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0;display:none}.modal__head{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 0;display:flex}.modal__title{letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:20px}.modal__body{min-height:0;padding:12px 16px 16px;overflow:hidden auto}.modal__body:first-child,.modal__grabber+.modal__body{border-start-start-radius:inherit;border-start-end-radius:inherit}.modal__body:last-child{border-end-end-radius:inherit;border-end-start-radius:inherit}.modal__footer{border-end-end-radius:inherit;border-end-start-radius:inherit;justify-content:flex-end;align-items:center;gap:8px;padding:0 16px 16px;display:flex}