.dynopanel-container{margin-inline:calc(var(--spacing,.25rem)*6);width:100%;max-width:1232px}
@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-font-weight:initial}}}.header-item{align-items:center;gap:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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));display:flex;font-weight:500!important}@property --tw-font-weight{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-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@keyframes scroll-in{0%{opacity:0;transform:translateY(14px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scroll-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(14px)scale(.85)}}.scroll-in{animation:.28s cubic-bezier(.34,1.56,.64,1) both scroll-in}.scroll-out{pointer-events:none;animation:.22s both scroll-out}.scroll-button{right:calc(var(--spacing,.25rem)*6);bottom:calc(var(--spacing,.25rem)*6);z-index:50;cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200,#e4e4e7);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*3);color:var(--color-zinc-700,#3f3f46);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;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;border-radius:3.40282e38px;transition-duration:.2s;position:fixed}@supports (color:lab(0% 0 0)){.scroll-button{border-color:var(--color-zinc-200,lab(90.6853% .399232 -1.45452));color:var(--color-zinc-700,lab(26.8019% 1.35387 -4.68303))}}@media (hover:hover){.scroll-button:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);background-color:var(--color-zinc-50,#fafafa);color:var(--color-zinc-900,#18181b);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@supports (color:lab(0% 0 0)){.scroll-button:hover{background-color:var(--color-zinc-50,lab(98.26% 0 0));color:var(--color-zinc-900,lab(8.30603% .618205 -2.16572))}}}.scroll-button:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}html.dark .scroll-button{border-color:var(--color-zinc-700,#3f3f46);background-color:var(--color-zinc-800,#27272a);color:var(--color-zinc-400,#9f9fa9)}@supports (color:lab(0% 0 0)){html.dark .scroll-button{border-color:var(--color-zinc-700,lab(26.8019% 1.35387 -4.68303));background-color:var(--color-zinc-800,lab(15.7305% .613764 -2.16959));color:var(--color-zinc-400,lab(65.6464% 1.53497 -5.42429))}}@media (hover:hover){html.dark .scroll-button:hover{background-color:var(--color-zinc-700,#3f3f46);color:var(--color-zinc-100,#f4f4f5)}@supports (color:lab(0% 0 0)){html.dark .scroll-button:hover{background-color:var(--color-zinc-700,lab(26.8019% 1.35387 -4.68303));color:var(--color-zinc-100,lab(96.1634% .0993311 -.364041))}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
