.nv-side-panel-content{top:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);z-index:1030;background-color:var(--background-color-surface-raised);--tw-shadow:0px 8px 12px 0px var(--tw-shadow-color,var(--color-translucent-black-150));width:320px;max-width:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;display:flex;position:fixed;&.nv-side-panel-content--side-left{left:calc(var(--spacing)*0)}&.nv-side-panel-content--side-right{right:calc(var(--spacing)*0)}&.nv-side-panel-content--bordered{& .nv-side-panel-heading{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border-color-base)}& .nv-side-panel-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border-color-base)}}}.nv-side-panel-overlay{inset:calc(var(--spacing)*0);z-index:1040;background-color:#0006;position:fixed}.nv-side-panel-heading{align-items:center;gap:calc(var(--spacing)*1);width:100%;padding-inline:var(--spacing-xl);padding-block:var(--spacing-2xl);font-family:var(--font-sans);font-size:var(--text-16);--tw-leading:var(--leading-lh-100);line-height:var(--leading-lh-100);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--text-color-primary);flex-shrink:0;display:flex;position:relative;&>svg{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);color:var(--text-color-base);flex-shrink:0}&.nv-side-panel-heading--hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}&.nv-side-panel-heading--invisible{visibility:hidden}}.nv-side-panel-main{padding:var(--spacing-lg);flex:1;overflow-y:auto}.nv-side-panel-footer,.nv-side-panel-main{font-size:var(--text-14);line-height:var(--leading-lh-150);--tw-font-weight:var(--font-weight-regular);font-weight:var(--font-weight-regular);color:var(--text-color-primary)}.nv-side-panel-footer{align-items:center;gap:calc(var(--spacing)*1);padding-inline:var(--spacing-lg);padding-block:var(--spacing-xl);flex-shrink:0;display:flex}.nv-side-panel-close{top:var(--spacing-xl);right:var(--spacing-lg);position:absolute;width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important;padding:calc(var(--spacing)*0)!important;&>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);color:var(--text-color-strong);flex-shrink:0}&>:not(svg){clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.nv-logo{--nv-logo-image-color:var(--color-brand);--nv-logo-text-light-color:#050505;--nv-logo-text-dark-color:var(--text-color-accent-white);justify-content:flex-start;align-items:center;width:100%;height:100%;display:inline-flex;& .nv-logo-element{width:fit-content;height:100%}& .nv-logo-image-path{fill:var(--nv-logo-image-color)}& .nv-logo-text-path{fill:var(--nv-logo-text-light-color);&:where(.nv-dark,.nv-dark *){fill:var(--nv-logo-text-dark-color)}}&.nv-logo--color-neutral{--nv-logo-image-color:var(--text-color-accent-white)}&.nv-logo--size-small{height:calc(var(--spacing)*6)}&.nv-logo--size-medium{height:calc(var(--spacing)*8)}&.nv-logo--size-large{height:calc(var(--spacing)*10)}&.nv-logo--size-xlarge{height:calc(var(--spacing)*16)}&.nv-logo--size-xxlarge{height:calc(var(--spacing)*32)}}