*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.grid{display:grid}.me{margin-inline-end:1rem}.ms{margin-inline-start:1rem}.block{display:block}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.h1{height:.25rem}.h2{height:.5rem}.w-full{width:100%}.flex{display:flex}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}.gap-2{gap:.5rem}.border{border-width:1px}.px{padding-left:1rem;padding-right:1rem}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.outline{outline-style:solid}.blur{--un-blur:blur(8px)}.blur,.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background:none;background-color:transparent;border:none;color:var(--clr-txt)}html{background-color:#000}body *{font-family:var(--ff-prim)}body,html{height:100%;overflow:hidden;position:fixed;touch-action:none;width:100%}:root{--clr-prim:#f4f4f4;--clr-sec:#333;--clr-ter:red;--clr-txt:var(--clr-sec);--clr-bg:var(--clr-prim);--ff-prim:"Albert Sans",sans-serif;--ff-sec:"Open Sans",sans-serif;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fs-base:16px;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:clamp(2rem,5vw,5rem);--btn-size:2.25rem;--btn-gap:clamp(4px,.8em,10px);--btn-shadow:rgba(0,0,0,.4) 0px 2px 4px,rgba(0,0,0,.25) 0px 7px 13px -3px,rgba(0,0,0,.2) 0px -3px 0px inset;--btn-shadow-hover:rgba(0,0,0,.4) 0px 2px 4px,rgba(0,0,0,.25) 0px 7px 13px -3px;--btn-sec-bg:hsla(0,0%,100%,.5);--btn-sec-radius:.25em;--btn-bottom-width:calc(50vw - var(--btn-gap)*1.5);--btn-transition:.5s}@font-face{font-display:block;font-family:Albert Sans;font-style:normal;font-weight:400;src:url(https://design.penpot.app/internal/gfonts/font/albertsans/v1/i7dZIFdwYjGaAMFtZd_QA3xXSKZqhr-TenSHq5PPpYf3fxA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}.grid{--columns:12;--gutter:3rem;--cols:12;--rows:2;display:grid;grid-gap:var(--gutter);grid-template-columns:1fr}.grid>.column{--allign:stretch}.autogrid{--gutter:3rem;--min:10rem;display:grid;grid-gap:var(--gutter);grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(var(--min),1fr))}@media screen and (min-width:768px){.grid{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,1fr)}.grid>.column{align-self:var(--allign);grid-column:span var(--columns)}}:root{--scrollbarBG:#cfd8dc;--thumbBG:#90a4ae}::-webkit-scrollbar{width:0}*,body{scrollbar-color:var(--thumbBG) var(--scrollbarBG);scrollbar-width:none}::-webkit-scrollbar-track{background:var(--scrollbarBG)}::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border:3px solid var(--scrollbarBG);border-radius:6px}::-moz-selection{color:#000}::selection{color:#000}.btn_wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem;justify-content:center;left:0;margin:0;padding:0;position:relative;top:0;width:100%}@media screen and (min-width:900px){.btn_wrapper{justify-content:flex-end}}.btn{--size:1.8rem;--bg:silver;--txt:#000;background-color:silver;background-color:var(--bg);color:var(--txt);display:grid;font-size:.8rem;height:var(--size);left:auto!important;line-height:1;margin:0;min-width:var(--size);padding:calc(var(--size)/4);place-items:center;position:relative!important;scale:.95;transition:all .05s ease}.btn.btn--rounded{border-radius:calc(var(--size)/2)}.btn.btn--layers{--bg:#fff;border-radius:4px;min-width:1.5em;padding:0 .25rem}.btn.btn--layers[data-active=true]{--bg:#79d89c}.btn.btn--lines{padding:0 .25rem;--bg:#d8aa79}.btn.btn--lines.active{--bg:#d8c279;animation:pulse 1.5s ease-in-out infinite}.btn.btn--player{padding:0 .25rem;--bg:grey}.btn.btn--player.active{--bg:#dbffe8;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.btn.btn--blur{filter:blur(.05rem)}.btn.btn--clear{--bg:salmon}.btn.btn--menutab{--bg:transparent;--txt:silver;border:1px solid silver;scale:1}.btn.btn--menutab[data-active=true]{--bg:silver;--txt:#000}.btn svg{height:12px}.btn:hover{opacity:.75;scale:1}