@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}
.cssAutoTextarea-module-scss-module__AUESBW__box h2{width:fit-content;position:relative}.cssAutoTextarea-module-scss-module__AUESBW__box h2:after,.cssAutoTextarea-module-scss-module__AUESBW__box h2:before{content:"";background-image:linear-gradient(90deg,orange,#fff,green);width:100%;height:.1em;transition:all .1s;position:absolute;bottom:-2px;left:0;scale:0}.cssAutoTextarea-module-scss-module__AUESBW__box h2:before{background-image:linear-gradient(90deg,#ff0,red,#00f);top:0}.cssAutoTextarea-module-scss-module__AUESBW__box h2:hover:after,.cssAutoTextarea-module-scss-module__AUESBW__box h2:hover:before{transition:all .3s;scale:1}.cssAutoTextarea-module-scss-module__AUESBW__box textarea{field-sizing:content;resize:none;-webkit-user-select:none;user-select:none;background:#e2fde2;border-radius:3px;outline:none;width:min(32rem,95%);min-height:1lh;padding:.4em}.cssAutoTextarea-module-scss-module__AUESBW__box textarea:focus{background:#fff}pre.cssAutoTextarea-module-scss-module__AUESBW__code{color:#c2bebe;background-color:#000;border-radius:10px;margin:10px 0;padding:25px;overflow-x:auto}pre.cssAutoTextarea-module-scss-module__AUESBW__code .cssAutoTextarea-module-scss-module__AUESBW__comment{color:#6a9955;font-style:italic}
@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.cssBorderImage-module-scss-module__udcxnq__box{flex-direction:column;display:flex}.cssBorderImage-module-scss-module__udcxnq__box h2{width:fit-content;position:relative}.cssBorderImage-module-scss-module__udcxnq__box h2:after,.cssBorderImage-module-scss-module__udcxnq__box h2:before{content:"";background-image:linear-gradient(90deg,#ff0);width:100%;height:.1em;transition:all .1s;position:absolute;bottom:-2px;left:0;scale:0}.cssBorderImage-module-scss-module__udcxnq__box h2:before{background-image:linear-gradient(90deg,#00f);top:0}.cssBorderImage-module-scss-module__udcxnq__box h2:hover:after,.cssBorderImage-module-scss-module__udcxnq__box h2:hover:before{transition:all .3s;scale:1}.cssBorderImage-module-scss-module__udcxnq__spinner{border:8px solid #000;border-image:conic-gradient(from var(--angle), blue, red, yellow, blue) 1;background:green;width:100px;height:100px;animation:2s linear infinite cssBorderImage-module-scss-module__udcxnq__spin}@keyframes cssBorderImage-module-scss-module__udcxnq__spin{0%{--angle:0deg}to{--angle:360deg}}pre.cssBorderImage-module-scss-module__udcxnq__code{color:#c2bebe;background-color:#000;border-radius:10px;margin:10px 0;padding:25px;overflow-x:auto}pre.cssBorderImage-module-scss-module__udcxnq__code .cssBorderImage-module-scss-module__udcxnq__comment{color:#6a9955;font-style:italic}
.cssColumns-module-scss-module__mfG6Dq__box{flex-direction:column;display:flex}.cssColumns-module-scss-module__mfG6Dq__box h2{width:fit-content;position:relative}.cssColumns-module-scss-module__mfG6Dq__box h2:after,.cssColumns-module-scss-module__mfG6Dq__box h2:before{content:"";background-image:linear-gradient(90deg,#ff0);width:100%;height:.1em;transition:all .1s;position:absolute;bottom:-2px;left:0;scale:0}.cssColumns-module-scss-module__mfG6Dq__box h2:before{background-image:linear-gradient(90deg,#00f);top:0}.cssColumns-module-scss-module__mfG6Dq__box h2:hover:after,.cssColumns-module-scss-module__mfG6Dq__box h2:hover:before{transition:all .3s;scale:1}.cssColumns-module-scss-module__mfG6Dq__box p{letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4em}.cssColumns-module-scss-module__mfG6Dq__images{columns:4 200px;column-gap:.5em;width:min(1000px,100%);margin:0 auto}.cssColumns-module-scss-module__mfG6Dq__images img{border:1px solid gray;border-radius:.5em;width:100%;margin-bottom:.5em;display:block}pre.cssColumns-module-scss-module__mfG6Dq__code{color:#c2bebe;background-color:#000;border-radius:10px;margin:10px 0;padding:25px;overflow-x:auto}pre.cssColumns-module-scss-module__mfG6Dq__code .cssColumns-module-scss-module__mfG6Dq__comment{color:#6a9955;font-style:italic}
.cssCornerShape-module-scss-module__fu5LdG__box{flex-direction:column;display:flex}.cssCornerShape-module-scss-module__fu5LdG__box h2{width:fit-content;position:relative}.cssCornerShape-module-scss-module__fu5LdG__box h2:after,.cssCornerShape-module-scss-module__fu5LdG__box h2:before{content:"";background-image:linear-gradient(90deg,#ff0);width:100%;height:.1em;transition:all .1s;position:absolute;bottom:-2px;left:0;scale:0}.cssCornerShape-module-scss-module__fu5LdG__box h2:before{background-image:linear-gradient(90deg,#00f);top:0}.cssCornerShape-module-scss-module__fu5LdG__box h2:hover:after,.cssCornerShape-module-scss-module__fu5LdG__box h2:hover:before{transition:all .3s;scale:1}.cssCornerShape-module-scss-module__fu5LdG__shape{corner-shape:superellipse(5) notch;cursor:pointer;background:red;border-radius:50px;width:100px;height:100px;transition:all .4s;position:relative}.cssCornerShape-module-scss-module__fu5LdG__shape:hover{corner-shape:notch superellipse(5)}.cssCornerShape-module-scss-module__fu5LdG__shape:hover:after{content:"";background:0 0;width:100%;height:100%;position:absolute}pre.cssCornerShape-module-scss-module__fu5LdG__code{color:#c2bebe;background-color:#000;border-radius:10px;margin:10px 0;padding:25px;overflow-x:auto}pre.cssCornerShape-module-scss-module__fu5LdG__code .cssCornerShape-module-scss-module__fu5LdG__comment{color:#6a9955;font-style:italic}
.cssCounterHeadings-module-scss-module__kTi2Ca__box{flex-direction:column;display:flex}.cssCounterHeadings-module-scss-module__kTi2Ca__box h2{width:fit-content;position:relative}.cssCounterHeadings-module-scss-module__kTi2Ca__box h2:after,.cssCounterHeadings-module-scss-module__kTi2Ca__box h2:before{content:"";background-image:linear-gradient(90deg,#ff0);width:100%;height:.1em;transition:all .1s;position:absolute;bottom:-2px;left:0;scale:0}.cssCounterHeadings-module-scss-module__kTi2Ca__box h2:before{background-image:linear-gradient(90deg,#00f);top:0}.cssCounterHeadings-module-scss-module__kTi2Ca__box h2:hover:after,.cssCounterHeadings-module-scss-module__kTi2Ca__box h2:hover:before{transition:all .3s;scale:1}.cssCounterHeadings-module-scss-module__kTi2Ca__counted{counter-reset:headings}.cssCounterHeadings-module-scss-module__kTi2Ca__counted h3{counter-increment:headings;color:#585757;text-transform:capitalize;align-items:center;gap:.75em;transition:all .3s;display:flex}.cssCounterHeadings-module-scss-module__kTi2Ca__counted h3:hover{color:#000}.cssCounterHeadings-module-scss-module__kTi2Ca__counted h3:before{content:counter(headings);color:#fff;text-align:center;background:green;border-radius:4px;width:40px;margin:2px 0;padding:.25em;transition:all .3s}.cssCounterHeadings-module-scss-module__kTi2Ca__counted h3:hover:before{color:#000}pre.cssCounterHeadings-module-scss-module__kTi2Ca__code{color:#c2bebe;background-color:#000;border-radius:10px;margin:10px 0;padding:25px;overflow-x:auto}pre.cssCounterHeadings-module-scss-module__kTi2Ca__code .cssCounterHeadings-module-scss-module__kTi2Ca__comment{color:#6a9955;font-style:italic}
.cssRelativePadding-module-scss-module__HFZtZa__box{flex-direction:column;display:flex}.cssRelativePadding-module-scss-module__HFZtZa__box h2{width:fit-content;position:relative}.cssRelativePadding-module-scss-module__HFZtZa__box h2:after,.cssRelativePadding-module-scss-module__HFZtZa__box h2:before{content:"";background-image:linear-gradient(90deg,#ff0);width:100%;height:.1em;transition:all .1s;position:absolute;bottom:-2px;left:0;scale:0}.cssRelativePadding-module-scss-module__HFZtZa__box h2:before{background-image:linear-gradient(90deg,#00f);top:0}.cssRelativePadding-module-scss-module__HFZtZa__box h2:hover:after,.cssRelativePadding-module-scss-module__HFZtZa__box h2:hover:before{transition:all .3s;scale:1}.cssRelativePadding-module-scss-module__HFZtZa__relativePadding{background:#8ca6ec;padding:min(5em,8%)}pre.cssRelativePadding-module-scss-module__HFZtZa__code{color:#c2bebe;background-color:#000;border-radius:10px;margin:10px 0;padding:25px;overflow-x:auto}pre.cssRelativePadding-module-scss-module__HFZtZa__code .cssRelativePadding-module-scss-module__HFZtZa__comment{color:#6a9955;font-style:italic}
.cssResponsiveColumns-module-scss-module__gcJDra__box h2{width:fit-content;position:relative}.cssResponsiveColumns-module-scss-module__gcJDra__box h2:after,.cssResponsiveColumns-module-scss-module__gcJDra__box h2:before{content:"";background-image:linear-gradient(90deg,orange,#fff,green);width:100%;height:.1em;transition:all .1s;position:absolute;bottom:-2px;left:0;scale:0}.cssResponsiveColumns-module-scss-module__gcJDra__box h2:before{background-image:linear-gradient(90deg,#fff,green,#fff);top:0}.cssResponsiveColumns-module-scss-module__gcJDra__box h2:hover:after,.cssResponsiveColumns-module-scss-module__gcJDra__box h2:hover:before{transition:all .3s;scale:1}.cssResponsiveColumns-module-scss-module__gcJDra__box h2{-webkit-text-fill-color:#0000;color:#0000;background-image:linear-gradient(90deg,green,purple,green);-webkit-background-clip:text;background-clip:text}.cssResponsiveColumns-module-scss-module__gcJDra__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5em;padding:min(2em,8%);display:grid}.cssResponsiveColumns-module-scss-module__gcJDra__grid>div{color:#00f;text-transform:uppercase;background:orange;border-radius:5px;padding:.5em}pre.cssResponsiveColumns-module-scss-module__gcJDra__code{color:#c2bebe;background-color:#000;border-radius:10px;margin:10px 0;padding:25px;overflow-x:auto}pre.cssResponsiveColumns-module-scss-module__gcJDra__code .cssResponsiveColumns-module-scss-module__gcJDra__comment{color:#6a9955;font-style:italic}
.cssResponsiveFont-module-scss-module__frpF9W__box{flex-direction:column;display:flex}.cssResponsiveFont-module-scss-module__frpF9W__box h2{width:fit-content;position:relative}.cssResponsiveFont-module-scss-module__frpF9W__box h2:after,.cssResponsiveFont-module-scss-module__frpF9W__box h2:before{content:"";background-image:linear-gradient(90deg,#ff0);width:100%;height:.1em;transition:all .1s;position:absolute;bottom:-2px;left:0;scale:0}.cssResponsiveFont-module-scss-module__frpF9W__box h2:before{background-image:linear-gradient(90deg,#00f);top:0}.cssResponsiveFont-module-scss-module__frpF9W__box h2:hover:after,.cssResponsiveFont-module-scss-module__frpF9W__box h2:hover:before{transition:all .3s;scale:1}.cssResponsiveFont-module-scss-module__frpF9W__box .cssResponsiveFont-module-scss-module__frpF9W__bigHeading{-webkit-text-fill-color:#0000;color:#0000;background-image:linear-gradient(90deg,red,#00f);-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:clamp(1.8rem,7vw + 1rem,5rem);line-height:1.2}.cssResponsiveFont-module-scss-module__frpF9W__box .cssResponsiveFont-module-scss-module__frpF9W__bigHeading:hover{-webkit-text-fill-color:#0000;color:#0000;background-image:linear-gradient(90deg,#00f,green);-webkit-background-clip:text;background-clip:text}.cssResponsiveFont-module-scss-module__frpF9W__box p{color:#197099}pre.cssResponsiveFont-module-scss-module__frpF9W__code{color:#c2bebe;background-color:#000;border-radius:10px;margin:10px 0;padding:25px;overflow-x:auto}pre.cssResponsiveFont-module-scss-module__frpF9W__code .cssResponsiveFont-module-scss-module__frpF9W__comment{color:#6a9955;font-style:italic}
.cssResponsiveMenu-module-scss-module__OzKTEW__box{position:relative}.cssResponsiveMenu-module-scss-module__OzKTEW__box h2{width:fit-content;position:relative}.cssResponsiveMenu-module-scss-module__OzKTEW__box h2:after,.cssResponsiveMenu-module-scss-module__OzKTEW__box h2:before{content:"";background-image:linear-gradient(90deg,red);width:100%;height:.1em;transition:all .1s;position:absolute;bottom:-2px;left:0;scale:0}.cssResponsiveMenu-module-scss-module__OzKTEW__box h2:before{background-image:linear-gradient(90deg,#00f);top:0}.cssResponsiveMenu-module-scss-module__OzKTEW__box h2:hover:after,.cssResponsiveMenu-module-scss-module__OzKTEW__box h2:hover:before{transition:all .3s;scale:1}.cssResponsiveMenu-module-scss-module__OzKTEW__box #cssResponsiveMenu-module-scss-module__OzKTEW__menuActive,.cssResponsiveMenu-module-scss-module__OzKTEW__box .cssResponsiveMenu-module-scss-module__OzKTEW__openMenu{cursor:pointer;display:none}.cssResponsiveMenu-module-scss-module__OzKTEW__box nav ul{z-index:10;background:#fff;border-radius:20px;display:flex}.cssResponsiveMenu-module-scss-module__OzKTEW__box nav ul li{padding:min(1em,10%)}.cssResponsiveMenu-module-scss-module__OzKTEW__box nav ul li:first-child{margin-right:auto}@media (max-width:700px){.cssResponsiveMenu-module-scss-module__OzKTEW__box .cssResponsiveMenu-module-scss-module__OzKTEW__openMenu{display:block}.cssResponsiveMenu-module-scss-module__OzKTEW__box #cssResponsiveMenu-module-scss-module__OzKTEW__menuActive:checked~#cssResponsiveMenu-module-scss-module__OzKTEW__overlay{z-index:9;background:#16161680;width:100%;height:100%;display:block;position:absolute;top:0;right:0}.cssResponsiveMenu-module-scss-module__OzKTEW__box #cssResponsiveMenu-module-scss-module__OzKTEW__menuActive:checked~nav ul{border-radius:20px 0 0 20px;transition:right .5s ease-in-out;right:0}.cssResponsiveMenu-module-scss-module__OzKTEW__box nav ul{flex-direction:column;width:50%;height:100%;transition:right .2s ease-in-out;position:absolute;top:0;right:200%}.cssResponsiveMenu-module-scss-module__OzKTEW__box nav ul li{padding:min(1em,5%)}}pre.cssResponsiveMenu-module-scss-module__OzKTEW__code{color:#c2bebe;background-color:#000;border-radius:10px;margin:10px 0;padding:25px;overflow-x:auto}pre.cssResponsiveMenu-module-scss-module__OzKTEW__code .cssResponsiveMenu-module-scss-module__OzKTEW__comment{color:#6a9955;font-style:italic}
.cssResponsivePadding-module-scss-module__0uHCUW__box h2{width:fit-content;position:relative}.cssResponsivePadding-module-scss-module__0uHCUW__box h2:after,.cssResponsivePadding-module-scss-module__0uHCUW__box h2:before{content:"";background-image:linear-gradient(90deg,#993b4b,#ff0);width:100%;height:.1em;transition:all .1s;position:absolute;bottom:-2px;left:0;scale:0}.cssResponsivePadding-module-scss-module__0uHCUW__box h2:before{background-image:linear-gradient(90deg,green,red);top:0}.cssResponsivePadding-module-scss-module__0uHCUW__box h2:hover:after,.cssResponsivePadding-module-scss-module__0uHCUW__box h2:hover:before{transition:all .3s;scale:1}.cssResponsivePadding-module-scss-module__0uHCUW__box p{background:#fff;border-radius:1em;padding:min(3em,9%)}.cssResponsivePadding-module-scss-module__0uHCUW__box p:first-letter{font-size:3em}pre.cssResponsivePadding-module-scss-module__0uHCUW__code{color:#c2bebe;background-color:#000;border-radius:10px;margin:10px 0;padding:25px;overflow-x:auto}pre.cssResponsivePadding-module-scss-module__0uHCUW__code .cssResponsivePadding-module-scss-module__0uHCUW__comment{color:#6a9955;font-style:italic}
.cssGrid-module-scss-module__PqBhcW__gridContainer section{opacity:.8;background:#ccc;margin:.2em 0;padding:min(2em,8%)}.cssGrid-module-scss-module__PqBhcW__gridContainer section h2{margin-bottom:.3em}.cssGrid-module-scss-module__PqBhcW__gridContainer section.cssGrid-module-scss-module__PqBhcW__green{background:green}.cssGrid-module-scss-module__PqBhcW__gridContainer h1{-webkit-text-fill-color:#0000;color:#0000;background-image:linear-gradient(90deg,#add8e6,green,pink);-webkit-background-clip:text;background-clip:text;width:fit-content;position:relative}.cssGrid-module-scss-module__PqBhcW__gridContainer h1:after,.cssGrid-module-scss-module__PqBhcW__gridContainer h1:before{content:"";background-image:linear-gradient(90deg,orange,#fff,green);width:100%;height:.1em;transition:all .1s;position:absolute;bottom:-2px;left:0;scale:0}.cssGrid-module-scss-module__PqBhcW__gridContainer h1:before{background-image:linear-gradient(90deg,#fff,green,#fff);top:0}.cssGrid-module-scss-module__PqBhcW__gridContainer h1:hover:after,.cssGrid-module-scss-module__PqBhcW__gridContainer h1:hover:before{transition:all .3s;scale:1}.cssGrid-module-scss-module__PqBhcW__gridContainer p{margin:10px 0}.cssGrid-module-scss-module__PqBhcW__bg_css{isolation:isolate;clip-path:inset(0);position:relative}.cssGrid-module-scss-module__PqBhcW__bg_css:before{content:"";z-index:-1;filter:blur(5px);background:url(/bg_css.webp) 0/cover;position:fixed;inset:-20px}.cssGrid-module-scss-module__PqBhcW__anchors{background:#c5c4c4;border-radius:.5em;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5em 0;padding:.5em 1.5em;display:grid}.cssGrid-module-scss-module__PqBhcW__anchors li:hover{color:#000}.cssGrid-module-scss-module__PqBhcW__anchors li{color:#4b4a4a}