.side-panel-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;z-index:400;animation:overlayShow .15s ease-out}.side-panel-overlay-right{justify-content:flex-end}.side-panel-overlay-left{justify-content:flex-start}.side-panel-scrim{flex:1 1 0;min-width:0;align-self:stretch;min-height:100%;border:0;padding:0;margin:0;background:transparent;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}.side-panel{background-color:hsl(var(--background));width:100%;height:100vh;display:flex;flex-direction:column}.side-panel--sm{max-width:20rem}.side-panel--md{max-width:24rem}.side-panel--lg{max-width:36rem}.side-panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;flex-shrink:0}.side-panel-title-container{flex:1;margin-right:1rem}.side-panel-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0}.side-panel-description{margin:.5rem 0 0;font-size:.875rem;color:hsl(var(--muted-200))}.side-panel-close{padding:.5rem;background:none;border:none;border-radius:.375rem;color:hsl(var(--muted-200));cursor:pointer;transition:all .2s}.side-panel-close:hover{background-color:hsl(var(--primary-disabled));color:hsl(var(--primary))}.side-panel-content{overflow-y:auto;flex:1}.side-panel-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid hsl(var(--muted)/.3);flex-shrink:0}.side-panel-right{animation:sidePanelShowRight .3s cubic-bezier(.16,1,.3,1)}.side-panel-left{animation:sidePanelShowLeft .3s cubic-bezier(.16,1,.3,1)}@keyframes sidePanelShowRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes sidePanelShowLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:500;padding:1rem;animation:overlayShow .15s ease-out}.modal{background-color:hsl(var(--background));border-radius:.5rem;box-shadow:0 2px 10px rgba(0,0,0,.1);max-height:85vh;width:100%;display:flex;flex-direction:column;animation:modalShow .3s cubic-bezier(.16,1,.3,1)}.modal--sm{max-width:24rem}.modal--md{max-width:32rem}.modal--lg{max-width:48rem}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;flex-shrink:0}.modal-title-container{flex:1;margin-right:1rem}.modal-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0}.modal-description{margin:.5rem 0 0;font-size:.875rem;color:hsl(var(--muted-200))}.modal-close{padding:.5rem;background:none;border:none;border-radius:.375rem;color:hsl(var(--muted-200));cursor:pointer;transition:all .2s}.modal-close:hover{background-color:hsl(var(--primary-disabled));color:hsl(var(--primary))}.modal-content{padding:0 1.5rem 1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid hsl(var(--muted)/.3);flex-shrink:0}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes modalShow{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}