.drawer-content{position:absolute;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:hsl(var(--background)/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);&.vertical{height:100%}&.horizontal{width:100%}}.drawer-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:hsl(var(--border)/var(--tw-border-opacity,1));padding:.75rem 1rem}.drawer-body{height:100%;overflow:hidden}.drawer-footer{display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity:1;border-color:hsl(var(--border)/var(--tw-border-opacity,1));padding:1rem 1.5rem}.drawer-open{&.drawer-lock-scroll{overflow:hidden}}.drawer-overlay{transition:all .3s ease-in-out;position:fixed;inset:0;z-index:30;background-color:hsl(var(--semantic-gray-900)/.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);left:4rem}.drawer-overlay-after-open{opacity:1;left:4rem}.drawer-overlay-before-close{opacity:0}.close-btn{outline:2px solid transparent;outline-offset:2px}.close-btn-default{border-radius:.25rem;padding:.25rem;font-size:1.25rem;line-height:1.75rem;color:hsl(var(--primary-400))}.close-btn-default:hover{color:hsl(var(--primary-600))}.close-btn-default:hover:is(.dark *){color:hsl(var(--primary-300))}