.test-slider{--thumb-size:calc(20 / var(--size-unit) * 1em);position:relative}.test-slider__rail{height:var(--thumb-size);align-items:center;display:flex;position:relative}.test-slider__track{color:#fff;background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));border-radius:calc(12/var(--size-unit)*1em);height:calc(2/var(--size-unit)*1em);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.test-slider__fill{height:calc(2/var(--size-unit)*1em);background:var(--c-fg);border-radius:calc(12/var(--size-unit)*1em);pointer-events:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.test-slider__input{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.test-slider__input::-webkit-slider-runnable-track{background:0 0;height:100%}.test-slider__input::-moz-range-track{background:0 0;height:100%}.test-slider__input::-webkit-slider-thumb{appearance:none;width:var(--thumb-size);height:var(--thumb-size);background:var(--c-fg);cursor:grab;border:none;border-radius:50%}.test-slider__input::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:var(--c-fg);cursor:grab;border:none;border-radius:50%}.test-slider__input:active::-webkit-slider-thumb{cursor:grabbing}.test-slider__input:active::-moz-range-thumb{cursor:grabbing}.test-slider__marks{height:calc(16/var(--size-unit)*1em);position:relative}.test-slider__mark{font-family:Arial,sans-serif;font-style:normal;font-weight:400;font-size:calc(14/var(--size-unit)*1em);color:var(--c-fg);cursor:pointer;padding:calc(31/var(--size-unit)*1em) calc(6/var(--size-unit)*1em) 0;line-height:1;position:absolute;top:0;transform:translate(-50%)}
.test-textarea{color:#fff;background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));border-radius:calc(12/var(--size-unit)*1em);font-family:Arial,sans-serif;font-style:normal;font-weight:400;font-size:calc(16/var(--size-unit)*1em);letter-spacing:-.01em;border:1px solid #0000;width:100%;line-height:1.2;transition:border-color .25s}.test-textarea::placeholder{color:var(--field-placeholder)}.test-textarea:active,.test-textarea:focus{border-color:#fff;outline:none}.test-textarea:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;transition:border-color .25s,background-color 0s 10000000s}.test-textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:#fff;transition:border-color .25s,background-color 0s 10000000s}.test-textarea:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;transition:border-color .25s,background-color 0s 10000000s}.test-textarea:-webkit-autofill:active{-webkit-text-fill-color:#fff;caret-color:#fff;transition:border-color .25s,background-color 0s 10000000s}.test-textarea:autofill{filter:none}.test-textarea{min-height:calc(60/var(--size-unit)*1em);padding:calc(20/var(--size-unit)*1em);resize:none;display:block;overflow:hidden}@media screen and (min-width:768px){.test-textarea{min-height:calc(48/var(--size-unit)*1em);padding:calc(16/var(--size-unit)*1em)}}