@layer scss{.drawer{display:none}.drawer[open]{align-items:flex-end;background-color:#00000080;display:flex;inset:0;justify-content:end;padding:0;position:fixed;z-index:var(--fixed-z-index)}.drawer--open{animation:fadein var(--transition-easing) var(--transition-time);transition:fadein var(--transition-time) var(--transition-easing)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.drawer--open .drawer__content{animation:slidein var(--transition-easing) var(--transition-time);transition:slidein var(--transition-time) var(--transition-easing)}@keyframes slidein{0%{transform:translateX(150%)}}@media screen and (max-width:768px){.drawer--open[animation-direction=up] .drawer__content{animation:slideup var(--transition-easing) var(--transition-time);transition:slideup var(--transition-time) var(--transition-easing)}@keyframes slideup{0%{transform:translateY(150%)}}}.drawer--close{animation:fadeout var(--transition-easing) var(--transition-time);transition:fadeout var(--transition-time) var(--transition-easing)}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.drawer--close .drawer__content{animation:slideout var(--transition-easing) var(--transition-time);transition:slideout var(--transition-time) var(--transition-easing)}@keyframes slideout{to{transform:translateX(150%)}}@media screen and (max-width:768px){.drawer--close[animation-direction=up] .drawer__content{animation:slidedown var(--transition-easing) var(--transition-time);transition:slidedown var(--transition-time) var(--transition-easing)}@keyframes slidedown{to{transform:translateY(150%)}}}.drawer__content{background-color:var(--color-white);border-radius:var(--border-radius-large) 0 0 var(--border-radius-large);height:100%;margin:0;position:relative}.drawer__content--compact{gap:var(--spacing-4);max-width:600px;padding:var(--spacing-5)}.drawer[animation-direction=up] .drawer__content{border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;height:unset}@media screen and (min-width:768px){.drawer[animation-direction=up] .drawer__content{border-radius:var(--border-radius-large) 0 0 var(--border-radius-large);height:100%}}@media screen and (max-width:768px){.drawer__content{max-width:100%;width:100%}}.drawer :has(>.drawer__body,>.drawer__header,>self__footer){display:flex;flex-direction:column;max-height:100svh}.drawer__header{margin-right:var(--spacing-5)}.drawer__body{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-grow:1}.drawer__body::-webkit-scrollbar{display:none}.drawer__drawer-close{display:block;inset:15px 15px auto auto;position:absolute}.drawer__drawer-close svg{height:15px;width:15px}.drawer__drawer-open--right{display:flex;justify-content:flex-end}.drawer__drawer-open--center{display:flex;justify-content:center}.drawer__footer--compact{border-top:1px solid var(--color-gray-20);margin-inline:calc(var(--spacing-5)*-1);padding-inline:var(--spacing-5)}
}