.drawer[data-v-d83bdcbc]{--background-opacity:.5;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.drawer[data-v-d83bdcbc]:before{background-color:var(--dark);content:"";inset:0;opacity:var(--background-opacity);pointer-events:none;position:absolute}.drawer-body[data-v-d83bdcbc]{margin-left:auto;padding:var(--medium-padding);position:relative}@media (max-width:480px){.drawer-body[data-v-d83bdcbc]{margin-top:auto;padding-bottom:var(--large-padding);padding-top:var(--large-padding);width:100%}}.drawer-body[data-v-d83bdcbc]:before{background-color:var(--dark-75);border-radius:var(--rounded-radius) 0 0 var(--rounded-radius);content:"";inset:0;pointer-events:none;position:absolute}@media (max-width:480px){.drawer-body[data-v-d83bdcbc]:before{border-radius:var(--extra-large-radius) var(--extra-large-radius) 0 0;box-shadow:0 -.625rem 2.5rem -.25rem var(--dark-blue);inset:0 0 -3.125rem}}.drawer-body[data-v-d83bdcbc]:after{background-color:#fff;border-radius:1.25rem;height:.25rem;left:50%;position:absolute;top:var(--small-space);transform:translate(-50%);width:2.5rem}@media (max-width:480px){.drawer-body[data-v-d83bdcbc]:after{content:""}}.drawer-body.animated[data-v-d83bdcbc]{transition:all .3s ease}.drawer-close[data-v-d83bdcbc]{height:3.125rem;width:3.125rem}.drawer-close[data-v-d83bdcbc] *{display:block}.drawer-close-button[data-v-d83bdcbc]{background-color:transparent;border:none;color:var(--white);cursor:pointer;display:block;left:-3.75rem;padding:0;position:absolute;top:2.5rem;top:1.25rem}@media (max-width:480px){.drawer-close-button[data-v-d83bdcbc]{left:auto;right:var(--medium-space);top:-1.5625rem}}.drawer-close-button[data-v-d83bdcbc]:before{background-color:var(--white);border-radius:var(--large-radius);content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:100%}.drawer-content[data-v-d83bdcbc]{position:relative}.drawer-swipe[data-v-d83bdcbc]{display:none}@media (max-width:480px){.drawer-swipe[data-v-d83bdcbc]{display:block;pointer-events:none;position:absolute;right:-25px;top:15px;transform:translate(-50%) scale(1.33);z-index:1}}.drawer-drag-zone[data-v-d83bdcbc]{background-color:#000;height:1.25rem;left:0;position:absolute;top:0;width:100%;z-index:2}.drawer-drag-zone.animated[data-v-d83bdcbc],.drawer-enter-active[data-v-d83bdcbc],.drawer-leave-active[data-v-d83bdcbc]{transition:all .3s ease}.drawer-enter-active[data-v-d83bdcbc]:before,.drawer-leave-active[data-v-d83bdcbc]:before{transition:opacity .3s ease}.drawer-enter-active .drawer-body[data-v-d83bdcbc],.drawer-leave-active .drawer-body[data-v-d83bdcbc]{transition:transform .3s ease}.drawer-enter-active .drawer-close-button[data-v-d83bdcbc],.drawer-leave-active .drawer-close-button[data-v-d83bdcbc]{transition:transform .3s ease,opacity .3s ease}.drawer-enter-from[data-v-d83bdcbc]:before{opacity:0}.drawer-enter-from .drawer-body[data-v-d83bdcbc]{transform:translate(100%)}@media (max-width:480px){.drawer-enter-from .drawer-body[data-v-d83bdcbc]{transform:translateY(100%)}}.drawer-enter-from .drawer-close-button[data-v-d83bdcbc]{opacity:0}.drawer-enter-to .drawer-body[data-v-d83bdcbc]{transform:translate(0)}.drawer-enter-to .drawer-close-button[data-v-d83bdcbc]{opacity:1}.drawer-leave-to[data-v-d83bdcbc]:before{opacity:0}.drawer-leave-to .drawer-body[data-v-d83bdcbc]{transform:translate(100%)}@media (max-width:480px){.drawer-leave-to .drawer-body[data-v-d83bdcbc]{transform:translateY(100%)}}.drawer-leave-to .drawer-close-button[data-v-d83bdcbc]{opacity:0}