input[type=color]{width:2.6vmin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div[data-spinner-loader]{animation:spin 1s infinite linear}@keyframes three-points{0%{height:50%}to{height:100%}}article[data-3points-loader]{align-items:center;justify-content:space-evenly}.side-point{animation:three-points .4s ease-in forwards}.center-point{animation:three-points .4s ease-out backwards}@keyframes center-point{0%{height:50%}50%{height:90%}to{height:50%}}@keyframes side-points{0%{height:90%}50%{height:50%}to{height:90%}}.side-point{animation:side-points 1.8s linear infinite alternate}.center-point{animation:center-point 1.8s linear infinite alternate}:root{--radius: 2vmin;--shimer-clr: rgb(255, 255, 255)}@media (prefers-color-scheme: dark){:root{--shimer-clr: #1f1f1f}}.skeleton{width:100%;background-color:transparent;display:grid;place-items:center;grid-auto-rows:min-content;padding:.4vmin}.skeleton *:not(.skeleton__img){border-radius:.4vmin}.skeleton.shimmer *:not(.skeleton__wrapper){background-image:linear-gradient(.25turn,transparent,var(--shimer-clr),transparent);background-size:250%;background-repeat:no-repeat;background-position:150% 0;animation:shimmer 1.75s linear infinite;filter:blur(.08vmin)}.skeleton.pulse,.skeleton__wrapper.pulse *{animation:pulse 1.75s linear infinite}.skeleton__img{border-radius:50%}.skeleton__wrapper{display:flex;flex-direction:column;align-items:left;justify-content:center;width:100%;height:100%;gap:.6vmin}.skeleton__paragraph{height:2vmin}.skeleton__paragraph:not(:last-child){width:100%}.skeleton__paragraph:last-child{width:75%}@keyframes shimmer{to{background-position:-100% 0}}@keyframes pulse{0%{opacity:1}to{opacity:.4}}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch__input{opacity:0;width:0;height:0}.switch__slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.switch__slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.switch__input:checked+.switch__slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.switch__slider.rounded{border-radius:34px}.switch__slider.rounded:before{border-radius:50%}*,*:after,*:before{margin:0;padding:0;text-decoration:none;box-sizing:inherit}body{box-sizing:border-box;background-color:#1f1f1f;display:grid;place-items:center;gap:2rem;align-items:center;padding:1.6rem;margin:1.6rem}