:root{--dark: 0, 0%;--light: 0, 0%;--base-h: 170;--base: var(--base-h), 5%;--warning: 0, 100%, 50%;--green: 120, 100%, 43%;--red: 8, 100%, 60%;--below-menu-zIndex: 3;--menu-zIndex: 5;--menu-btn-zIndex: 10;--page_padding: 3.2rem;--input_padding: 0.8rem;--input_border: 1px solid hsl(var(--base), 10%, 0.2);--input_border_radius: 0.4rem;--body-bg: hsl(var(--base), 98%);--shadow-color: 0deg 0% 64%;--shadow-elevation-low: 0.2px 0.2px 0.4px hsl(var(--shadow-color) / 0.08), 0.8px 0.7px 1.5px -0.4px hsl(var(--shadow-color) / 0.49);--shadow-elevation-medium: 0.2px 0.2px 0.4px hsl(var(--shadow-color) / 0.07), 1.3px 1.1px 2.5px -0.2px hsl(var(--shadow-color) / 0.33), 3.8px 3.4px 7.3px -0.4px hsl(var(--shadow-color) / 0.58);--shadow-elevation-high: 0.2px 0.2px 0.4px hsl(var(--shadow-color) / 0.08), 2.8px 2.6px 5.5px -0.1px hsl(var(--shadow-color) / 0.25), 5.6px 5.1px 10.9px -0.2px hsl(var(--shadow-color) / 0.42), 10.2px 9.3px 19.9px -0.3px hsl(var(--shadow-color) / 0.59), 18.3px 16.7px 35.7px -0.4px hsl(var(--shadow-color) / 0.76);--dark-main-text-color: var(--base), 85%;--dark-main-background-color: var(--base), 0%;--dark-card-background-color: var(--base-h), 5%, 25%;--dark-card-text-color: var(--base), 85%;--dark-body-bg: var(--base), 20%;--dark-highlight: calc(var(--base-h) - 80), 80%;--dark-highlight-2: calc(var(--base-h) + 80), 80%;--dark-text-color: hsl(var(--base), 100%, 0.8);--dark-blue500: 249, 56%, 45%;--dark-yellow500: 36, 100%, 51%;--dark-base-color: var(--base-h), 35%, 30%;--dark-link-color: hsl(var(--highlight), 60%);--dark-link-hover: hsl(var(--highlight), 40%);--dark-link-visited: hsl(var(--highlight), 50%)}:root[color-mode=dark]{--main-text-color: var(--dark-main-text-color);--main-background-color: var(--dark-main-background-color);--card-background-color: var(--dark-card-background-color);--card-text-color: var(--dark-card-text-color);--body-bg: var(--dark-body-bg);--highlight: var(--dark-highlight);--highlight-2: var(--dark-highlight-2);--text-color: var(--dark-text-color);--blue500: var(--dark-blue500);--yellow500: var(--dark-yellow500);--base-color: var(--dark-base-color);--selection-background: hsl(var(--main-text-color));--selection-text-color: hsl(var(--main-background-color));--link-color: var(--dark-link-color);--link-hover: var(--dark-link-hover);--link-visited: var(--dark-link-visited)}@media(prefers-color-scheme: dark){:root{--main-text-color: var(--dark-main-text-color);--main-background-color: var(--dark-main-background-color);--card-background-color: var(--dark-card-background-color);--card-text-color: var(--dark-card-text-color);--body-bg: var(--dark-body-bg);--highlight: var(--dark-highlight);--highlight-2: var(--dark-highlight-2);--text-color: var(--dark-text-color);--blue500: var(--dark-blue500);--yellow500: var(--dark-yellow500);--base-color: var(--dark-base-color);--selection-background: hsl(var(--main-text-color));--selection-text-color: hsl(var(--main-background-color));--link-color: var(--dark-link-color);--link-hover: var(--dark-link-hover);--link-visited: var(--dark-link-visited)}}:root,:root[color-mode=light]{--main-text-color: var(--base), 10%;--main-background-color: var(--base), 90%;--card-background-color: var(--base-h), 5%, 95%;--card-text-color: var(--base), 10%;--body-bg: var(--base), 90%;--highlight: calc(var(--base-h) + 80), 70%;--highlight-2: calc(var(--base-h) - 80), 80%;--text-color: hsl(var(--base), 20%);--blue500: 249, 56%, 23%;--yellow500: 41, 100%, 57%;--base-color: var(--base-h), 50%, 70%;--selection-background: hsl(var(--base-h), 40%, 50%);--selection-text-color: hsl(var(--main-background-color));--link-color: hsl(var(--highlight), 40%);--link-hover: hsl(var(--highlight), 50%);--link-visited: hsl(var(--highlight), 30%)}:root ::-moz-selection{background:var(--selection-background);color:var(--selection-text-color)}:root ::selection{background:var(--selection-background);color:var(--selection-text-color)}:root ::backdrop{background:rgba(51,51,51,.8)}.themed-elements main{background-color:hsl(var(--main-background-color))}.themed-elements .section__content{background-color:unset}.themed-elements .background-wave-sides{display:none}.themed-elements .themes__wrapper{display:grid;row-gap:.8rem}.themed-elements .themes__wrapper label.theme{grid-template-columns:auto max-content;justify-content:space-between;align-items:center;cursor:pointer}.themed-elements .buttons__wrapper{--gap: 1.6rem;display:flex;gap:var(--gap);justify-content:space-between;flex-wrap:wrap}.themed-elements .button{display:flex;gap:.8rem;align-items:center;justify-content:space-between;cursor:pointer;width:100%}@media(min-width: 501px){.themed-elements .button{width:initial;justify-content:center}}@media(min-width: 768px){.themed-elements .button{flex:1 1 calc(33% - var(--gap))}}.themed-elements .icon__wrapper{display:flex;align-items:center;justify-content:center}.themed-elements input,.themed-elements textarea{border:revert;border-radius:revert}.themed-elements .ranges__wrapper{--width: 20rem;display:grid;gap:3.2rem}.themed-elements .ranges__wrapper label{align-items:center;justify-content:center;text-align:center;gap:1.6rem}.themed-elements .ranges__wrapper .range__wrapper{display:grid}.themed-elements .ranges__wrapper .range__wrapper input{align-self:center;justify-self:center}.themed-elements .ranges__wrapper .horizontal{width:var(--width);height:var(--width)}.themed-elements .ranges__wrapper .vertical{width:var(--width)}.themed-elements .ranges__wrapper .horizontal{rotate:90deg}.themed-elements form{display:grid;grid-template-rows:auto max-content}.themed-elements form .content__wrapper{display:grid;grid-template-rows:max-content max-content auto;row-gap:1.6rem}.themed-elements form .content__wrapper label:has(textarea){display:grid;grid-template-rows:max-content auto}.themed-elements.theme-applied button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:unset;cursor:pointer}.themed-elements.theme-applied input[type=checkbox]{cursor:pointer}.themed-elements.theme-applied input[type=radio]{cursor:pointer}.themed-elements .radio__wrapper{padding:.8rem}.themed-elements .radio__wrapper legend{padding-inline:.8rem}.themed-elements .radio__wrapper label{grid-template-columns:auto max-content;justify-content:space-between;align-items:center;cursor:pointer}