.themed-elements{--base: 240, 5%}.themed-elements main{--bg-1-l: 85%;--bg-2-l: 85%;--background-1: hsl(var(--base), var(--bg-1-l));--background-2: hsl(var(--base), var(--bg-2-l));--light-shadow: -4px -4px 8px -2px hsl(var(--base), calc(var(--bg-1-l) + 20%), 0.5);--dark-shadow: 4px 4px 8px -2px hsl(var(--base), calc(var(--bg-1-l) - 50%), 0.25);--basic-shadow: 4px 4px 8px -2px hsl(var(--base), calc(var(--bg-1-l) - 30%), 0.25), -4px -4px 8px -2px hsl(var(--base), calc(var(--bg-1-l) + 20%), 0.5);--basic-shadow-transp: 4px 4px 8px -2px transparent, -4px -4px 8px -2px transparent;background:linear-gradient(var(--background-1), var(--background-2));color:hsl(var(--base), 30%)}.themed-elements button.button,.themed-elements a.button{border:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:1.6rem;font-weight:600;border-radius:1.6rem;--shadow: 4px 4px 8px -2px hsl(var(--base), 30%, 0.25), -4px -4px 8px -2px hsl(var(--base), 95%, 0.5), inset 0px 0px 0px 0px hsl(var(--base), 30%);--shadow-hover: 0px 0px 0px -0px hsl(var(--base), 30%, 0.25), -0px -0px 0px -0px hsl(var(--base), 95%, 0.5), inset var(--basic-shadow);box-shadow:var(--shadow);transition:box-shadow .25s ease-in;justify-content:center}.themed-elements button.button .icon,.themed-elements a.button .icon{display:none}.themed-elements button.button.secondary,.themed-elements a.button.secondary{background:linear-gradient(hsl(var(--base), var(--bg-1-l)), hsl(var(--base), calc(var(--bg-2-l) + 2%)));color:hsl(var(--base), 40%)}.themed-elements button.button.primary,.themed-elements a.button.primary{background:linear-gradient(hsl(var(--base), 50%), hsl(var(--base), 45%));color:hsl(var(--base), var(--bg-1-l))}.themed-elements button.button.cta,.themed-elements a.button.cta{border:1px solid hsl(var(--base), 50%, 0.5);color:hsl(var(--base), 30%);background-color:rgba(0,0,0,0)}.themed-elements button.button.secondary:hover,.themed-elements button.button.primary:hover,.themed-elements a.button.secondary:hover,.themed-elements a.button.primary:hover{box-shadow:var(--shadow-hover);transition:box-shadow .25s ease-in}.themed-elements label{font-weight:600}.themed-elements form{padding:3.2rem;background:linear-gradient(var(--background-1), var(--background-2));border-radius:1.6rem;box-shadow:var(--basic-shadow);row-gap:3.2rem}.themed-elements form input[type=text],.themed-elements form textarea,.themed-elements form fieldset{border:unset;border-radius:.8rem;background:rgba(0,0,0,0);box-shadow:inset var(--light-shadow),inset var(--dark-shadow);resize:none}.themed-elements form input[type=text]:focus-within,.themed-elements form textarea:focus-within,.themed-elements form fieldset:focus-within{outline:2px solid hsl(var(--base), 80%)}.themed-elements form fieldset{margin-top:1.6rem}.themed-elements form fieldset legend{font-weight:600;transform:translate(-3.2rem, -1.6rem)}.themed-elements form input[type=checkbox]{display:grid;align-items:center;justify-items:center;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:-moz-max-content;width:max-content;background-color:var(--background-1);box-shadow:var(--basic-shadow);border-radius:.2rem;margin:0;width:2.4rem;height:2.4rem;transition:box-shadow .25s ease-in-out}.themed-elements form input[type=checkbox]::before{position:absolute;content:"✓";font-weight:600;border-radius:50%;color:rgba(0,0,0,0);transition:color .25s ease-in-out}.themed-elements form input[type=checkbox]:checked{box-shadow:var(--basic-shadow),inset var(--light-shadow),inset var(--dark-shadow);transition:box-shadow .25s ease-in-out}.themed-elements form input[type=checkbox]:checked::before{color:hsl(var(--base), 50%);transition:color .25s ease-in-out}.themed-elements .ranges__wrapper{--slider-size: 3.2rem}.themed-elements .ranges__wrapper input{--outer-width: 6.4rem;--inner-width: 0.4rem;--padding: 1.6rem;position:relative;isolation:isolate;align-self:flex-end;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-1);padding:var(--padding);height:var(--outer-width);box-shadow:var(--basic-shadow);z-index:1}.themed-elements .ranges__wrapper input::before{position:absolute;content:"";background:linear-gradient(hsl(var(--base), 70%), hsl(var(--base), 50%), hsl(var(--base), 70%));width:18rem;left:1rem;height:var(--inner-width);top:calc(var(--outer-width)/2 - var(--inner-width)/2);z-index:-1}.themed-elements .ranges__wrapper input::-webkit-slider-thumb{--buffer: 0.4rem;--size: 2rem;-webkit-appearance:none;appearance:none;background:linear-gradient(hsl(var(--base), 40%), hsl(var(--base), 50%));height:var(--size);width:calc(var(--size)*3);border-radius:.8rem;margin-top:calc(var(--buffer)/2*-1);margin-bottom:calc(var(--buffer)/2*-1);box-shadow:0 0 4px -2px #000}.themed-elements .ranges__wrapper input::-moz-range-thumb{--buffer: 0.4rem;-moz-appearance:none;appearance:none;width:.4rem;margin-top:calc(var(--buffer)/2*-1);margin-bottom:calc(var(--buffer)/2*-1)}.themed-elements .ranges__wrapper .vertical input::-webkit-slider-thumb{height:var(--size);width:calc(var(--size)*3);background:linear-gradient(45deg, hsl(var(--base), 40%), hsl(var(--base), 50%))}.themed-elements input[type=radio]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-1);box-shadow:var(--basic-shadow);border-radius:50%;margin:0;width:1.6rem;height:1.6rem;transition:box-shadow .25s ease-in-out}.themed-elements input[type=radio]::before{position:absolute;content:"";width:.8rem;height:.8rem;top:.4rem;left:.4rem;border-radius:50%;background-color:rgba(0,0,0,0);transition:background-color .25s ease-in-out}.themed-elements input[type=radio]:checked{box-shadow:var(--basic-shadow),inset var(--light-shadow),inset var(--dark-shadow);transition:box-shadow .25s ease-in-out}.themed-elements input[type=radio]:checked::before{background-color:hsl(var(--base), 50%);transition:background-color .25s ease-in-out}.themed-elements .radio__wrapper{padding-inline:3.2rem;padding-block:1.6rem 3.2rem;gap:1.6rem}.themed-elements .radio__wrapper label{gap:.8rem;padding:1.6rem;box-shadow:var(--basic-shadow-transp);transition:box-shadow .25s ease-in-out}.themed-elements .radio__wrapper label:hover{box-shadow:var(--basic-shadow);transition:box-shadow .25s ease-in-out}.themed-elements fieldset{display:flex;justify-content:space-between;flex-wrap:wrap}