@layer components-base{.modal{inset:0;overflow:hidden;position:fixed;z-index:1}.modal__background{inset:0;position:absolute}.modal__wrapper{display:flex;flex-direction:column;height:100svh;max-height:100svh;position:relative}.modal__wrapper-header{left:0;position:sticky;top:0;width:100%;z-index:1}.modal__wrapper-scrollable{flex-grow:1}.modal__wrapper-header-close{position:absolute!important;right:var(--spacing);top:var(--spacing)}.modal__wrapper-footer{bottom:0;left:0;position:sticky;width:100%;z-index:1}.modal__wrapper-scrollable{min-height:0;--scrollable-height:100%;--scrollable-max-height:100%}.fade-modal-enter-active,.fade-modal-leave-active{transition:.4s cubic-bezier(.25,.74,.22,.99);transition-property:opacity,transform}.fade-modal-enter-from,.fade-modal-leave-to{opacity:0}}@layer components{.modal{z-index:2}.modal--side-bottom,.modal--side-right{z-index:22}.modal--side-bottom .modal__background,.modal--side-right .modal__background{background:rgba(var(--c-true-black-rgb),.5)}.modal--side-bottom .modal__background.fade-modal-enter-active,.modal--side-bottom .modal__background.fade-modal-leave-active,.modal--side-right .modal__background.fade-modal-enter-active,.modal--side-right .modal__background.fade-modal-leave-active{transition:opacity .8s cubic-bezier(.5,0,.32,1)}.modal--side-bottom .modal__wrapper-header-close,.modal--side-right .modal__wrapper-header-close{right:var(--spacing-layout);top:var(--spacing-layout)}.modal--side-bottom .modal__wrapper,.modal--side-right .modal__wrapper{position:absolute}.modal--side-bottom .modal__wrapper.fade-modal-enter-active,.modal--side-bottom .modal__wrapper.fade-modal-leave-active,.modal--side-right .modal__wrapper.fade-modal-enter-active,.modal--side-right .modal__wrapper.fade-modal-leave-active{transition:.8s cubic-bezier(.5,0,.32,1);transition-property:transform,clip-path,opacity}.modal--side-bottom .modal__wrapper.fade-modal-enter-active .modal__wrapper-header,.modal--side-bottom .modal__wrapper.fade-modal-enter-active .modal__wrapper-scrollable,.modal--side-bottom .modal__wrapper.fade-modal-leave-active .modal__wrapper-header,.modal--side-bottom .modal__wrapper.fade-modal-leave-active .modal__wrapper-scrollable,.modal--side-right .modal__wrapper.fade-modal-enter-active .modal__wrapper-header,.modal--side-right .modal__wrapper.fade-modal-enter-active .modal__wrapper-scrollable,.modal--side-right .modal__wrapper.fade-modal-leave-active .modal__wrapper-header,.modal--side-right .modal__wrapper.fade-modal-leave-active .modal__wrapper-scrollable{transition:.8s cubic-bezier(.5,0,.32,1);transition-property:transform,opacity}.modal--side-bottom .modal__wrapper.fade-modal-enter-from,.modal--side-bottom .modal__wrapper.fade-modal-leave-to,.modal--side-right .modal__wrapper.fade-modal-enter-from,.modal--side-right .modal__wrapper.fade-modal-leave-to{clip-path:var(--modal-hidden-clip-path);opacity:1}.modal--side-bottom .modal__wrapper.fade-modal-enter-from .modal__wrapper-header,.modal--side-bottom .modal__wrapper.fade-modal-enter-from .modal__wrapper-scrollable,.modal--side-bottom .modal__wrapper.fade-modal-leave-to .modal__wrapper-header,.modal--side-bottom .modal__wrapper.fade-modal-leave-to .modal__wrapper-scrollable,.modal--side-right .modal__wrapper.fade-modal-enter-from .modal__wrapper-header,.modal--side-right .modal__wrapper.fade-modal-enter-from .modal__wrapper-scrollable,.modal--side-right .modal__wrapper.fade-modal-leave-to .modal__wrapper-header,.modal--side-right .modal__wrapper.fade-modal-leave-to .modal__wrapper-scrollable{opacity:0;transform:var(--modal-hidden-content-transform)}.modal--side-bottom .modal__wrapper.fade-modal-enter-to,.modal--side-bottom .modal__wrapper.fade-modal-leave-from,.modal--side-right .modal__wrapper.fade-modal-enter-to,.modal--side-right .modal__wrapper.fade-modal-leave-from{clip-path:inset(0)}.modal--side-bottom .modal__wrapper.fade-modal-enter-to .modal__wrapper-header,.modal--side-bottom .modal__wrapper.fade-modal-enter-to .modal__wrapper-scrollable,.modal--side-bottom .modal__wrapper.fade-modal-leave-from .modal__wrapper-header,.modal--side-bottom .modal__wrapper.fade-modal-leave-from .modal__wrapper-scrollable,.modal--side-right .modal__wrapper.fade-modal-enter-to .modal__wrapper-header,.modal--side-right .modal__wrapper.fade-modal-enter-to .modal__wrapper-scrollable,.modal--side-right .modal__wrapper.fade-modal-leave-from .modal__wrapper-header,.modal--side-right .modal__wrapper.fade-modal-leave-from .modal__wrapper-scrollable{opacity:1;transform:none}.modal--side-right{--modal-hidden-clip-path:inset(0 0 0 100%);--modal-hidden-content-transform:translateX(5%);bottom:0;height:100svh;right:0;top:0}@media(max-aspect-ratio:10/11)and (max-width:1439px),(max-aspect-ratio:13/9)and (max-width:667px),(max-width:979px){.modal--side-right{--modal-hidden-clip-path:inset(0 0 100% 0);--modal-hidden-content-transform:translateY(-5%)}}.modal--side-right .modal__wrapper{width:var(--xxl,50vw) var(--n-xxl,var(--lg,62.7vw) var(--n-lg,100vw))}@media(max-aspect-ratio:10/11)and (max-width:1439px)and (max-aspect-ratio:10/11)and (min-width:668px),(max-aspect-ratio:10/11)and (max-width:1439px)and (max-aspect-ratio:13/9)and (max-width:667px),(max-aspect-ratio:13/9)and (max-width:667px)and (max-aspect-ratio:10/11)and (min-width:668px),(max-aspect-ratio:13/9)and (max-width:667px)and (max-aspect-ratio:13/9)and (max-width:667px),(max-width:979px)and (max-aspect-ratio:10/11)and (min-width:668px),(max-width:979px)and (max-aspect-ratio:13/9)and (max-width:667px){.modal--side-right .modal__wrapper{height:auto;max-height:100svh;min-height:50svh}}.modal--side-right .modal__wrapper{background:var(--t-background);right:0;top:0}.modal--side-bottom{--modal-hidden-clip-path:inset(100% 0 0 0);--modal-hidden-content-transform:translateY(5%)}.modal--side-bottom .modal__wrapper{background:var(--t-background-alt);bottom:0;height:auto;left:0;width:100%}}