.drawer{position:relative}.drawer:before{content:" ";z-index:1002;background:#23201c66;width:100%;height:100%;display:block;position:fixed;top:0;left:0}.drawer-content{z-index:1003;background:#fff;border-radius:0;width:100%;max-width:520px;height:100%;max-height:100%;position:fixed;inset:0 0 auto auto;overflow:visible;transform:translate(0%)}@media only screen and (width>=480px){.drawer-content{border-radius:8px;bottom:0}}.drawer-content .back-icon{z-index:4;cursor:pointer;border:1px solid #d6d6d6;border-radius:10px;width:34px;height:34px;padding:6px;display:inline-flex;position:absolute;top:20px;left:20px}@media only screen and (width>=768px){.drawer-content .back-icon{background:#000;border:0;border-radius:50%;width:auto;height:auto;padding:13px;top:50%;left:-120px}}.drawer-content .back-icon svg{width:20px;height:20px}@media only screen and (width>=768px){.drawer-content .back-icon svg{width:auto;height:auto}}.drawer-content .back-icon svg path{stroke:#23201c;opacity:.8}@media only screen and (width>=768px){.drawer-content .back-icon svg path{stroke:#fff;opacity:1}}.drawer-content-layout{background:#fff;flex-direction:column;height:100dvh;display:flex;overflow:auto}.drawer-footer{padding:20px}@media only screen and (width>=768px){.drawer-footer{padding:20px 30px}}.drawer-header{padding:20px}@media only screen and (width>=768px){.drawer-header{padding:20px 10px 20px 30px}}.drawer-header{border-bottom:1.5px solid #f7f7f7;position:relative}.drawer-body{height:100%;max-height:calc(100dvh - 131px);overflow:hidden scroll}@media only screen and (width>=768px){.drawer-body{max-height:calc(100dvh - 93px)}}.drawer-footer{margin-top:auto;padding-bottom:60px}.drawer .no-header .drawer-body{max-height:calc(100vh - 1px)}