.custom-modal{z-index:1200;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.custom-modal.theme-dark{background-color:#0a0a0acc;animation:.2s forwards modalBackgroundFadeScaleInDark}.custom-modal.theme-light{-webkit-backdrop-filter:blur(12px);background-color:#f8f8f899;animation:.25s cubic-bezier(.16,1,.3,1) forwards modalBackgroundFadeScaleInLight}.custom-modal.refined-light-overlay{-webkit-backdrop-filter:blur(16px);background-color:#f6f4f8b8;animation:.25s cubic-bezier(.16,1,.3,1) forwards modalBackgroundFadeScaleInRefined}@media (prefers-reduced-motion:reduce){.custom-modal.refined-light-overlay,.custom-modal.refined-light-overlay .custom-modal-container{animation:none}}@keyframes modalBackgroundFadeScaleInDark{0%{background-color:#0a0a0ab3}to{background-color:#0a0a0acc}}@keyframes modalBackgroundFadeScaleInLight{0%{background-color:#f8f8f800}to{background-color:#f8f8f899}}@keyframes modalBackgroundFadeScaleInRefined{0%{background-color:#f6f4f800}to{background-color:#f6f4f8b8}}.custom-modal .custom-modal-container{color:#fff;background-color:#121212;border:1px solid #ffffff1a;border-radius:12px;width:fit-content;position:relative}.custom-modal .custom-modal-container.theme-light{color:#0f172a;background:#fff;border:none;border-radius:24px;box-shadow:0 16px 40px #0f172a14,0 2px 8px #0f172a0a}.custom-modal .custom-modal-container.theme-light.side,.custom-modal .custom-modal-container.theme-light.side-small,.custom-modal .custom-modal-container.theme-light.side-left{background-color:#fff}@media (max-width:450px){.custom-modal .custom-modal-container.theme-light.traditional-small{border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:100%;height:88dvh;max-height:88dvh;margin:0;animation:.3s cubic-bezier(.25,.46,.45,.94) forwards modalSlideTop;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000014}.custom-modal .custom-modal-container.theme-light.traditional-small .modal-content.traditional-small{flex-direction:column;flex:1;min-height:0;max-height:none;display:flex}}.custom-modal .custom-modal-container.theme-light .modal-header .modal-title{color:#0f172a}.custom-modal .custom-modal-container.theme-light .modal-header .action{cursor:pointer;background:#0f172a0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .2s,opacity .2s;display:flex}.custom-modal .custom-modal-container.theme-light .modal-header .action:hover{opacity:1;background:#0f172a17}.custom-modal .custom-modal-container.theme-light .modal-header .action:focus-visible{outline-offset:2px;outline:2px solid #2021241f}.custom-modal .custom-modal-container.theme-light .modal-header .action img{filter:invert();width:auto;max-width:16px;height:10px}@media (max-width:520px){.custom-modal .custom-modal-container{max-width:100%}}.custom-modal .custom-modal-container.traditional,.custom-modal .custom-modal-container.traditional-small{will-change:opacity,transform;border-radius:24px;animation:.24s cubic-bezier(.16,1,.3,1) forwards modalFadeScaleIn}@media (max-width:450px){.custom-modal .custom-modal-container.traditional,.custom-modal .custom-modal-container.traditional-small{border-radius:24px;width:calc(100vw - 20px);max-width:520px;box-shadow:0 16px 40px #0f172a14,0 2px 8px #0f172a0a}.custom-modal .custom-modal-container.mobile-sheet{border-radius:10px 10px 0 0;flex-direction:column;width:100%;max-width:100%;height:88dvh;max-height:88dvh;margin:0;animation:.3s cubic-bezier(.25,.46,.45,.94) forwards modalSlideTop;display:flex;position:fixed;inset:auto 0 0}}.custom-modal .custom-modal-container.side{background-color:#202124;border-left:1px solid #ffffff1a;border-radius:0;width:500px;height:100vh;animation:.5s cubic-bezier(.25,1,.5,1) forwards modalSlideRight;position:absolute;right:0}.custom-modal .custom-modal-container.side-small{background-color:#202124;border-left:1px solid #ffffff1a;border-radius:0;width:350px;height:100vh;animation:.5s cubic-bezier(.25,1,.5,1) forwards modalSlideRight;position:absolute;right:0}@media (max-width:375px){.custom-modal .custom-modal-container.side-small{width:100%;max-width:350px}}.custom-modal .custom-modal-container.side-left{will-change:opacity,transform;background-color:#202124;border-right:1px solid #ffffff1a;border-radius:0 12px 12px 0;flex-direction:column;width:min(360px,100vw - 24px);height:100dvh;animation:.32s cubic-bezier(.16,1,.3,1) forwards modalSlideLeft;display:flex;position:absolute;top:0;bottom:0;left:0}.custom-modal .custom-modal-container.full-screen{background-color:#202124;border:0;border-radius:0;flex-direction:column;align-self:flex-end;width:100%;height:100dvh;animation:.5s cubic-bezier(.25,1,.5,1) forwards modalSlideTop;display:flex;bottom:0}.custom-modal .custom-modal-container.full-screen.theme-light{color:#202124;background-color:#fff}.custom-modal .custom-modal-container.full-screen-no-gap{background-color:#202124;border-radius:0;flex-direction:column;align-self:flex-end;width:100%;height:100dvh;animation:.5s cubic-bezier(.25,1,.5,1) forwards modalSlideTop;display:flex;bottom:0}.custom-modal .custom-modal-container.full-screen-no-gap.theme-light{color:#202124;background-color:#fff}.custom-modal .custom-modal-container .modal-content{height:100%;overflow:auto}.custom-modal .custom-modal-container .modal-content.full-screen,.custom-modal .custom-modal-container .modal-content.full-screen-no-gap{flex:1;height:auto;min-height:0}.custom-modal .custom-modal-container .modal-content.traditional{box-sizing:border-box;overscroll-behavior:contain;flex-direction:column;width:480px;max-width:calc(100vw - 48px);max-height:88vh;padding:0 24px 24px;display:flex;overflow-y:auto}@media (max-width:520px){.custom-modal .custom-modal-container .modal-content.traditional{width:calc(100vw - 48px);max-height:92vh}}@media (max-width:450px){.custom-modal .custom-modal-container .modal-content.traditional{box-sizing:border-box;overscroll-behavior:contain;width:100%;max-width:100%;max-height:calc(100dvh - 72px);padding:0 16px 20px;overflow-y:auto}}.custom-modal .custom-modal-container .modal-content.traditional-small{box-sizing:border-box;flex-direction:column;width:560px;min-width:300px;max-width:580px;min-height:100px;max-height:85vh;padding:0 20px 20px;display:flex}@media (max-width:520px){.custom-modal .custom-modal-container .modal-content.traditional-small{width:100%;max-width:calc(100vw - 48px)}}@media (max-width:450px){.custom-modal .custom-modal-container .modal-content.traditional-small{width:100%;min-width:0;max-width:100%;max-height:calc(100dvh - 92px);padding:0 16px calc(16px + env(safe-area-inset-bottom));overscroll-behavior:contain;overflow:auto}}.custom-modal .custom-modal-container .modal-content.size-compact{width:340px;min-width:0;max-width:calc(100vw - 48px)}.custom-modal .custom-modal-container .modal-content.size-small{width:480px;min-width:0;max-width:calc(100vw - 48px)}.custom-modal .custom-modal-container .modal-content.size-medium{width:560px;min-width:0;max-width:calc(100vw - 48px)}.custom-modal .custom-modal-container .modal-content.size-large{width:720px;min-width:0;max-width:calc(100vw - 48px)}@media (max-width:450px){.custom-modal .custom-modal-container .modal-content.size-compact,.custom-modal .custom-modal-container .modal-content.size-small,.custom-modal .custom-modal-container .modal-content.size-medium,.custom-modal .custom-modal-container .modal-content.size-large{width:100%;min-width:0;max-width:100%}}.custom-modal .custom-modal-container .modal-content.padding-none{padding:0}.custom-modal .custom-modal-container .modal-content.allow-overflow{overflow:visible}.custom-modal .custom-modal-container .modal-content.side{height:calc(100vh - 70px)}.custom-modal .custom-modal-container .modal-content.side-left{flex:1;height:auto;min-height:0}.custom-modal .custom-modal-container .modal-header{flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;padding:16px 20px;display:flex;position:relative}@media (max-width:450px){.custom-modal .custom-modal-container .modal-header{min-height:52px;padding:12px 16px}}.custom-modal .custom-modal-container .modal-header.extra-margin{height:auto;padding:15px 60px}@media (max-width:800px){.custom-modal .custom-modal-container .modal-header.extra-margin{padding:10px 30px}}@media (max-width:450px){.custom-modal .custom-modal-container .modal-header.extra-margin{height:60px;padding:8px 20px}}.custom-modal .custom-modal-container .modal-header .modal-title{color:#ffffffe6;text-transform:capitalize;margin-top:5px;margin-bottom:0;font-size:16px;font-weight:500}.custom-modal .custom-modal-container .modal-header .action{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:opacity .2s;display:flex}.custom-modal .custom-modal-container .modal-header .action:only-child{margin-left:auto}.custom-modal .custom-modal-container .modal-header .action:hover{opacity:.7}.custom-modal .custom-modal-container .modal-header .action:focus-visible{outline-offset:2px;outline:2px solid #2021241f}.custom-modal .custom-modal-container .modal-header .action img{width:auto;height:12px}@keyframes modalFadeScaleIn{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes modalSlideLeft{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes modalSlideTop{0%{opacity:.5;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.custom-modal .custom-modal-container.side,.custom-modal .custom-modal-container.side-small,.custom-modal .custom-modal-container.side-left{animation:none}}
