.closeDrawer{position:absolute;right:0;font-size:1.5rem}.drawer-header{display:flex;font-family:'Boska Bold';justify-content:center;align-items:center;position:relative;text-align:center;margin-top:var(--sl-spacing-large);margin-bottom:var(--sl-spacing-large)}.drawer-handle{width:40px;height:5px;background:#ccc;border-radius:3px;margin:0 auto 8px}.drawer-title{font-weight:700;font-size:2rem;color:var(--sl-color-primary-600);text-align:center;pointer-events:none}.drawer{position:fixed;background-color:hsl(0deg 0% 100% / 92%);backdrop-filter:blur(10px);box-shadow:var(--sl-shadow-large);z-index:100;transition:transform .3s ease;border-top-style:solid;border-top-width:1px;border-top-color:var(--sl-color-neutral-300);border-top-right-radius:calc(5 * var(--sl-border-radius-large));border-top-left-radius:calc(5 * var(--sl-border-radius-large))}.drawer .drawer-handle{width:40px;height:5px;background:#ccc;border-radius:3px;margin:10px auto}.drawer .drawer-content{display:flex;height:100%}.drawer[data-contained=true]{position:absolute;padding:var(--sl-spacing-x-small)}.drawer[data-direction=bottom]{left:0;right:0;bottom:0;height:70%;transform:translateY(100%)}.drawer[data-direction=bottom].open{transform:translateY(0)}.drawer[data-direction=top]{left:0;right:0;top:0;height:40%;transform:translateY(-100%)}.drawer[data-direction=top].open{transform:translateY(0)}.drawer[data-direction=left]{top:0;bottom:0;left:0;width:70%;transform:translateX(-100%)}.drawer[data-direction=left].open{transform:translateX(0)}.drawer[data-direction=right]{top:0;bottom:0;right:0;width:70%;transform:translateX(100%)}.drawer[data-direction=right].open{transform:translateX(0)}