@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.opal-sidebar-wrapper__inner{gap:calc(var(--spacing,.25rem) * 4);background-color:var(--background-tint-02);height:100vh;padding-block:calc(var(--spacing,.25rem) * 2);width:var(--sidebar-width-expanded);flex-direction:column;transition:width .2s ease-in-out;display:flex}.opal-sidebar-wrapper__inner[data-folded=true]{width:var(--sidebar-width-folded)}.opal-sidebar-wrapper__topbar{padding-inline:calc(var(--spacing,.25rem) * 2);padding-top:calc(var(--spacing,.25rem) * 3);flex-direction:row;justify-content:space-between;align-items:flex-start;display:flex}.opal-sidebar-wrapper__logo-default{display:block}.opal-sidebar-wrapper__inner:hover .opal-sidebar-wrapper__logo-default,.opal-sidebar-wrapper__logo-hover{display:none}.opal-sidebar-wrapper__inner:hover .opal-sidebar-wrapper__logo-hover{display:flex}.opal-sidebar-root__overlay[data-variant=mobile]{inset-block:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);z-index:50;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;position:fixed}.opal-sidebar-root__overlay[data-variant=mobile][data-folded=true]{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.opal-sidebar-root__overlay[data-variant=mobile][data-folded=false]{--tw-translate-x:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.opal-sidebar-root__overlay[data-variant=medium]{inset-block:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);z-index:50;position:fixed}.opal-sidebar-root__spacer{width:var(--sidebar-width-folded);flex-shrink:0}.opal-sidebar-root__backdrop{inset:calc(var(--spacing,.25rem) * 0);z-index:40;--tw-backdrop-blur:blur(var(--backdrop-blur-03));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;position:fixed}.opal-sidebar-root__backdrop[data-variant=mobile]{background-color:var(--mask-03)}.opal-sidebar-root__backdrop[data-folded=true]{pointer-events:none;opacity:0}.opal-sidebar-root__backdrop[data-folded=false]{pointer-events:auto;opacity:1}.opal-sidebar-root__inner{height:100%;min-height:calc(var(--spacing,.25rem) * 0);gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex}.opal-sidebar-header,.opal-sidebar-footer{padding-inline:calc(var(--spacing,.25rem) * 2)}.opal-sidebar-body{min-height:calc(var(--spacing,.25rem) * 0);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:hidden}.opal-sidebar-body__scroll{min-height:calc(var(--spacing,.25rem) * 0);flex-direction:column;flex:1;display:flex;overflow-y:auto}.opal-sidebar-body__content{gap:calc(var(--spacing,.25rem) * 3);padding-inline:calc(var(--spacing,.25rem) * 2);flex-direction:column;flex:1;display:flex}.opal-sidebar-body__content[data-folded=true]{display:none}.opal-sidebar-body__spacer{min-height:2rem}.opal-sidebar-body__fade{pointer-events:none;right:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);z-index:20;height:calc(var(--spacing,.25rem) * 4);background:linear-gradient(to bottom, transparent, var(--background-tint-02));position:absolute}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.opal-root-layout{flex-direction:row;width:100%;height:100%;display:flex}.opal-root-layout__sidebar-overlay{inset-block:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);z-index:50;position:fixed}.opal-root-layout__sidebar-overlay[data-variant=mobile]{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}.opal-root-layout__sidebar-overlay[data-variant=mobile][data-folded=true]{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.opal-root-layout__sidebar-overlay[data-variant=mobile][data-folded=false]{--tw-translate-x:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.opal-root-layout__sidebar-spacer{width:var(--sidebar-width-folded);flex-shrink:0}.opal-root-layout__backdrop{inset:calc(var(--spacing,.25rem) * 0);z-index:40;--tw-backdrop-blur:blur(var(--backdrop-blur-03));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;position:fixed}.opal-root-layout__backdrop[data-variant=mobile]{background-color:var(--mask-03)}.opal-root-layout__backdrop[data-folded=true]{pointer-events:none;opacity:0}.opal-root-layout__backdrop[data-folded=false]{pointer-events:auto;opacity:1}.opal-root-layout__app{flex-direction:column;flex:1;width:100%;height:100%;display:flex;overflow:hidden}.opal-root-layout__main{flex:1;overflow:auto}.opal-root-layout__panel{flex-shrink:0;height:100%;overflow:auto}.opal-root-layout__header,.opal-root-layout__footer{flex-shrink:0}.opal-root-layout__footer[data-extra-padding=true]{padding-top:calc(var(--spacing,.25rem) * 3.5)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}