@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Meta;font-style:normal;font-weight:400;src:url(https://www.axis-praxis.org/fonts/webfonts/MetaVariableDemo-Set.woff2) format("woff2")}:root{--text-box-width:44vw;--scroll-bar-width:10px;--col-primary:#cd3565;--col-secondary:#ffda00;--e-global-color-primary:#ff5826;--global-color-primary:#ff5826;--global-color-accent:#ffda26;--global-color-01:#b626ff;--global-color-02:#18e9d9;--global-color-03:#cce1f1;--global-color-04:#91155d;--global-color-05:#c8be3b;--e-global-typography-primary-font-family:Montserrat;--transition-time-01:0.9s}col-primary{color:#ff5826;color:var(--e-global-color-primary)}.col-accent{color:#ffda26;color:var(--global-color-accent)}.col-01{color:#b626ff;color:var(--global-color-01)}.col-02{color:#18e9d9;color:var(--global-color-02)}.col-03{color:#cce1f1;color:var(--global-color-03)}.text-motion-01{animation:letterSpace 1s ease-in-out infinite,anim-skewY 2s ease-in-out infinite,anim-skewY 1s ease-in-out infinite,anim-filter .7s ease-in-out infinite}#mainContainer{display:flex;flex-direction:column}.chosen-title{color:var(--global-color-primary);font-size:clamp(50px,1.5em,1.5em);text-align:center}#container{justify-content:center;min-height:100vh;padding:20px}#container,#container-01{display:flex;flex-direction:column}#container-01{justify-content:top;margin-top:70px;width:100%}.heading-title{font-size:3em}.full{width:100%}.heading{align-content:center;align-self:center;flex-wrap:wrap;font-size:3vw!important;justify-content:center;justify-items:center;position:relative!important;width:100%}.con,.heading{display:flex;flex-direction:column}.topic{--transition-time:0.15s;align-content:center;align-items:center;border:2px solid #0000;box-sizing:border-box;cursor:pointer;display:flex;height:clamp(7vw,100px,200px);justify-content:center;padding:10px 30px;place-items:center;position:relative;text-align:center;text-transform:uppercase;transition:all var(--transition-time) ease-in-out}.topic:hover{transform:scale(1.15)}.topic:hover h2{color:#c8be3b}.topic:hover h2:after{background:#c8be3b;width:60%}.topic h2{color:#951d56;display:inline;font-size:2rem;font-weight:900;line-height:1em;position:relative;transition:all var(--transition-time) ease-in-out;z-index:10}.fixed{position:fixed}.topic h2:after{background:#0000;content:"";display:block;height:3px;margin:auto;transition:width .5s ease,background-color .5s ease;width:0}.polygon-01:before{background:#d5c408;-webkit-clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:scale(1);transition:all var(--transition-time) ease-in-out;width:100%;z-index:0}.polygon-01:hover:before{background:#91155d;transform:scale(1.1)}#topic-chosen-container,.policy{height:100%;left:0;top:0;width:100%}#topic-chosen{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:100px}#topic-chosen .title{color:#fff;color:var(--global-color-primary);font-size:clamp(50px,1.5em,1.5em);text-align:center}.fade-out-up{animation:fadeOutUp .5s ease-out forwards}.fade-out-up-bounce{animation:fadeOutUpBounce var(--transition-time-01) cubic-bezier(.68,-.25,.265,1.95) forwards}.fade-in-up-bounce{animation:fadeInUpBounce var(--transition-time-01) cubic-bezier(.68,-.55,.265,1.55) forwards}.fade-out-down-bounce{animation:fadeOutDownBounce var(--transition-time-01) cubic-bezier(.68,-.25,.265,1.95) forwards}.fade-in-down-bounce{animation:fadeInDownBounce var(--transition-time-01) cubic-bezier(.68,-.25,.265,1.95) forwards}#buttons-container{background:#639;display:flex;flex-direction:row;min-height:100px;position:relative;width:100%;z-index:999}.container-transition,.main-content-home,.policy{min-height:100%}#topics-btns-small{display:inline-flex;flex-wrap:wrap}#description-container{padding-bottom:30px}#description-container .content{font-size:clamp(25px,3vw,3em)}#description-container .content-small{color:#e1f1ef;font-size:clamp(16px,.6em,.7em)}.back-button #text-button{align-items:center;display:flex}.back-button{background:none;border:none;cursor:pointer;padding:0;transform:scale(.9);transition:all .4s cubic-bezier(.68,-.25,.265,1.95)}.back-button:hover{transform:translateX(10px) scale(1)}.back-button img{filter:invert(1) drop-shadow(0 0 .75rem rgb(255,217,0));height:clamp(100px,7vw,150px);position:relative;width:auto}.con-inner{display:flex;height:100%;position:relative}.grid.topics-container{grid-gap:20px;align-content:start;align-items:center;display:grid;font-size:1rem;gap:20px;grid-auto-flow:row;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);justify-content:start;justify-items:normal;line-height:1.5;margin:0 auto;max-width:80%;opacity:1;position:relative;width:100%}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes textShadow{0%{text-shadow:0 0 0 #0003}50%{text-shadow:2px 2px 5px #00000080}to{text-shadow:0 0 0 #0003}}@keyframes slide{0%{transform:translateX(0)}50%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes opacity{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes anim-filter{0%{filter:hue(0)}50%{filter:hue-rotate(-120deg)}to{filter:hue(0)}}@keyframes letterSpace{0%{letter-spacing:0}50%{letter-spacing:5px}to{letter-spacing:0}}@keyframes anim-skewX{0%{transform:skewX(-15deg)}50%{transform:skewX(15deg)}to{transform:skewX(-15deg)}}@keyframes anim-skewY{0%{transform:skewY(-2deg)}50%{transform:skewY(2deg)}to{transform:skewY(-2deg)}}@keyframes fadeInUpBounce{0%{opacity:0;transform:translate(-50%,-100vh)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOutDownBounce{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-100vh)}}@keyframes fadeInDownBounce{0%{opacity:0;transform:translate(-50%,-100vh)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOutUpBounce{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-100vh)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100vh)}}.gradient-text-orange{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--e-global-color-primary) 0,#ffda00 100%);-webkit-background-clip:text}.text-stroke-1{-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#000}.stroke-text{-webkit-text-fill-color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--e-global-color-primary)}.shadow-text{text-shadow:2px 2px 2px}.glassy-1{backdrop-filter:blur(6.2px);-webkit-backdrop-filter:blur(6.2px);background:#448ca21a;box-shadow:0 4px 30px #0000001a}.text-background-1{@supports ((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text){-webkit-background-clip:text;background-clip:text;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2250' height='900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2300A080' d='M0 0h2255v899H0z'/%3E%3Ccircle cx='366' cy='207' r='366' fill='%2300FDCF'/%3E%3Ccircle cx='1777.5' cy='318.5' r='477.5' fill='%2300FDCF'/%3E%3Ccircle cx='1215' cy='737' r='366' fill='%23008060'/%3E%3C/svg%3E");background-position:50%;background-size:110% auto;color:#0000}}.glitch-text{text-shadow:.05em 0 0 #ff0000bf,-.05em -.025em 0 #00ff00bf,-.025em .05em 0 #0000ffbf}.rgb-split{text-shadow:2px 2px 1px #ff0000b0,-2px 3px 1px #0044ffb0,3px -3px 1px #ffda00b0}.filter-color-1{filter:invert(.81) sepia(.5) saturate(5) hue-rotate(161deg) brightness(2) contrast(.8) hue-rotate(-15deg) contrast(1.2)}.filter-color-2{filter:invert(1) saturate(2) hue-rotate(46deg)}.filter-color-3{filter:invert(1) saturate(2) hue-rotate(255deg) brightness(1.25)}.filter-color-4{filter:invert(1) saturate(.9) hue-rotate(255deg) brightness(1.2) contrast(.9)}.filter-color-5{filter:invert(1) saturate(0)}.hide{display:none}.circle-cropper{border-radius:50%;height:150px!important;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:150px!important}.circle-cropper img{display:inline;filter:contrast(.9);height:100%;margin:0 auto;transform:scale(1.2);transform-origin:center;transition:all .3s ease-in-out;width:100%!important}.circle-cropper:hover{border:1px solid #22222295;cursor:pointer}.glow-1{box-shadow:0 0 90px 33px;color:#4887cacc}.scale-up-hover{transition:transform .2s ease-in-out}.scale-up-hover:hover{transform:scale(1.04)!important}.fade-in-up-on-scroll{opacity:0;transform:translateY(20px);transition:.8s}.fade-in-up-on-scroll.inview{opacity:1;transform:none}.fade-in-up-on-scroll.inview:first-child{transition-delay:.1s}.fade-in-up-on-scroll.inview:nth-child(2){transition-delay:.2s}.fade-in-up-on-scroll.inview:nth-child(3){transition-delay:.3s}.fade-in-up-on-scroll.inview:nth-child(4){transition-delay:.4s}.fade-in-up-on-scroll.inview:nth-child(5){transition-delay:.5s}.bg-web-01{background-attachment:fixed;background-color:#fff;background-image:url(/static/media/web-01-2.f0af21e082be1defc008.jpg);background-image:-webkit-image-set(url(/static/media/web-01-2.0b659affae631a7504ef.webp) type("image/webp"),url(/static/media/web-01-2.f0af21e082be1defc008.jpg) type("image/jpg"));background-image:image-set(url(/static/media/web-01-2.0b659affae631a7504ef.webp) type("image/webp"),url(/static/media/web-01-2.f0af21e082be1defc008.jpg) type("image/jpg"));background-position:50%;background-repeat:no-repeat;background-size:cover}.bg-web-01:before{--border-transition:0.3s;--background-overlay:"";background-color:#19137a;content:"";display:block;height:100%;left:0;mix-blend-mode:overlay;opacity:.75;position:fixed;top:0;transition:.3s;transition:var(--overlay-transition,.3s);width:100%}.bg-web-01.active:before{background-color:red}.text-style-01{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:#fff;font-size:120px;letter-spacing:.1em;margin:40px;padding-top:10%;text-shadow:8px 8px #ff1f8f}.text-style-02{color:#f5f5f5;font-family:verdana;font-weight:700;position:absolute;right:50%;text-shadow:1px 1px 1px #919191,1px 2px 1px #919191,1px 3px 1px #919191,1px 4px 1px #919191,1px 5px 1px #919191,1px 6px 1px #919191,1px 7px 1px #919191,1px 8px 1px #919191,1px 9px 1px #919191,1px 10px 1px #919191,1px 18px 6px #10101066,1px 22px 10px #10101033,1px 25px 35px #10101033,1px 30px 60px #10101066;text-transform:uppercase;top:50%;transform:translate(50%,-50%)}.text-style-03{-webkit-text-stroke:2px #fff;letter-spacing:1.2vw;position:relative}.text-style-03,.text-style-04{font-weight:700;text-align:center;text-transform:uppercase}.text-style-04{color:var(--global-color-primary);font-family:futura,sans-serif;font-size:clamp(50px,1.5em,1.5em);letter-spacing:3px;line-height:1.2;margin:1em;text-shadow:2px 2px 4px #0003}@keyframes textPulse{0%{color:#333;text-shadow:2px 2px 4px #0003}50%{color:red;text-shadow:4px 4px 8px #ff000080}to{color:#333;text-shadow:2px 2px 4px #0003}}@keyframes textAnimation{0%{color:#333;text-shadow:2px 2px 4px #0003;transform:scale(1)}25%{color:red;text-shadow:4px 4px 8px #ff000080;transform:scale(1.1)}50%{color:#00f;text-shadow:2px 2px 4px #0000ff80;transform:skewX(10deg)}75%{color:#0f0;text-shadow:4px 4px 8px #00ff0080;transform:rotate(5deg)}to{color:#333;text-shadow:2px 2px 4px #0003;transform:scale(1)}}.text-style-05{background:linear-gradient(#f0f,#f0f) 2em 1em /2em 1em,linear-gradient(#f0f 1em,pink 3em) 1em 2em/1em 4em,linear-gradient(#f0f,#f0f) 4em 2em/1em 1em,linear-gradient(pink,pink) 4em 5em/1em 1em,linear-gradient(pink,pink) 2em 6em /2em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.12em,#00f0 0) 1em 0 /3em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 1.4em,#00f0 0) 0 1em /2em 1em,linear-gradient(45deg,#00f .7em,#00f0 0) 4em 1em/1em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.12em,#00f0 0) 1em 5em /3em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 1.4em,#00f0 0) 3em 4em /2em 1em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 3.7em,#00008000 0) 0 1em/1em 5em,linear-gradient(navy,navy) 1em 0/1em 2em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 3.7em,#00008000 0) 1em 6em/1em 1em,linear-gradient(navy,navy) 3em 4em/1em 2em,linear-gradient(#f0f 2em,pink 4em) 6em 1em/1em 5em,linear-gradient(pink,pink) 7em 6em /2em 1em,linear-gradient(#f0f 2em,pink 4em) 9em 1em/1em 5em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 1.4em,#00f0 0) 5em 0 /2em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 1.4em,#00f0 0) 8em 0 /2em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.12em,#00f0 0) 6em 5em /3em 1em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 4.7em,#00008000 0) 5em 0/1em 6em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 4.7em,#00008000 0) 8em 0/1em 6em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 3.7em,#00008000 0) 6em 6em/1em 1em,linear-gradient(#f0f 2em,pink 4em) 11em 1em/1em 6em,linear-gradient(#f0f,#f0f) 11em 1em /3em 1em,linear-gradient(#f0f,#f0f) 14em 2em/1em 1em,linear-gradient(#f0f,pink 2em) 11em 3em /3em 1em,linear-gradient(#f600f6,pink 1.6em) 14em 4em/1em 2em,linear-gradient(pink,pink) 11em 6em /3em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.83em,#00f0 0) 10em 0 /4em 1em,linear-gradient(45deg,#00f .7em,#00f0 0) 14em 1em/1em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.12em,#00f0 0) 11em 2em /3em 1em,linear-gradient(45deg,#00f .7em,#00f0 0) 14em 3em/1em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.12em,#00f0 0) 11em 5em /3em 1em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 5em,#00008000 0) 10em 0/1em 7em,linear-gradient(navy,navy) 13em 2em/1em 4em,linear-gradient(#f0f 2em,pink 4em) 16em 1em/1em 6em,linear-gradient(#f0f,#f0f) 16em 1em /4em 1em,linear-gradient(#f0f,pink 2em) 16em 3em /3em 1em,linear-gradient(pink,pink) 16em 6em /4em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 3.55em,#00f0 0) 15em 0 /5em 1em,linear-gradient(45deg,#00f0 .7em,#00f 0,#00f 2.12em,#00f0 0) 16em 2em /3em 1em,linear-gradient(45deg,#00f 2.83em,#00f0 0) 16em 5em /5em 1em,linear-gradient(45deg,#00008000 .7em,navy 0,navy 5em,#00008000 0) 15em 0/1em 7em;background-repeat:no-repeat;height:7em;left:50%;margin-left:-9em;margin-top:-1.5em;position:absolute;top:50%;transform:skewY(-12deg) scale(.9);transform-origin:0 0;width:20em}.text-style-06{-webkit-text-stroke:4px #d6f4f4;color:#0000;cursor:pointer;font-family:Meta,sans-serif;font-size:15rem;font-variation-settings:"wght" 900,"ital" 1;text-align:center;text-shadow:10px 10px 0 #07bccc,15px 15px 0 #e601c0,20px 20px 0 #e9019a,25px 25px 0 #f40468,45px 45px 10px #482896;transition:all .5s}.text-style-06:hover{font-variation-settings:"wght" 100,"ital" 0;text-shadow:none}.text-style-07{background-image:linear-gradient(gold,gold);background-position:100% 0;background-repeat:no-repeat;background-size:100% 10px;font-family:Bebas Neue,cursive;font-size:3em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-size .7s,background-position .5s ease-in-out}.text-style-07:hover{background-position:0 100%;background-size:100% 100%;transition:background-position .7s,background-size .5s ease-in-out}.fade-in-left{animation:slide-in .3s ease-out forwards;animation-delay:calc(.1s*var(--delay-index));opacity:0;transform:translateX(-100%)}#description-container .title{color:var(--global-color-primary)}#description-container .content{color:#fff}@keyframes slide-in{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.fade-enter{box-sizing:border-box;height:100%;left:50%;opacity:0;position:absolute;top:0;transform:translate(-50%,100vh);width:100%;z-index:1}.fade-enter-active{animation:fadeInUpBounce .9s cubic-bezier(.68,-.55,.265,1.55) forwards;z-index:2}.fade-enter-home-back-initial{box-sizing:border-box;height:100%;left:50%;opacity:0;position:absolute;top:0;transform:translate(-50%,-100vh);width:100%;z-index:1}.fade-enter-home-back{animation:fadeInDownBounce .9s cubic-bezier(.68,-.55,.265,1.55) forwards;z-index:2}.fade-exit{box-sizing:border-box;height:100%;left:50%;opacity:1;position:absolute;top:0;transform:translate(-50%);width:100%;z-index:2}.fade-exit-active{animation:fadeOutUpBounce .65s cubic-bezier(.68,-.25,.265,1.95) forwards;z-index:1}@media (max-width:767px){.grid.topics-container{grid-auto-flow:row;grid-template-columns:repeat(1,1fr)}}html{-webkit-text-size-adjust:100%;line-height:1.15}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0}h1,h2,h3,h4,h5,h6{-webkit-margin-before:.5rem;-webkit-margin-after:1rem;color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{-webkit-margin-before:0;-webkit-margin-after:.9rem;margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:initial;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}.policy{font-size:1.3rem}.policy p{padding:20px}abbr[title]{-webkit-border-after:none;border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #ccc;break-inside:avoid;page-break-inside:avoid}thead{display:table-header-group}img,tr{break-inside:avoid;page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{break-after:avoid;page-break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=button],[type=submit],button{background-color:initial;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus,[type=submit]:focus,button:focus{outline:5px auto -webkit-focus-ring-color}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{-webkit-margin-after:15px;background-color:initial;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{-webkit-border-before:1px solid hsla(0,0%,50%,.502);border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{-webkit-border-before:2px solid hsla(0,0%,50%,.502);border-block-start:2px solid hsla(0,0%,50%,.502)}@media (max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{-webkit-margin-before:0;-webkit-margin-after:0;background:#0000;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:initial}#header{align-items:center;background:#dcdb39;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;height:70px;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.back-button-header{background-color:#000;border:none;border-radius:5px;color:var(--global-color-05);cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.2em;font-weight:600;padding:10px 20px;transition:background-color .2s ease,transform .2s ease}.back-button-header:hover{background-color:#333;transform:translateY(-2px)}.menu-toggle-button{background:none;border:none;color:#000;cursor:pointer;font-size:2em;padding:5px 10px;transition:transform .2s ease}.menu-toggle-button:hover{transform:scale(1.1)}#header .contact-popup-link{align-items:center;color:#000;display:flex;text-decoration:none}#header h1{color:#000;display:inline-flex;font-size:clamp(1rem,1.5rem,10vw);justify-content:flex-end;margin:auto;position:relative;transition:all .25s ease-in-out}#header .contact-popup-link:hover h1{color:#fff}.header-logo-container{align-items:center;display:flex;height:100%}.zapdesign-logo-svg{stroke:#000;stroke-width:7px!important;fill:none;display:block;height:35px;width:auto}#header .contact-popup-link:hover h1:after{width:100%}#header-left{gap:20px;height:100%;min-width:200px;position:relative}#header-left,#header-right{align-items:center;display:flex}#header-right{gap:40px;height:-webkit-fit-content;height:fit-content;min-width:20px;position:inherit;right:40px;width:-webkit-fit-content;width:fit-content}@media (max-width:700px){.header-logo-container{display:none!important}#header h1{font-size:clamp(10px,1.1rem,8vw)}#header-right{gap:0}#header .contact-popup-link{display:none}}div#motion-topic-container{width:clamp(400px,80%,800px)}#description-container{margin:auto;max-width:800px;text-align:center}#multi-gallery-content{--accent-color:#ff5826;font-family:Overpass,sans-serif;margin-left:auto;margin-right:auto;max-width:1000px}#multi-gallery-content .gallery-item-content{align-items:center;background:#30263a;display:flex;height:100%;justify-content:center;position:relative;transition:all .2s ease-in-out;width:100%}#multi-gallery-content .gallery-item-content:hover{background:#639}#extras,#extras a,#extras h2{color:#fff}.image-content,.image-content a{align-items:center;display:flex;flex-direction:column;justify-content:center}.image-content img{height:80%;object-fit:cover;transition:all .2s ease-in-out;width:80%}.image-content a.image-url:after{background-color:var(--global-color-01);_background-color:#666;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .2s ease-in-out;width:100%}.image-content a:hover:after{opacity:.2}.image-content a{text-decoration:none;transition:all .3s ease-in-out}.image-content a:hover{_letter-spacing:.1em;text-decoration:underline;_transform:scale(1.1)}.image-content a:hover img{transform:scale(.97)}#multi-gallery-content .section-header{color:var(--e-global-color-primary);font-family:Montserrat,sans-serif;font-size:36px;font-weight:400;margin:60px auto 20px;text-align:center;text-transform:uppercase}#multi-gallery-content .section-header-underline{border:1px solid var(--e-global-color-primary);margin:0 auto 30px;width:3rem}#multi-gallery-content .multi-gallery{display:flex;margin:0 auto;max-width:1000px;position:relative;text-align:center}#multi-gallery-content .items{display:ruby}#multi-gallery-content .multi-gallery .gallery-item{background:#000;cursor:pointer;float:left;height:360px;margin:10px 1%;max-width:580px;min-width:380px;overflow:hidden;position:relative;width:48%}#multi-gallery-content .multi-gallery .gallery-item img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:auto;opacity:.45;position:relative;transform:translate3d(-23px,0,0);transition:opacity .35s,transform .35s;width:105%}.gallery-item-content img{_opacity:1!important}#multi-gallery-content .multi-gallery .gallery-item .gallery-item-caption{color:#fff;font-size:18px;padding:2em;text-transform:uppercase}#multi-gallery-content .multi-gallery .gallery-item .gallery-item-caption,#multi-gallery-content .multi-gallery .gallery-item .gallery-item-caption>a{height:100%;left:0;position:absolute;top:0;width:100%}#multi-gallery-content .multi-gallery .gallery-item h2{font-weight:300;min-width:320px;overflow:hidden;padding:.5em 0}#multi-gallery-content .multi-gallery .gallery-item h2,#multi-gallery-content .multi-gallery .gallery-item p{margin:0;position:relative;z-index:10}#multi-gallery-content .multi-gallery .gallery-item p{font-size:68%;letter-spacing:1px;opacity:0;padding:1em 0;transform:translate3d(10%,0,0);transition:opacity .35s,transform .35s}#multi-gallery-content .multi-gallery .gallery-item:hover img{opacity:.3;transform:translateZ(0)}#multi-gallery-content .multi-gallery .gallery-item .gallery-item-caption{max-width:70%;text-align:left}#multi-gallery-content .multi-gallery .gallery-item h2:after{background:#fff;bottom:0;content:"";height:1px;left:0;position:absolute;transform:translate3d(-100%,0,0);transition:transform .3s;width:15%}#multi-gallery-content .multi-gallery .gallery-item:hover h2:after{transform:translateZ(0)}#multi-gallery-content .multi-gallery .gallery-item:hover p{opacity:1;transform:translateZ(0)}.modal-navigation{align-items:center;display:flex;justify-content:space-between;left:50%;padding:10px;position:absolute;right:0;top:50%;transform:translate(-50%,-50%);width:92%}.next-button,.prev-button{background:#0000;border:none;cursor:pointer}.next-button i,.prev-button i{color:#c11;font-size:24px}#multi-gallery-content .filter-bar-container{background-color:#2d3748;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem;width:100%}#multi-gallery-content .filter-tags-wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}#multi-gallery-content .filter-by-label{color:#cbd5e0;font-size:1.125rem;font-weight:600;margin-right:.75rem;white-space:nowrap}#multi-gallery-content .filter-button{background-color:#4a5568;border:1px solid #718096;border-radius:9999px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#e2e8f0;cursor:pointer;font-size:1rem;font-weight:500;margin:.375rem;padding:.5rem 1.25rem;transition:all .2s ease-in-out}#multi-gallery-content .filter-button:hover{background-color:#2b6cb0;border-color:#2b6cb0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;transform:translateY(-2px)}#multi-gallery-content .filter-button.active{background-color:#2b6cb0;border:4px solid #90cdf4;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#fff;transform:scale(1.05)}#multi-gallery-content .filter-button.active:hover{background-color:#3182ce;border-color:#63b3ed;transform:scale(1.08)}#multi-gallery-content .clear-filters-wrapper{display:flex;justify-content:left;width:100%}#multi-gallery-content .clear-filters-button{background-color:#e53e3e;border:none;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease-in-out}#multi-gallery-content .clear-filters-button:hover{background-color:#c53030;transform:scale(1.05)}#multi-gallery-content .no-items-message{color:#fff;font-size:30px}.video-content.video-blocked{min-height:60vh}@media screen and (max-width:50em){#multi-gallery-content .multi-gallery .gallery-item{display:inline-block;float:none;margin:10px auto;width:100%}}.ReactModal__Overlay{align-items:center;background-color:#000000d9;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:9999}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Content{background-color:#000;border-radius:10px;box-shadow:0 2px 5px #0000004d;inset:unset!important;margin:0 auto;max-width:800px;opacity:0;overflow:auto;padding:20px;transform:scale(.9);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.ReactModal__Content--after-open{opacity:1;transform:scale(1)}.ReactModal__Content--before-close{opacity:0;transform:scale(.9)}.modal-content{background-color:#000000a8;min-height:80vh}.modal-content iframe{width:100%}.ReactModal__Content .button-close{background:#fff;border:2px solid #000;border-radius:18px;cursor:pointer;display:flex;font-size:22px;justify-content:center;margin:10px auto auto;min-width:100px;padding:6px;transition:all .4s ease-in-out;width:50%}.ReactModal__Content .button-close:hover{background:#000;border:2px solid #fff;color:#fff;transform:translateY(-2px)}.video-consent-overlay{align-items:center;background-color:#000000e6;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%;z-index:10}.consent-play-button{align-items:center;background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1em;gap:10px;margin-top:15px;padding:10px 20px;transition:background-color .3s ease}.consent-play-button:hover{background-color:#45a049}.consent-play-button svg{font-size:1.2em}div#coding-topic-container{width:clamp(400px,80%,800px)}#topic-chosen-code .custom-button{margin-bottom:30px;margin-top:30px}.main-content-container,body{background-color:#111!important;box-sizing:border-box;color:#e0e0e0;font-family:Inter,sans-serif;margin:0;overflow-x:hidden;padding:0}.lissajous-app-container{align-items:center;background-color:#1a1a1a;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:960px;min-height:80vh;padding:10px;width:100%}@media (min-width:768px){.lissajous-app-container{padding:15px}}.app-title{color:#63b3ed;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:.04em;line-height:1.1;margin-bottom:1.2rem;text-align:center}.controls-grid-container{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.4rem;max-width:650px;width:100%}@media (min-width:768px){.controls-grid-container{flex-direction:row;gap:.5rem}}.wave-controls-section{background-color:#2d3748;border-radius:.6rem;box-shadow:0 4px 8px #0003;display:flex;flex:1 1;flex-direction:column;gap:.4rem;padding:1rem}.section-title{color:#cbd5e0;font-size:1.1rem;font-weight:700;margin-bottom:.6rem;text-align:center}.control-group{align-items:center;display:flex;flex-direction:column;padding:.15rem 0}.control-label{color:#a0aec0;font-size:.85rem;font-weight:600;margin-bottom:.2rem}.range-input{-webkit-appearance:none;appearance:none;background-color:#4b5563;border-radius:3.5px;cursor:pointer;height:7px;width:100%}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#3b82f6;border-radius:50%;box-shadow:0 0 3px #3b82f6b3;cursor:grab;height:16px;margin-top:-4.5px;-webkit-transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;width:16px}.range-input::-webkit-slider-thumb:active{background-color:#2c5282;box-shadow:0 0 5px #3b82f6;cursor:grabbing;transform:scale(1.1)}.range-input::-moz-range-thumb{background-color:#3b82f6;border-radius:50%;box-shadow:0 0 3px #3b82f6b3;cursor:grab;height:16px;-moz-transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;width:16px}.range-input::-moz-range-thumb:active{background-color:#2c5282;box-shadow:0 0 5px #3b82f6;cursor:grabbing;transform:scale(1.1)}.value-display{color:#a0aec0;display:block;font-size:.8rem;margin-top:.3rem}.wave-select{appearance:none;-webkit-appearance:none;background-color:#2d3748;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23E0E0E0'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.1em;border:1px solid #4b5563;border-radius:.3rem;box-shadow:0 1px 3px #0003;color:#e0e0e0;cursor:pointer;font-size:.9rem;margin:0 auto;max-width:150px;padding:.35rem .6rem;text-align:center;text-align-last:center;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.wave-select:focus{border-color:#63b3ed;box-shadow:0 0 0 2px #63b3ed80;outline:none}.wave-select option{background-color:#2d3748;color:#e0e0e0}.canvas-display-container{align-items:center;background-color:#2d3748;border-radius:.6rem;box-shadow:0 4px 8px #0003;box-sizing:border-box;display:flex;height:45vh;justify-content:center;max-width:650px;min-height:220px;padding:8px;width:100%}.elementor-location-footer{display:none}.drum-machine-container.python{align-items:center;background-color:#1a1a1a;border:1px solid #333;border-radius:1.5rem;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;justify-content:center;max-width:900px;padding:2.5rem;width:100%}.drum-machine-container.python .drum-machine-title{color:#ff4d4d;font-size:3.5rem;font-weight:900;letter-spacing:.1em;margin-bottom:2.5rem;text-align:center;text-shadow:0 0 15px #ff4d4db3}.drum-machine-container.python .drum-pads{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:2.5rem;width:100%}.drum-machine-container.python .drum-pad-button{align-items:center;background-color:#2a2a2a;border:1px solid #0000;border-radius:.75rem;box-shadow:0 5px 15px #0000004d;color:#e0e0e0;cursor:pointer;display:flex;flex-direction:column;font-size:1.4rem;font-weight:700;height:120px;justify-content:center;letter-spacing:.1em;padding:1rem;text-transform:uppercase;transition:all .2s ease-in-out}.drum-machine-container.python .drum-pad-button.active{animation:drum-glow .2s forwards;border-color:#ff8c42;box-shadow:0 0 30px #fffc;transform:scale(.96)}@keyframes drum-glow{0%{box-shadow:0 0 15px #ffffff4d}50%{box-shadow:0 0 40px #ffffffe6}to{box-shadow:0 0 15px #ffffff4d}}.drum-machine-container.python .drum-pad-button:not(.active):hover{background-color:#3a3a3a;border-color:#6a5acd;box-shadow:0 0 25px #6a5ccdb3}.drum-machine-container.python .sequencer-grid-container{background-color:#1a1a1a;border-radius:1rem;box-shadow:inset 0 0 10px #0000004d;overflow-x:auto;padding:1.5rem;width:100%}.drum-machine-container.python .sequencer-row{align-items:center;display:flex;margin-bottom:.75rem;width:100%}.drum-machine-container.python .instrument-label{color:#b0b0b0;flex-shrink:0;font-size:1.1rem;font-weight:700;min-width:100px;padding-right:1rem;text-align:right;width:100px}.drum-machine-container.python .steps-container{display:flex;flex-grow:1;gap:.5rem;min-width:calc(480px + 8rem);overflow-x:auto;padding-bottom:.5rem}.drum-machine-container.python .step-cell{align-items:center;background-color:#3d3d3d;border:1px solid #2d2d2d;border-radius:.25rem;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;min-width:30px;transition:background-color .2s,border-color .2s,box-shadow .2s}.drum-machine-container.python .step-cell.active-note{background-color:#4caf50;border-color:#2e7d32;box-shadow:0 0 8px #4caf50b3}.drum-machine-container.python .step-cell.current-step-highlight{background-color:#ffeb3b;border:2px solid #ffc107;box-shadow:0 0 12px #ffeb3be6}.drum-machine-container.python .controls-bar{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-top:2.5rem;width:100%}@media (min-width:640px){.drum-machine-container.python .controls-bar{flex-direction:row;justify-content:space-around}}.drum-machine-container.python .play-pause-button{align-items:center;background-color:#4caf50;border:none;border-radius:50%;box-shadow:0 5px 20px #0006;color:#fff;cursor:pointer;display:flex;height:70px;justify-content:center;padding:.75rem;transition:background-color .2s,transform .1s ease-in-out;width:70px}.drum-machine-container.python .play-pause-button:hover{background-color:#66bb6a;transform:scale(1.05)}.drum-machine-container.python .play-pause-button.pause{background-color:#f44336}.drum-machine-container.python .play-pause-button.pause:hover{background-color:#e57373}.drum-machine-container.python .bpm-control{align-items:center;background-color:#2a2a2a;border-radius:.75rem;box-shadow:inset 0 0 10px #0000004d;display:flex;gap:1rem;padding:1rem 1.5rem}.drum-machine-container.python .bpm-control label{color:#b0b0b0;font-size:1.1rem;font-weight:600}.bpm-control input[type=range]{-webkit-appearance:none;appearance:none;background-color:#555;border-radius:5px;cursor:pointer;height:6px;outline:none;width:150px}.drum-machine-container.python .bpm-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:gold;border:1px solid #ffa000;border-radius:50%;box-shadow:0 2px 5px #0000004d;height:18px;width:18px}.drum-machine-container.python .bpm-control input[type=range]::-moz-range-thumb{background-color:gold;border:1px solid #ffa000;border-radius:50%;box-shadow:0 2px 5px #0000004d;height:18px;width:18px}.drum-machine-container.python .bpm-value{color:gold;font-family:Roboto Mono,monospace;font-size:1.5rem;min-width:40px;text-align:center}.drum-machine-container.python .connection-status{color:#909090;font-size:.9rem;margin-top:1.5rem;text-align:center}.drum-machine-container.python .connection-status.connected{color:#8bc34a}.drum-machine-container.python .connection-status.disconnected{color:#ef5350}.ReactModal__Content{width:clamp(min(480px,90%),96%,1200px)!important}.drum-machine-container.python .audio-activation-overlay{align-items:center;animation:fadeIn .5s ease-out;background-color:#000000f2;border-radius:.75rem;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.drum-machine-container.python .activate-audio-button{align-items:center;background-color:#63b3ed;border:none;border-radius:.5rem;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;gap:1rem;letter-spacing:.05em;padding:1.5rem 2.5rem;text-transform:uppercase;transition:all .3s ease-in-out}.drum-machine-container.python .activate-audio-button:hover{background-color:#4299e1;box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.drum-machine-container.python .loading-spinner-container{align-items:center;color:#63b3ed;display:flex;flex-direction:column;justify-content:center}.drum-machine-container.python .spinner-icon{color:#63b3ed;margin-bottom:1rem}.drum-machine-container.python .loading-text{color:#e2e8f0;font-size:1.2rem;font-weight:600;text-align:center}.drum-machine-container.python .overlay-status-message{color:#a0aec0;font-size:1rem;margin-top:1rem;padding:0 1rem;text-align:center}.drum-machine-container.python .overlay-error-message{color:#fc8181;font-size:1rem;margin-top:1rem;padding:0 1rem;text-align:center}.drum-machine-container.python .user-message-container{background-color:#333;border:1px solid #555;border-radius:.5rem;box-shadow:0 2px 10px #0006;margin-top:1.5rem;max-width:90%;opacity:1;padding:.75rem 1.25rem;text-align:center;transition:opacity .5s ease-out}.drum-machine-container.python .user-message{color:gold;font-size:.95rem;font-weight:500;line-height:1.4}@media (max-width:840px){.drum-machine-container.python{border-radius:1rem;box-shadow:0 6px 20px #0009;max-width:100%;padding:1rem}.drum-machine-container.python .drum-machine-title{font-size:2rem;letter-spacing:.05em;margin-bottom:1.5rem;text-shadow:0 0 10px #ff4d4d99}.drum-machine-container.python .drum-pads{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:1.5rem}.drum-machine-container.python .drum-pad-button{border-radius:.5rem;box-shadow:0 3px 8px #00000040;font-size:1.1rem;height:80px;padding:.75rem}.drum-machine-container.python .sequencer-grid-container{border-radius:.75rem;padding:1rem}.drum-machine-container.python .sequencer-row{margin-bottom:.5rem}.drum-machine-container.python .instrument-label{color:#a0a0a0;font-size:1rem;min-width:80px;padding-right:.5rem;width:80px}.drum-machine-container.python .steps-container{gap:.4rem;min-width:calc(384px + 6.4rem);padding-bottom:.4rem}.drum-machine-container.python .step-cell{border-radius:.2rem;height:24px;min-width:24px}.drum-machine-container.python .controls-bar{flex-direction:column;gap:1rem;margin-top:2rem}.drum-machine-container.python .play-pause-button{height:56px;padding:.5rem;width:56px}.drum-machine-container.python .bpm-control{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem 1rem;width:100%}.drum-machine-container.python .bpm-control label{font-size:1rem}.drum-machine-container.python .bpm-control input[type=range]{height:5px;width:100%}.drum-machine-container.python .bpm-control input[type=range]::-webkit-slider-thumb{height:16px;width:16px}.drum-machine-container.python .bpm-control input[type=range]::-moz-range-thumb{height:16px;width:16px}.drum-machine-container.python .bpm-value{font-size:1.25rem;min-width:35px}.drum-machine-container.python .connection-status{font-size:.85rem;margin-top:1rem}.drum-machine-container.python .audio-activation-overlay{border-radius:.5rem}.drum-machine-container.python .activate-audio-button{font-size:1.2rem;padding:1.2rem 2rem}.drum-machine-container.python .user-message-container{margin-top:1rem;max-width:95%;padding:.5rem 1rem}.drum-machine-container.python,.drum-machine-container.python .bpm-control,.drum-machine-container.python .drum-pad-button,.drum-machine-container.python .play-pause-button{box-shadow:0 3px 10px #0006}}.react-drum-machine-container{align-items:center;background-color:#2d3748;border-radius:.75rem;box-shadow:0 4px 10px #0000004d;box-sizing:border-box;color:#e2e8f0;display:flex;flex-direction:column;justify-content:center;margin:1rem auto;max-width:630px;min-height:400px;padding:1rem;position:relative}.react-drum-machine-container h2{color:#63b3ed;font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-align:center}.controls-section{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;width:100%}.play-stop-button{align-items:center;background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;gap:.5rem;justify-content:center;min-width:150px;padding:.75rem 1.5rem;transition:background-color .2s ease,transform .1s ease}.play-stop-button:hover{background-color:#2563eb;transform:translateY(-1px)}.play-stop-button.playing{background-color:#dc2626}.play-stop-button.playing:hover{background-color:#b91c1c}.tempo-control{align-items:center;display:flex;gap:.5rem;max-width:300px;width:90%}.tempo-control label{color:#a0aec0;font-size:.95rem;white-space:nowrap}.tempo-control input[type=range]{-webkit-appearance:none;appearance:none;background:#4b5563;border-radius:3px;cursor:pointer;flex-grow:1;height:6px}.tempo-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#3b82f6;border-radius:50%;box-shadow:0 0 4px #3b82f6b3;cursor:grab;height:18px;margin-top:-6px;width:18px}.tempo-control input[type=range]::-moz-range-thumb{background-color:#3b82f6;border-radius:50%;box-shadow:0 0 4px #3b82f6b3;cursor:grab;height:18px;width:18px}.tempo-control .tempo-value{color:#e2e8f0;font-size:.95rem;min-width:30px;text-align:right}.sequencer-grid{grid-gap:4px;box-sizing:border-box;display:grid;gap:4px;grid-template-columns:auto repeat(16,minmax(30px,1fr));overflow-x:auto;padding:.5rem;width:100%}.sequencer-grid div{align-items:center;display:flex;font-size:.8rem;justify-content:center;min-height:30px;min-width:30px;text-align:center;white-space:nowrap}.drum-label{color:#cbd5e0;font-weight:700;justify-content:flex-start!important;padding-right:8px;text-align:left}.step-header{background-color:#1a202c;border-radius:4px;color:#a0aec0;font-weight:600}.step-button{background-color:#4a5568;border:1px solid #718096;border-radius:4px;box-sizing:border-box;cursor:pointer;height:100%;padding:0;transition:background-color .1s ease,border-color .1s ease;width:100%}.step-button.active{background-color:#38a169;border-color:#2f855a}.step-button:hover{background-color:#63b3ed80;border-color:#63b3ed99}.step-button.active:hover{background-color:#38a169cc;border-color:#2f855ae6}.step-button.current{box-shadow:0 0 0 3px #f6e05e}.error-message{color:#fc8181;font-size:1rem;margin-top:1rem}.react-drum-machine-container.app-loading-fallback,.react-drum-machine-container.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:250px}.react-drum-machine-container .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#0ff;height:50px;margin-bottom:10px;width:50px}.react-drum-machine-container button:focus{background-color:#4a5568}.react-drum-machine-container .step-button.active:focus{background-color:#38a169;border-color:#2f855a}@media (max-width:600px){font-size:.75rem;.react-drum-machine-container{padding:.5rem}.play-stop-button{font-size:1rem;padding:.6rem 1rem}.tempo-control{align-items:flex-start;flex-direction:column}.tempo-control label{margin-bottom:.2rem}}.audio-activation-overlay{align-items:center;animation:fadeIn .5s ease-out;background-color:#000000f2;border-radius:.75rem;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.activate-audio-button{align-items:center;background-color:#63b3ed;border:none;border-radius:.5rem;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;gap:1rem;letter-spacing:.05em;padding:1.5rem 2.5rem;text-transform:uppercase;transition:all .3s ease-in-out}.activate-audio-button:hover{background-color:#4299e1;box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.loading-spinner-container{align-items:center;color:#63b3ed;display:flex;flex-direction:column;justify-content:center}.spinner-icon{color:#63b3ed;margin-bottom:1rem}.loading-text{color:#e2e8f0;font-size:1.2rem;font-weight:600;text-align:center}.overlay-status-message{color:#a0aec0}.overlay-error-message,.overlay-status-message{font-size:1rem;margin-top:1rem;padding:0 1rem;text-align:center}.overlay-error-message{color:#fc8181}.user-message-container{background-color:#333;border:1px solid #555;border-radius:.5rem;box-shadow:0 2px 10px #0006;margin-top:1.5rem;max-width:90%;opacity:1;padding:.75rem 1.25rem;text-align:center;transition:opacity .5s ease-out}.user-message{color:gold;font-size:.95rem;font-weight:500;line-height:1.4}.drum-machine-container.react{align-items:center;background-color:#2d3748;border-radius:.75rem;box-shadow:0 4px 10px #0000004d;box-sizing:border-box;color:#e2e8f0;display:flex;flex-direction:column;justify-content:center;margin:1rem auto;max-width:630px;min-height:400px;padding:1rem;position:relative}.drum-machine-container.react h2{color:#63b3ed;font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-align:center}.drum-machine-container.react .controls-section{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;width:100%}.drum-machine-container.react .play-stop-button{align-items:center;background-color:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;gap:.5rem;justify-content:center;min-width:150px;padding:.75rem 1.5rem;transition:background-color .2s ease,transform .1s ease}.drum-machine-container.react .play-stop-button:hover{background-color:#2563eb;transform:translateY(-1px)}.drum-machine-container.react .play-stop-button.playing{background-color:#dc2626}.drum-machine-container.react .play-stop-button.playing:hover{background-color:#b91c1c}.drum-machine-container.react .tempo-control{align-items:center;display:flex;gap:.5rem;max-width:300px;width:90%}.drum-machine-container.react .tempo-control label{color:#a0aec0;font-size:.95rem;white-space:nowrap}.drum-machine-container.react .tempo-control input[type=range]{-webkit-appearance:none;appearance:none;background:#4b5563;border-radius:3px;cursor:pointer;flex-grow:1;height:6px}.drum-machine-container.react .tempo-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#3b82f6;border-radius:50%;box-shadow:0 0 4px #3b82f6b3;cursor:grab;height:18px;margin-top:-6px;width:18px}.drum-machine-container.react .tempo-control input[type=range]::-moz-range-thumb{background-color:#3b82f6;border-radius:50%;box-shadow:0 0 4px #3b82f6b3;cursor:grab;height:18px;width:18px}.drum-machine-container.react .tempo-control .tempo-value{color:#e2e8f0;font-size:.95rem;min-width:30px;text-align:right}.drum-machine-container.react .sequencer-grid{grid-gap:4px;box-sizing:border-box;display:grid;gap:4px;grid-template-columns:auto repeat(16,minmax(30px,1fr));overflow-x:auto;padding:.5rem;width:100%}.drum-machine-container.react .sequencer-grid div{align-items:center;display:flex;font-size:.8rem;justify-content:center;min-height:30px;min-width:30px;text-align:center;white-space:nowrap}.drum-machine-container.react .drum-label{color:#cbd5e0;font-weight:700;justify-content:flex-start!important;padding-right:8px;text-align:left}.drum-machine-container.react .step-header{background-color:#1a202c;border-radius:4px;color:#a0aec0;font-weight:600}.drum-machine-container.react .step-button{background-color:#4a5568;border:1px solid #718096;border-radius:4px;box-sizing:border-box;cursor:pointer;height:100%;padding:0;transition:background-color .1s ease,border-color .1s ease;width:100%}.drum-machine-container.react .step-button.active{background-color:#38a169;border-color:#2f855a}.drum-machine-container.react .step-button:hover{background-color:#63b3ed80;border-color:#63b3ed99}.drum-machine-container.react .step-button.active:hover{background-color:#38a169cc;border-color:#2f855ae6}.drum-machine-container.react .step-button.current{box-shadow:0 0 0 3px #f6e05e}.drum-machine-container.react .error-message{color:#fc8181;font-size:1rem;margin-top:1rem;text-align:center}.drum-machine-container.react.app-loading-fallback,.drum-machine-container.react.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:250px}.drum-machine-container.react .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#0ff;height:50px;margin-bottom:10px;width:50px}.drum-machine-container.react button:focus{background-color:#4a5568}.drum-machine-container.react .step-button.active:focus{background-color:#38a169;border-color:#2f855a}@media (max-width:600px){.drum-machine-container.react{font-size:.75rem;padding:.5rem}.drum-machine-container.react .play-stop-button{font-size:1rem;padding:.6rem 1rem}.drum-machine-container.react .tempo-control{align-items:flex-start;flex-direction:column}.drum-machine-container.react .tempo-control label{margin-bottom:.2rem}}.drum-machine-container.react .audio-activation-overlay{align-items:center;animation:fadeIn .5s ease-out;background-color:#000000f2;border-radius:.75rem;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drum-machine-container.react .activate-audio-button{align-items:center;background-color:#63b3ed;border:none;border-radius:.5rem;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;gap:1rem;letter-spacing:.05em;padding:1.5rem 2.5rem;text-transform:uppercase;transition:all .3s ease-in-out}.drum-machine-container.react .activate-audio-button:hover{background-color:#4299e1;box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.drum-machine-container.react .loading-spinner-container{align-items:center;color:#63b3ed;display:flex;flex-direction:column;justify-content:center}.drum-machine-container.react .spinner-icon{color:#63b3ed;margin-bottom:1rem}.drum-machine-container.react .loading-text{color:#e2e8f0;font-size:1.2rem;font-weight:600;text-align:center}.drum-machine-container.react .overlay-status-message{color:#a0aec0;font-size:1rem;margin-top:1rem;padding:0 1rem;text-align:center}.drum-machine-container.react .overlay-error-message{color:#fc8181;font-size:1rem;margin-top:1rem;padding:0 1rem;text-align:center}.drum-machine-container.react .user-message-container{background-color:#333;border:1px solid #555;border-radius:.5rem;box-shadow:0 2px 10px #0006;margin-top:1.5rem;max-width:90%;opacity:1;padding:.75rem 1.25rem;text-align:center;transition:opacity .5s ease-out}.drum-machine-container.react .user-message{color:gold;font-size:.95rem;font-weight:500;line-height:1.4}#sound-topic-container{_color:#fff;color:var(--global-color-primary)}#web-topic-container .custom-button{margin-bottom:30px;margin-top:30px}.contact-form-container{background-color:#2d3748;border-radius:10px;box-shadow:0 5px 15px #0000004d;box-sizing:border-box;color:#e2e8f0;font-family:Inter,sans-serif;margin:20px auto;max-width:600px;overflow:hidden;padding:30px;width:90%}.contact-form-container h2{color:#63b3ed;font-size:1.2rem;font-weight:700;margin-bottom:25px;text-align:center;text-shadow:0 2px 5px #0003}.contact-form-container p{color:#8993a0;font-size:1rem}.form-container{gap:20px;padding-top:0}.form-container,.form-group{display:flex;flex-direction:column}.form-group{width:100%}.form-label{color:#a0aec0;font-size:.7rem;font-weight:700;margin-bottom:8px;text-align:left;width:100%}.form-input{background-color:#eceef2;border:1px solid #4a5568;border-radius:5px;box-sizing:border-box;color:#0a1b2f;font-size:1rem;padding:12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input.message{min-height:150px;resize:vertical}.form-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed4d;outline:none}.form-submit{background-color:#4299e1;border:none;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:25px;padding:12px 25px;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;width:100%}.form-submit:hover{background-color:#3182ce;box-shadow:0 6px 15px #0000004d;transform:translateY(-2px)}.form-submit:active{box-shadow:0 2px 5px #0000001a;transform:translateY(0)}.g-recaptcha{display:flex;justify-content:center;margin-top:20px;transform:scale(.9);transform-origin:center center}.success-message{background-color:#2f855a;color:#fff!important}.error-message,.success-message{border-radius:5px;margin-bottom:20px;padding:10px;text-align:center}.error-message{background-color:#c53030;color:#fff;color:#fff!important}.error-message,.success-message{font-size:1.4rem}.loading-overlay{align-items:center;background-color:#000000b3;border-radius:12px;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:10}.spinner{border:4px solid #ffffff4d;margin-bottom:20px}.loading-message{margin-bottom:10px}.sub-message{color:#fffc;font-size:.9rem;font-weight:400}.g-recaptcha[disabled],form button:disabled,form input:disabled,form textarea:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.contact-form-container{margin:10px auto;padding:20px;width:95%}.contact-form-container h2{font-size:1.8rem}.form-submit{padding:10px 20px}}.progress-bar-container{font-family:Inter,sans-serif;margin-bottom:15px;width:100%}.progress-bar-label{align-items:center;color:#e2e8f0;display:flex;font-size:.9em;font-weight:500;justify-content:space-between;margin-bottom:5px}.skill-name{letter-spacing:.05em;text-transform:uppercase}.percentage-value{color:#0ff;font-weight:600}.progress-bar-bg{background-color:#333;border-radius:5px;box-shadow:inset 0 1px 3px #0003;height:10px;overflow:hidden;width:100%}.progress-bar-fill{background-color:#0ff;border-radius:5px;box-shadow:0 0 8px #00ffff80;height:100%;transition:width .8s ease-in-out}.left-sidebar{align-items:flex-start;background-color:#1a202c;box-shadow:2px 0 10px #0006;color:#e2e8f0;display:flex;flex-direction:column;height:100vh;left:0;padding-top:70px;position:fixed;top:0;transition:width .05s ease-in-out,background-color .2s ease,box-shadow .2s ease,padding .2s cubic-bezier(.6,.2,0,.8);z-index:1000}.left-sidebar.is-collapsed:hover{background-color:#2a3342;box-shadow:0 0 25px #0ff9;padding:38px}.collapse-toggle-button{align-items:center;background-color:#2c2c2c;border:none;border-radius:50%;box-shadow:0 2px 5px #0000004d;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-20px;top:80px;transition:background-color .2s ease;width:40px;z-index:1000}.collapse-toggle-button:hover{background-color:#3f3f3f}.sidebar-content{box-sizing:border-box;flex-grow:1;overflow-y:auto;padding:20px;width:100%}.profile-section{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;margin-bottom:30px;padding-bottom:20px}.profile-picture{border:2px solid #0ff;border-radius:50%;box-shadow:0 0 15px #0ff6;height:100px;margin-bottom:10px;object-fit:cover;width:100px}.profile-name{color:#0ff;font-size:1.5em;font-weight:700;margin-bottom:5px}.profile-title{color:#a0aec0;font-size:.9em;text-align:center}.skills-section{margin-top:20px}.skills-title{color:#6ee7b7;font-size:1.3em;font-weight:700;letter-spacing:.08em;margin-bottom:20px;text-align:center;text-transform:uppercase}.collapsed-text-container{align-items:center;display:flex;height:calc(100vh - 70px);justify-content:center;left:0;pointer-events:none;position:absolute;top:70px;width:100%;z-index:2}.collapsed-text{color:#e2e8f0;font-size:1.2em;font-weight:700;letter-spacing:.1em;margin:0;padding:0;text-transform:uppercase;transform:rotate(-90deg);transition:transform .2s ease-out,color .2s ease-out,text-shadow .2s ease-out;white-space:nowrap}.left-sidebar.is-collapsed:hover .collapsed-text{color:#0ff;text-shadow:0 0 8px #0ffc;transform:rotate(-90deg) scale(1.05)}.sidebar-footer{flex-shrink:0}.left-sidebar .contact-popup-link,.sidebar-footer{align-items:center;display:flex;justify-content:center;width:100%}.left-sidebar .contact-popup-link{margin-top:5px}.left-sidebar .contact-popup-link h3{font-size:1rem;line-height:1;margin:0;padding:0}@media (max-width:768px){.left-sidebar{width:70px}.collapse-toggle-button{right:10px;top:10px}}.sidebar-menu-wrapper{background-color:#2c2c2c;box-shadow:-2px 0 5px #00000080;color:#fff;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;width:250px;will-change:transform,opacity;z-index:1100}.sidebar-overlay{background-color:#00000080;height:100%;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1099}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.sidebar-header h3{color:#ffda00;color:var(--global-color-primary,#ffda00);font-size:1.5em;margin:0}.sidebar-close-button{align-content:center;align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2em;height:50px;justify-content:center;padding:5px;transition:background-color .3s ease;width:50px}.sidebar-close-button:hover{background-color:#ffffff1a}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li{border-bottom:1px solid #ffffff0d;cursor:pointer;padding:10px 0;transition:background-color .3s ease,transform .3s ease}.sidebar-menu li:last-child{border-bottom:none}.sidebar-menu li:hover{background-color:#ffffff0d;transform:translateX(5px)}.sidebar-menu li a{color:#fff;display:block;font-size:1.1em;padding:5px 10px;text-decoration:none}@media (max-width:768px){.sidebar-menu-wrapper{width:70%}}.separator{background-color:rgba(101,150,199,.254);height:1px;margin:0}.maintenance-container{align-items:center;background-color:#1a202c;box-sizing:border-box;color:#e2e8f0;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:20px;text-align:center}.maintenance-content{background-color:#2d3748;border-radius:12px;box-shadow:0 4px 20px #0006;max-width:600px;padding:40px;width:100%}.maintenance-content h1{color:#0ff;font-size:2.5em;margin-bottom:20px}.maintenance-content p{font-size:1.1em;line-height:1.6;margin-bottom:15px}.spinner{animation:spin 1s linear infinite;border:4px solid #00ffff4d;border-radius:50%;border-top-color:#0ff;height:50px;margin:0 auto 30px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}footer{background-color:#2b373b;border-top:1px solid #4a5568;bottom:0;color:#e2e8f0;flex-direction:column;font-family:Inter,sans-serif;justify-content:center;left:0;padding:0;position:fixed;text-align:center;transition:max-height .3s ease-in-out,background-color .3s ease;z-index:9999}.footer-content-wrapper,footer{align-items:center;box-sizing:border-box;display:flex;width:100%}.footer-content-wrapper{gap:5px;justify-content:space-between;padding:5px 15px}.footer-left-block{align-items:flex-start;display:flex;flex-direction:column}.footer-right-block,.main-footer-line{align-items:center;display:flex}.main-footer-line{gap:10px;width:100%}.links-wrapper,.main-footer-line{flex-wrap:wrap;justify-content:center}.links-wrapper{display:flex;gap:15px;margin-top:5px}.footer-link{color:#f5e653;font-size:.8rem;font-weight:700;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:gold}.cookie-preferences-button{background-color:#6e6e6e;border:none;border-radius:6px;box-shadow:0 2px 5px #0003;color:#f5e653;cursor:pointer;flex-shrink:0;font-size:.7em;font-weight:700;padding:6px 12px;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}.cookie-preferences-button:hover{background-color:#555;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.cookie-preferences-button:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.copyright-text{color:#a0aec0;flex-shrink:0;font-size:.7em;margin:0}.footer-toggle-button{background:none;border:none;color:#f5e653;cursor:pointer;font-size:1.2em;left:50%;padding:5px;position:absolute;top:5px;transform:translateX(-50%);transition:transform .2s ease;z-index:10}.footer-toggle-button:hover{transform:translateX(-50%) scale(1.1)}.privacy-balloon{background-color:#333;border-radius:8px;bottom:calc(100% + 10px);box-shadow:0 4px 10px #0000004d;color:#fff;font-size:.85em;left:50%;opacity:0;padding:8px 15px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:nowrap;z-index:10001}.privacy-balloon.show-balloon{opacity:.95;visibility:visible}.privacy-balloon:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #333;bottom:-8px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}@media (max-width:600px){.main-footer-line{flex-direction:column;gap:5px}.footer-toggle-button{top:2px}.privacy-balloon{font-size:.75em;padding:6px 12px}}.cookie-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.cookie-modal-content{background:#1a202c;border-radius:.75rem;box-shadow:0 10px 25px #00000080;box-sizing:border-box;color:#e2e8f0;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%}.cookie-modal-header{align-items:center;border-bottom:1px solid #4a5568;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.cookie-modal-header h2{color:#63b3ed;font-size:1.8rem;margin:0}.cookie-modal-close-button{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1.5rem;transition:color .2s ease}.cookie-modal-close-button:hover{color:#e53e3e}.cookie-modal-body p{color:#cbd5e0;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.cookie-category{background:#2d3748;border-radius:.5rem;box-shadow:0 2px 5px #0003;margin-bottom:1rem;padding:1rem}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.category-header label{align-items:center;cursor:default;display:flex;flex-grow:1}.category-header h3{color:#90cdf4;font-size:1.1rem;margin:0}.essential-tag{background-color:#38a169;border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:700;margin-left:.5rem;padding:.2rem .5rem}.category-description{color:#a0aec0;font-size:.85rem;margin-top:.5rem}.toggle-switch{-webkit-appearance:none;appearance:none;background-color:#a0aec0;border-radius:10px;cursor:pointer;flex-shrink:0;height:20px;outline:none;position:relative;transition:background-color .2s ease-in-out;width:40px}.toggle-switch:checked{background-color:#38a169}.toggle-switch:before{background-color:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s ease-in-out;width:16px}.toggle-switch:checked:before{transform:translateX(20px)}.toggle-switch:disabled{cursor:not-allowed;opacity:.6}.toggle-switch:disabled:before{background-color:#d1d5db}.cookie-modal-footer{border-top:1px solid #4a5568;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.cookie-modal-footer button{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:background-color .2s ease,transform .1s ease}.button-primary{background-color:#3b82f6;color:#fff}.button-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.button-secondary{background-color:#e53e3e;color:#fff}.button-secondary:hover{background-color:#c53030;transform:translateY(-1px)}.button-tertiary{background-color:#4a5568;color:#e2e8f0}.button-tertiary:hover{background-color:#2d3748;transform:translateY(-1px)}@media (max-width:500px){.cookie-modal-content{padding:1rem;width:95%}.cookie-modal-header h2{font-size:1.5rem}.cookie-modal-footer{align-items:stretch;flex-direction:column;gap:.75rem}.cookie-modal-footer button{font-size:.9rem;padding:.6rem 1rem;width:100%}}#harmonic-wave-app-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#f3f4f6;display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:1rem}#harmonic-wave-app-container .app-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:48rem;padding:2rem;width:100%}#harmonic-wave-app-container .app-title{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;text-align:center}#harmonic-wave-app-container .control-group{margin-bottom:2rem;text-align:center}#harmonic-wave-app-container .control-label{color:#374151;display:block;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}#harmonic-wave-app-container .value-display{color:#2563eb}#harmonic-wave-app-container .slider{-webkit-appearance:none;appearance:none;background-color:#bfdbfe;border-radius:.5rem;cursor:pointer;height:.75rem;overflow:hidden;width:100%}#harmonic-wave-app-container .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2563eb;border-radius:9999px;box-shadow:0 0 0 .25rem #2563eb;cursor:grab;height:1.25rem;margin-top:-.25rem;width:1.25rem}#harmonic-wave-app-container .slider::-moz-range-thumb{background:#2563eb;border-radius:9999px;box-shadow:0 0 0 .25rem #2563eb;cursor:grab;height:1.25rem;width:1.25rem}#harmonic-wave-app-container .control-heading{color:#374151;font-size:1.125rem;font-weight:500;margin-bottom:.75rem}#harmonic-wave-app-container .radio-group{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}#harmonic-wave-app-container .radio-label{align-items:center;cursor:pointer;display:inline-flex}#harmonic-wave-app-container .radio-input{-webkit-appearance:none;appearance:none;border:1px solid #d1d5db;border-radius:9999px;color:#2563eb;height:1.25rem;outline:none;transition:background-color .2s,border-color .2s;width:1.25rem}#harmonic-wave-app-container .radio-input:checked{background-color:#2563eb;border-color:#2563eb}#harmonic-wave-app-container .radio-input:checked:before{background-color:#fff;border-radius:9999px;content:"";display:block;height:.625rem;margin:.25rem;width:.625rem}#harmonic-wave-app-container .radio-text{color:#374151;font-weight:500;margin-left:.5rem}#harmonic-wave-app-container .play-button{border:none;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 2rem;transition:all .3s ease-in-out}#harmonic-wave-app-container .play-button.play{background-color:#22c55e}#harmonic-wave-app-container .play-button.play:hover{background-color:#16a34a}#harmonic-wave-app-container .play-button.stop{background-color:#ef4444}#harmonic-wave-app-container .play-button.stop:hover{background-color:#dc2626}#harmonic-wave-app-container .canvas-container{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;margin-bottom:1.5rem;overflow:hidden;position:relative}#harmonic-wave-app-container .waveform-canvas{display:block;height:16rem;width:100%}#harmonic-wave-app-container .canvas-label{color:#6b7280;font-size:.875rem;left:.75rem;position:absolute;top:.5rem}#harmonic-wave-app-container .instructions{color:#4b5563;font-size:.875rem;margin-top:1rem;text-align:center}#harmonic-wave-app-container .instructions p{margin-bottom:.5rem}#circle-wave-app-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#f3f4f6;display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:1rem}#circle-wave-app-container .app-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:48rem;padding:2rem;width:100%}#circle-wave-app-container .app-title{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;text-align:center}#circle-wave-app-container .canvas-container{align-items:center;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;display:flex;height:300px;justify-content:center;margin-bottom:1.5rem;overflow:hidden;position:relative;width:100%}#circle-wave-app-container .wave-canvas{display:block;height:100%;width:100%}#circle-wave-app-container .canvas-label{color:#6b7280;font-size:.875rem;left:.75rem;position:absolute;top:.5rem}#circle-wave-app-container .controls-group{margin-bottom:2rem;text-align:center}#circle-wave-app-container .control-label{color:#374151;display:block;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}#circle-wave-app-container .value-display{color:#2563eb}#circle-wave-app-container .slider{-webkit-appearance:none;appearance:none;background-color:#bfdbfe;border-radius:.5rem;cursor:pointer;height:.75rem;overflow:hidden;width:100%}#circle-wave-app-container .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2563eb;border-radius:9999px;box-shadow:0 0 0 .25rem #2563eb;cursor:grab;height:1.25rem;margin-top:-.25rem;width:1.25rem}#circle-wave-app-container .slider::-moz-range-thumb{background:#2563eb;border-radius:9999px;box-shadow:0 0 0 .25rem #2563eb;cursor:grab;height:1.25rem;width:1.25rem}#circle-wave-app-container .checkbox-group{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem}#circle-wave-app-container .checkbox-label{align-items:center;color:#374151;cursor:pointer;display:inline-flex;font-weight:500}#circle-wave-app-container .checkbox-input{align-items:center;-webkit-appearance:none;appearance:none;border:2px solid #6b7280;border-radius:.25rem;cursor:pointer;display:inline-flex;height:1.25rem;justify-content:center;margin-right:.5rem;transition:background-color .2s,border-color .2s;width:1.25rem}#circle-wave-app-container .checkbox-input:checked{background-color:#2563eb;border-color:#2563eb}#circle-wave-app-container .checkbox-input:checked:before{color:#fff;content:"✔";font-size:.9rem}#circle-wave-app-container .instructions{color:#4b5563;font-size:.875rem;margin-top:1rem;text-align:center}#circle-wave-app-container .instructions p{margin-bottom:.5rem}
/*# sourceMappingURL=main.acb63fba.css.map*/