.modal-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;box-sizing:border-box;padding:16px 24px;border-top:1px solid var(--color-border-light)}.modal-footer--spread{justify-content:space-between}.modal-footer__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}@media(max-width:470px){.modal-footer{padding:16px}}[data-bb-skin] .modal-footer{border-top:none;box-shadow:inset 0 1px 0 var(--bb-color-hairline)}:root{--color-primary:#696eff;--color-primary-light:#9497ff;--color-primary-ultralight:#e1e2ff;--color-secondary:#2b2b35;--color-secondary-light:#55555d;--color-surface:#ffffff;--color-background:#f6f7fa;--color-tinfoil:#e6e6e6;--color-border:#e5e8f0;--color-border-light:#f0f0f0;--color-border-secondary:#333333;--color-text:#2b2b35;--color-primary-contrast:#000000;--color-primary-on-surface:#696eff;--color-text-primary:#2b2b35;--color-text-secondary:#55555d;--color-text-tetriary:#9ca3af;--color-text-inverted:#ffffff;--color-input-border:#e5e8f0;--color-input-border-hover:#2b2b35;--color-input-background:#ffffff;--color-input-background-inactive:#f9f9f9;--color-input-text-primary:#333333;--color-input-text-secondary:#999999;--shadow-text-input:none;--shadow-primary-highlight:rgb(105,110,255) 0px 0px 6px;--color-button-primary:#696eff;--color-button-primary-hover:#9497ff;--color-button-primary-pressed:#00034d;--color-button-primary-inactive:#e1e2ff;--color-button-secondary:#2b2b35;--color-button-secondary-hover:#55555d;--color-button-secondary-pressed:#00034d;--color-button-secondary-inactive:#f4f4f5;--color-button-tertiary:#f0f0f0;--color-button-tertiary-hover:#e0e0e0;--color-button-tertiary-pressed:#d0d0d0;--color-button-tertiary-inactive:#f0f0f0;--color-button-tertiary-dark:#e5e8f0;--color-button-tertiary-dark-hover:#c4cbde;--color-button-tertiary-dark-pressed:#b4bcd5;--color-button-tertiary-dark-inactive:#e5e8f0;--color-warning:#f8b400;--color-error:#fd5d5d;--color-error-light:#ffd1d6;--color-success:#5cc37a;--color-success-light:#d8f5d6;--color-info-light:#e5efff;--shadow-primary:rgba(0,0,0,0.05) 0px 2px 4px;--shadow-modal:0 0 10px rgba(0,0,0,0.1019607843);--shadow-error:0px 1px 10px 0px #fd5d5d;--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-md:0 2px 8px rgba(0,0,0,0.06);--shadow-lg:0 4px 16px rgba(0,0,0,0.08);--color-surface-secondary:#f8f9fb;--color-skeleton-base:#e9ecef;--color-skeleton-highlight:rgba(255,255,255,0.35);--radius-sm:2px;--radius-base:5px;--radius-md:6px;--radius-lg:8px;--radius-medium:10px;--radius-xl:12px;--radius-xxl:15px;--radius-huge:16px;--radius-xxxl:20px;--radius-full:50%;--radius-pill:999px;--main-border-radius:8px;--color-form-background:#f8f9fb;--color-list-header-background:#f4f4f5;--color-navigation-bar:#ffffff;--color-reserved-slot:#f6f7fa;--viewport-height-full:100dvh;--viewport-height-safe:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInY{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutY{0%{opacity:1;transform:translateY(0)}to{display:none;opacity:0;transform:translateY(-5px)}}@keyframes fadeInX{0%{opacity:0;transform:translateX(50vw)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInXFromLeft{0%{opacity:0;transform:translateX(-50vw)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutX{0%{opacity:1;transform:translateX(0)}to{display:none;opacity:0;transform:translateX(50vw)}}.modal-component{position:fixed;display:flex;left:0;width:100vw;z-index:1000;top:var(--bb-visible-top,0);height:var(--bb-visible-height,var(--viewport-height-full))}.modal-component-background-blur{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:var(--bb-color-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;position:relative;animation:fadeIn .36s cubic-bezier(.22,1,.36,1)}.modal-component-bottom-sheet-close-icon-container,.modal-component-centered-close-icon-container,.modal-component-side-close-icon-container{width:32px;height:32px;border-radius:var(--radius-full);cursor:pointer;position:absolute;z-index:999;background-color:var(--bb-color-card);box-shadow:inset 0 0 0 1px var(--bb-color-hairline-strong);color:var(--bb-color-ink)}.modal-component-bottom-sheet-close-icon-container:hover,.modal-component-centered-close-icon-container:hover,.modal-component-side-close-icon-container:hover{background-color:var(--bb-color-sunken)}.modal-component-bottom-sheet-close-icon-container:active,.modal-component-centered-close-icon-container:active,.modal-component-side-close-icon-container:active{background-color:var(--bb-color-sunken-strong)}@media(max-width:470px){.modal-component-bottom-sheet-close-icon-container.modal-component-side-close-icon-container,.modal-component-centered-close-icon-container.modal-component-side-close-icon-container,.modal-component-side-close-icon-container.modal-component-side-close-icon-container{display:none}}.modal-component-bottom-sheet-close-icon-container .modal-component-container-close-icon,.modal-component-centered-close-icon-container .modal-component-container-close-icon,.modal-component-side-close-icon-container .modal-component-container-close-icon{position:inherit;top:unset;right:unset;width:12px}.modal-component-side-close-icon-container{top:20px;left:-50px}.modal-component-container-side-modal-left .modal-component-side-close-icon-container{left:unset;right:-50px}@media(min-width:861px)and (max-width:1029px){.modal-component-side-close-icon-container{top:10px;left:-50px}.modal-component-container-side-modal-left .modal-component-side-close-icon-container{left:unset;right:-50px}}.modal-component-bottom-sheet-close-icon-container{top:-50px;right:-5px}@media only screen and (max-width:1300px){.modal-component-bottom-sheet-close-icon-container{right:10px}}.modal-component-centered-close-icon-container{top:12px;right:16px;background-color:rgba(0,0,0,0);box-shadow:none}.modal-component-centered-close-icon-container .modal-component-container-close-icon{position:static;width:18px;color:var(--bb-color-muted)}.modal-component-centered-close-icon-container:hover .modal-component-container-close-icon{color:var(--bb-color-ink)}.modal-component-container{cursor:auto;position:relative;min-height:100px;max-height:calc(var(--viewport-height-full)*.9);width:calc(100% - 40px);border-radius:var(--bb-radius-card);animation:fadeInY .36s cubic-bezier(.22,1,.36,1);z-index:10;box-sizing:border-box;overflow:hidden;margin:20px;background-color:var(--bb-color-card);box-shadow:inset 0 0 0 1px var(--bb-color-hairline),var(--bb-shadow-pop);display:flex}@media(max-width:470px){.modal-component-container{margin:10px;width:calc(100% - 20px);border-radius:var(--radius-md)!important}}.modal-component-container-inline-close .modal-component-container-title{padding-right:56px}.modal-component-container-small{max-width:580px}.modal-component-container-semi-medium{max-width:650px}.modal-component-container-medium{max-width:1000px}.modal-component-container-large{max-width:1200px}.modal-component-container-xl{max-width:1400px}.modal-component-container-full{max-width:100%}.modal-component-container-fixed-modal{position:fixed;top:15%}.modal-component-container-side-modal{position:absolute;display:flex;top:10px;bottom:10px;width:100vw;min-width:350px;height:calc(var(--viewport-height-full) - 20px);margin:0;border-radius:var(--radius-xl)!important;border-top-left-radius:var(--radius-xl)!important;border-top-right-radius:var(--radius-xl)!important;border-bottom-left-radius:var(--radius-xl)!important;border-bottom-right-radius:var(--radius-xl)!important;max-height:unset;overflow:visible;animation:fadeFromRightToLeft .5s}.modal-component-container-side-modal .component-wrapper-container{position:relative}.modal-component-container-side-modal .modal-component-content-container{height:100%;border-radius:inherit;overflow:hidden}.modal-component-container-side-modal-right{right:10px;left:unset;animation:fadeFromRightToLeft .5s}.modal-component-container-side-modal-left,.modal-component-container-side-modal-right{border-radius:var(--radius-xl)!important;border-top-left-radius:var(--radius-xl)!important;border-top-right-radius:var(--radius-xl)!important;border-bottom-left-radius:var(--radius-xl)!important;border-bottom-right-radius:var(--radius-xl)!important}.modal-component-container-side-modal-left{right:unset;left:10px;animation:fadeFromLeftToRight .5s}.modal-component-container-side-modal.modal-component-container-small{max-width:380px!important}.modal-component-container-side-modal.modal-component-container-semi-medium{max-width:450px!important}.modal-component-container-side-modal.modal-component-container-medium{max-width:700px!important}.modal-component-container-side-modal.modal-component-container-large{max-width:980px!important}.modal-component-container-side-modal.modal-component-container-xl{max-width:100px!important}.modal-component-container-side-modal.modal-component-container-fit-height{height:-moz-fit-content;height:fit-content;bottom:0;top:unset;animation:fadeFromBottomToTop .5s}.modal-component-container-side-modal.modal-component-container-fit-height .modal-component-content-container{max-height:var(--viewport-height-full);height:-moz-fit-content;height:fit-content}@media only screen and (max-width:860px){.modal-component-container-side-modal{top:0;right:0;left:0;width:100vw;height:var(--viewport-height-safe);border-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-component-container-side-modal-left,.modal-component-container-side-modal-right{right:0;left:0}}@media(min-width:861px)and (max-width:1029px){.modal-component-container-side-modal{top:10px;bottom:10px;height:calc(var(--viewport-height-full) - 20px);width:calc(100vw - 100px);max-width:calc(100vw - 100px);border-radius:var(--radius-xl)!important;border-top-left-radius:var(--radius-xl)!important;border-top-right-radius:var(--radius-xl)!important;border-bottom-left-radius:var(--radius-xl)!important;border-bottom-right-radius:var(--radius-xl)!important}.modal-component-container-side-modal-right{right:10px;left:unset}.modal-component-container-side-modal-left{right:unset;left:10px}}@media(min-width:1030px){.modal-component-container-side-modal{top:10px;bottom:10px;height:calc(var(--viewport-height-full) - 20px);border-radius:var(--radius-xl)!important;border-top-left-radius:var(--radius-xl)!important;border-top-right-radius:var(--radius-xl)!important;border-bottom-left-radius:var(--radius-xl)!important;border-bottom-right-radius:var(--radius-xl)!important}.modal-component-container-side-modal-right{right:10px;left:unset}.modal-component-container-side-modal-left{right:unset;left:10px}}.modal-component-container-close-icon{font-size:25px;position:absolute;top:8px;right:8px;cursor:pointer;z-index:9999;color:var(--bb-color-ink)}.modal-component-container .content-container{max-height:100%}.modal-component-container-bottom-sheet{position:fixed;bottom:10px;left:10px;right:10px;width:calc(100% - 20px);height:calc(var(--viewport-height-safe) - 34px);margin:0;border-radius:var(--radius-xl);transform:translateY(100%);transition:transform .3s ease-in-out;animation:slideUp .3s ease-in-out forwards;max-width:calc(95% - 20px)!important;overflow:visible}@media(max-width:1029px){.modal-component-container-bottom-sheet{bottom:0;left:0;right:0;width:100%;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%!important}}.modal-component-container-bottom-sheet.modal-component-container-full{left:0;right:0;bottom:0;width:100%;height:var(--viewport-height-safe);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-bottom-left-radius:0;border-bottom-right-radius:0;max-width:100%!important}@media(max-width:470px){.modal-component-container-bottom-sheet.modal-component-container-full{left:0;right:0;width:100%}}.modal-component-container-bottom-sheet .modal-component-content-container{height:100%;overflow-y:auto}.modal-component .modal-component-content-container{overflow-y:auto;flex:1 1;flex-grow:1}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeFromRightToLeft{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeFromLeftToRight{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeFromBottomToTop{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}