@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-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}}}.side-panel{z-index:20;gap:calc(var(--spacing,.25rem) * 2);background-color:#fff9;flex-direction:column;width:100vw;display:flex;position:absolute;top:0;right:0}@supports (color:color-mix(in lab, red, red)){.side-panel{background-color:color-mix(in oklab, var(--color-white,#fff) 60%, transparent)}}.side-panel{padding:calc(var(--spacing,.25rem) * 4);--tw-backdrop-blur:blur(var(--blur-md,12px));-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,)}@media (min-width:40rem){.side-panel{width:75%}}@media (min-width:48rem){.side-panel{width:66.6667%}}@media (min-width:64rem){.side-panel{width:60%}}@media (min-width:80rem){.side-panel{width:50%}}@media (min-width:96rem){.side-panel{width:33.3333%}}.side-panel{animation:.1s ease-out slideInLeft;box-shadow:-4px 0 10px #0003}.side-panel .heading{justify-content:space-between;align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);display:flex}.side-panel .heading h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-panel .heading button{margin-block:calc(var(--spacing,.25rem) * .5);cursor:pointer;background-color:var(--color-red-800,#9f0712);padding:var(--spacing,.25rem);color:var(--color-white,#fff);border-radius:3.40282e38px}@supports (color:lab(0% 0 0)){.side-panel .heading button{background-color:var(--color-red-800,lab(33.7174% 55.8993 41.0293))}}.side-panel .content{flex:1;overflow-y:auto}@keyframes slideInLeft{0%{opacity:0;transform:translate(20%)}to{opacity:1;transform:translate(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}
