@charset "utf-8";

.drawer { display: none; }

.drawer.is-visible { display: block; }

.drawer.is-open .drawer__overlay { opacity: 0.5; }

.drawer.is-open .drawer__content { transform: translate(0px); }

.drawer__overlay { background-color: rgb(0, 0, 0); left: 0px; opacity: 0; transition-property: opacity; user-select: none; z-index: 200; }

.drawer__content, .drawer__overlay { bottom: 0px; position: fixed; right: 0px; top: 0px; width: 100%; }

.drawer__content { box-shadow: rgb(119, 119, 119) 0px 2px 6px; display: flex; flex-direction: column; height: 100%; overflow: auto; transform: translate(100%); transition: 0.45s cubic-bezier(0.29, 0.63, 0.44, 1); z-index: 9999; }