.themed-elements{--base-1: 236;--base-2: 11;--color-1: hsl(236, 100%, 82%);--color-2: hsl(238, 100%, 63%);--color-3: hsl(11, 78%, 68%);--color-4: hsl(14, 65%, 82%);--color-5: hsl(16, 24%, 91%)}.themed-elements main{font-family:"Courier New",Courier,monospace;color:hsl(var(--base-1), 100%, 40%);background:hsl(var(--base-2), 5%, 95%)}.themed-elements input,.themed-elements textarea,.themed-elements fieldset{border-radius:unset;border:1px solid hsl(var(--base-1), 50%, 50%, 0.5)}.themed-elements input:active,.themed-elements input:focus-within,.themed-elements input:focus,.themed-elements input:focus-visible,.themed-elements textarea:active,.themed-elements textarea:focus-within,.themed-elements textarea:focus,.themed-elements textarea:focus-visible,.themed-elements fieldset:active,.themed-elements fieldset:focus-within,.themed-elements fieldset:focus,.themed-elements fieldset:focus-visible{border-radius:unset;outline-color:hsl(var(--base-1), 50%, 50%)}.themed-elements button.button,.themed-elements a.button{font-weight:600;padding:1.6rem;box-shadow:4px 4px 0px 0px hsl(var(--base-2), 80%, 70%);transition:box-shadow .05s ease-in-out}.themed-elements button.button.primary,.themed-elements a.button.primary{background:hsl(var(--base-1), 100%, 60%);color:hsl(var(--base-1), 200%, 95%);border:2px solid hsl(var(--base-1), 100%, 60%)}.themed-elements button.button.primary .icon,.themed-elements a.button.primary .icon{background-color:hsl(var(--base-1), 200%, 95%)}.themed-elements button.button.secondary,.themed-elements a.button.secondary{border:2px solid hsl(var(--base-1), 100%, 60%);color:hsl(var(--base-1), 100%, 60%);background:hsl(var(--base-1), 20%, 90%)}.themed-elements button.button.secondary .icon,.themed-elements a.button.secondary .icon{background-color:hsl(var(--base-1), 100%, 60%)}.themed-elements button.button.cta,.themed-elements a.button.cta{border:2px solid hsl(var(--base-2), 100%, 90%);color:hsl(var(--base-2), 100%, 96%);background:hsl(var(--base-2), 80%, 50%);box-shadow:4px 4px 0px 0px hsl(var(--base-1), 100%, 70%)}.themed-elements button.button.cta .icon,.themed-elements a.button.cta .icon{background-color:hsl(var(--base-2), 100%, 96%)}.themed-elements button.button:hover,.themed-elements a.button:hover{box-shadow:0px 0px 0px 0px hsl(var(--base-1), 80%, 70%);transition:box-shadow .05s ease-in-out}.themed-elements .ranges__wrapper{--slider-size: 3.2rem}.themed-elements .ranges__wrapper input{--outer-width: 1.6rem;--inner-width: 0.4rem;position:relative;isolation:isolate;border:none;border-radius:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;background-color:hsl(var(--base-1), 100%, 60%);height:var(--inner-width);z-index:1}.themed-elements .ranges__wrapper input::-webkit-slider-thumb{--buffer: 0.4rem;--size: 1.6rem;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);border:4px solid hsl(var(--base-2), 100%, 70%);width:var(--size);height:var(--size);border-radius:0;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;border-radius:0;margin-top:calc(var(--buffer)/2*-1);margin-bottom:calc(var(--buffer)/2*-1)}.themed-elements .radio__wrapper{display:grid;row-gap:.8rem}.themed-elements .radio__wrapper label{border-right:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0);padding-inline:.4rem}.themed-elements .radio__wrapper label:hover{border-color:hsl(var(--base-2), 100%, 60%)}.themed-elements input[type=checkbox],.themed-elements input[type=radio]{display:grid;align-items:center;justify-items:center;width:-moz-max-content;width:max-content;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3.2rem;height:3.2rem;cursor:pointer}.themed-elements input[type=checkbox]::before,.themed-elements input[type=radio]::before{position:relative;content:"";width:1.6rem;height:1.6rem;background-color:rgba(0,0,0,0)}.themed-elements input[type=checkbox]:checked::before,.themed-elements input[type=radio]:checked::before{background-color:hsl(var(--base-1), 50%, 50%)}.themed-elements input[type=radio]{border-radius:50%;padding:unset}.themed-elements input[type=radio]::before{border-radius:50%}