.joltemo-toggle{margin:0;& .toggle-wrapper{position:relative;width:2.5rem;height:2rem;background-color:color-mix(in oklch,var(--color-accent-70) 20%,transparent);border:2px solid var(--color-accent-90);border-radius:2rem;&.toggle-wrapper--pressed{background-color:color-mix(in oklch,var(--color-accent-80) 60%,transparent)}}& .joltemo-toggle__button{position:absolute;top:-2px;left:-2px;padding:0;height:2rem;width:2rem;background-color:var(--color-background-50);transition:background-color .1s ease-in-out,transform .1s ease-in-out;border:2px solid var(--color-accent-70);border-radius:3rem;transform:translateX(0);&:hover{background-color:var(--color-background-90);& svg{transform:scale(1.1)}}}& svg{display:block;width:1.15rem;height:1.15rem;transition:transform .2s ease-in-out;transform:scale(1)}& .button-male{& svg{fill:var(--color-male)}}& .button-female{& svg{fill:var(--color-female)}}}[aria-pressed=true].joltemo-toggle__button{transform:translateX(calc(.65rem - 2px))}@media (min-width:640px){.joltemo-toggle{& .toggle-wrapper{width:3rem;height:2.25rem}& .joltemo-toggle__button{height:2.25rem;width:2.25rem;& svg{width:1.5rem;height:1.5rem}}& svg{width:1.25rem;height:1.25rem}}[aria-pressed=true].joltemo-toggle__button{transform:translateX(calc(1rem - 2px))}}.joltemo-textarea{width:100%;& textarea{padding:var(--input-padding);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-primary-100);background-color:var(--color-background-70);border-radius:var(--border-radius);resize:vertical;font-size:.875rem;&::-moz-placeholder{color:var(--color-primary-40);font-size:.875rem}&::placeholder{color:var(--color-primary-40);font-size:.875rem}}&.joltemo-textarea--editing{& textarea{border-style:dotted;border-color:transparent transparent var(--color-accent-100) transparent;&:focus{outline:2px solid var(--color-accent-100)}}}}.joltemo-textarea__clear-button{position:absolute;right:0;bottom:0;padding:.25rem;cursor:pointer;transition:background-color .1s ease-in-out;&:hover{background-color:var(--color-primary-70);svg{color:var(--color-primary-20)}}}