body.popap-open{overflow:hidden}.c-popup{align-items:center;background-color:rgba(0,0,0,.85);bottom:0;display:none;flex-direction:row;height:100%;justify-content:flex-end;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:9999999999}.c-popup__inner{background-color:var(--bg-white);border-radius:4px;display:block;height:100%;max-width:375px;overflow-x:hidden;overflow-y:auto;position:relative;transform:translateX(375px);transition:all .3s linear;width:100%}.c-popup__inner::-webkit-scrollbar{width:5px}.c-popup__inner::-webkit-scrollbar-thumb{background-color:var(--bg-black);border-radius:4px}.c-popup__inner::-webkit-scrollbar-track{background-color:var(--bg-gray);border-radius:4px}.c-popup.is-active{display:flex}.c-popup.is-active.animation-change .c-popup__inner{transform:translateX(0);transition:all .3s linear}.c-popup__header{position:absolute;right:18px;top:15px;z-index:999}.c-popup__btn-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-white);border:none;border-radius:50%;cursor:pointer;font-size:0;height:36px;position:relative;transition:all .2s ease-out;width:36px}@media(max-width:576px){.c-popup__btn-close{height:30px;width:30px}}.c-popup__btn-close svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media(max-width:576px){.c-popup__btn-close svg{height:20px;width:20px}}.c-popup__btn-close svg path{transition:all .2s ease-out}.c-popup__btn-close:hover{background-color:var(--text-black)}.c-popup__btn-close:hover svg path{stroke:var(--text-white)}.c-popup__content{margin:0;padding:0}.c-popup--direction-left{justify-content:flex-start}.c-popup--direction-left .c-popup__inner{max-width:444px;transform:translateX(-444px)}@media(max-width:576px){.c-popup--direction-left .c-popup__inner{max-width:100%;transform:translateX(-100%);width:100%}}.c-popup--direction-bottom{align-items:center;flex-direction:row;justify-content:center}.c-popup--direction-bottom .c-popup__inner{height:auto;transform:translateY(100%)}.c-popup--direction-bottom.is-active.animation-change .c-popup__inner{transform:translateY(0)}.c-popup--delete-account .c-popup__content{margin:0}@media(max-width:768px){.c-popup--delete-account .c-popup__content{margin-top:0}}@media(max-width:576px){.c-popup--delete-account .c-popup__header{right:3px;top:3px}}.c-popup--delete-account .c-popup__inner{height:auto;max-width:645px;padding:44px 45px}@media(max-width:768px){.c-popup--delete-account .c-popup__inner{max-width:calc(100% - 10px);padding:20px}}