.drawer[data-v-63c112e2]{position:absolute;width:100%;bottom:0;background:#fff;box-shadow:0 -2px 4px rgba(40,41,61,.04),0 -8px 16px rgba(96,97,112,.16);border-radius:16px 16px 0 0;overflow:hidden;overflow-y:auto;z-index:2}@media (min-width:768px){.drawer[data-v-63c112e2]{overflow:auto;padding:0;position:relative;height:100%;width:340px;min-width:340px;border-radius:0;right:0;top:0;background:#fff;box-shadow:-1px 0 10px #ebedf2;overflow-x:hidden}}.drawer .wrap[data-v-63c112e2]{width:100%}@media (min-width:768px){.drawer .wrap[data-v-63c112e2]{width:auto;height:100%;padding:16px 0 16px 0;right:0;top:0}}.drawer .title[data-v-63c112e2]{font-size:20px;margin-bottom:16px}.drawer .close[data-v-63c112e2]{cursor:pointer;position:absolute;width:24px;height:24px;right:6px;top:14px;background-image:url(../img/close.d56c8df1.svg);background-repeat:no-repeat;background-position:50%;z-index:1}.drawer .header[data-v-63c112e2]{border:1px solid var(--sui-gray-200)}.drawer .header[data-v-63c112e2] .sui-scroll-button-container{display:none}.backspace[data-v-63c112e2]{position:absolute;top:0;width:100%;height:100%;background-color:#000;opacity:.4}@media (min-width:769px){.backspace[data-v-63c112e2]{display:none}}.drawer-enter-to[data-v-63c112e2],.drawer-leave-from[data-v-63c112e2]{width:100%}@media (min-width:768px){.drawer-enter-to[data-v-63c112e2],.drawer-leave-from[data-v-63c112e2]{width:340px;min-width:340px;height:100%}}.drawer-enter-from[data-v-63c112e2],.drawer-leave-to[data-v-63c112e2]{transform:translateY(100%);width:100%}@media (min-width:768px){.drawer-enter-from[data-v-63c112e2],.drawer-leave-to[data-v-63c112e2]{height:100%;width:0;min-width:0}}.drawer-enter-active[data-v-63c112e2],.drawer-leave-active[data-v-63c112e2]{height:auto;transition:transform .5s}@media (min-width:768px){.drawer-enter-active[data-v-63c112e2],.drawer-leave-active[data-v-63c112e2]{transition:min-width .5s,width .5s}}