.base-drawer{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:rgb(from black r g b/.2);cursor:pointer;inset:0;position:fixed}.base-drawer__content-wrapper{background-color:var(--text-600);border-radius:0;bottom:0;cursor:default;display:flex;flex-direction:column;gap:155px;overflow:hidden;padding:20px 50px;position:absolute;top:0;z-index:10}.base-drawer.right .base-drawer__content-wrapper{right:0}.base-drawer.left .base-drawer__content-wrapper{left:0}.base-drawer__content{overflow-x:hidden;overflow-y:auto;scrollbar-color:transparent;scrollbar-track-color:transparent;height:100%}.base-drawer__content::-webkit-scrollbar-track{background-color:transparent}.base-drawer__content::-webkit-scrollbar,.base-drawer__content::-webkit-scrollbar-thumb{width:3px}.base-drawer__content-close{align-items:center;align-self:flex-end;aspect-ratio:1;background-color:var(--white);border-radius:50%;color:var(--accent-300);cursor:pointer;display:flex;height:24px;justify-content:center;transition:var(--transition);width:24px}@media(hover:hover){.base-drawer__content-close:hover{background-color:var(--accent-300);color:var(--white)}}@media(hover:none){.base-drawer__content-close:active{background-color:var(--accent-300);color:var(--white)}}._animate-from-right{animation:var(--transition-hover) from-right}._animate-to-right{animation:var(--transition-hover) to-right}._animate-from-left{animation:var(--transition-hover) from-left}._animate-to-left{animation:var(--transition-hover) to-left}.base-popup-fade-enter-active,.base-popup-fade-leave-active{transition:opacity var(--transition-hover)}.base-popup-fade-enter-from,.base-popup-fade-leave-to{opacity:0}@keyframes from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes to-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@media screen and (max-width:1700px){.base-drawer__content-wrapper{gap:50px}}@media screen and (max-width:1199px){.base-drawer__content-wrapper{padding:20px;width:100%}}