.c-modal.-open{width:100vw;height:100%;z-index:var(--z-index-5);position:fixed;top:0;left:0}.c-modal>.wrapper{z-index:var(--z-index-5);flex-direction:column;width:100vw;height:100%;display:flex;position:fixed;inset:0;overflow:hidden auto}.c-modal>.wrapper.-right>.modal{align-self:flex-end}.c-modal>.wrapper.-left>.modal{align-self:flex-start}.c-modal>.wrapper.-center,.c-modal>.wrapper.-bottom{align-items:center}.c-modal>.wrapper.-fullscreen{overflow:hidden auto}.c-modal>.wrapper.-fullscreen>.modal{width:894px;max-width:calc(100% - 130px);min-height:100vh;margin:0;top:0}.c-modal>.wrapper.-fullscreen>.modal,.c-modal>.wrapper.-fullscreen>.modal:before{border-radius:0}@media only screen and (width<=1023px){.c-modal>.wrapper.-fullscreen>.modal{max-width:100vw;height:unset}}@media only screen and (width>=1024px){.c-modal>.wrapper:not(.-fullscreen):before,.c-modal>.wrapper:not(.-fullscreen):after{content:"";flex:0 0 80px}}.c-modal>.wrapper>.modal{z-index:var(--z-index-3);opacity:1;max-width:100%;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);margin-bottom:var(--margin-bottom);flex-direction:column;flex-shrink:0;display:flex;position:relative}.c-modal>.wrapper>.modal>*{z-index:2;position:relative}.c-modal>.wrapper>.modal>.content{z-index:auto}.c-modal>.wrapper>.modal:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#fff,#ffffffd4 100%);width:100%;height:100%;display:inline-flex;position:absolute}@media only screen and (width<=1023px){.c-modal>.wrapper>.modal{width:100vw;margin-bottom:0;position:absolute;top:0;bottom:0;transform:translate(0,0)}}.c-modal>.wrapper>.modal.-fullscreen-width{width:100vw;max-width:100vw}.c-modal>.wrapper>.modal.-xx-large{max-width:1440px}@media only screen and (width>=1024px) and (width<=1440px){.c-modal>.wrapper>.modal.-xx-large{width:100vw;min-height:100vh;position:absolute;top:0;bottom:0;overflow-y:hidden;transform:translate(0,0)}.c-modal>.wrapper>.modal.-xx-large,.c-modal>.wrapper>.modal.-xx-large:before{border-radius:unset}.c-modal>.wrapper>.modal.-xx-large>.content{overflow-y:auto}}@media only screen and (width>=1024px){.c-modal>.wrapper>.modal{width:100%;max-width:580px;min-height:250px}.c-modal>.wrapper>.modal,.c-modal>.wrapper>.modal:before{border-radius:5px}.c-modal>.wrapper>.modal.-large{width:100%;max-width:960px}.c-modal>.wrapper>.modal.-extra-large{width:100%;max-width:1000px!important}}.c-modal>.wrapper>.modal>.loader{flex:1;align-self:center;align-items:center;display:flex}.c-modal>.wrapper>.modal>.header{flex-shrink:0;align-items:flex-start;padding:20px 20px 15px;display:flex}.c-modal>.wrapper>.modal>.header.-img-header{background-image:var(--img);background-repeat:no-repeat;background-size:cover;border-top-left-radius:5px;border-top-right-radius:5px;height:200px}.c-modal>.wrapper>.modal>.header>.title{margin-right:auto}@media only screen and (width<=1023px){.c-modal>.wrapper>.modal>.header>.title{display:inline-grid}}.c-modal>.wrapper>.modal>.header>.title>.c-title>.text{color:var(--color-text-base-80)}.c-modal>.wrapper>.modal>.header>.actions{align-items:center;margin-left:auto;display:flex}.c-modal>.wrapper>.modal>.header>.actions>a:not(:last-child),.c-modal>.wrapper>.modal>.header>.actions>button:not(:last-child){margin-right:var(--actions-gap)}.c-modal>.wrapper>.modal>.content{width:100%;min-height:0;padding:5px 20px 50px}.c-modal-fade-enter-active,.c-modal-fade-leave-active{transition:opacity .5s}.c-modal-fade-enter-active>.wrapper>.modal,.c-modal-fade-leave-active>.wrapper>.modal{transition:transform .5s,opacity .35s}.c-modal-fade-enter,.c-modal-fade-enter-from,.c-modal-fade-leave-to,.c-modal-fade-enter>.wrapper>.modal,.c-modal-fade-enter-from>.wrapper>.modal,.c-modal-fade-leave-to>.wrapper>.modal{opacity:0}.c-modal-fade-enter>.wrapper.-right>.modal,.c-modal-fade-enter-from>.wrapper.-right>.modal,.c-modal-fade-leave-to>.wrapper.-right>.modal{transform:translate(100%)}.c-modal-fade-enter>.wrapper.-left>.modal,.c-modal-fade-enter-from>.wrapper.-left>.modal,.c-modal-fade-leave-to>.wrapper.-left>.modal{transform:translate(-100%)}.c-modal-fade-enter>.wrapper.-bottom>.modal,.c-modal-fade-enter-from>.wrapper.-bottom>.modal,.c-modal-fade-leave-to>.wrapper.-bottom>.modal{transform:translateY(100%)}.c-modal-fade-enter>.wrapper:not(.-right,.-left)>.modal,.c-modal-fade-enter-from>.wrapper:not(.-right,.-left)>.modal,.c-modal-fade-leave-to>.wrapper:not(.-right,.-left)>.modal{transform:scale(.3)}
