:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:rgba(60,60,60,.29);--vt-c-divider-light-2:rgba(60,60,60,.12);--vt-c-divider-dark-1:rgba(84,84,84,.65);--vt-c-divider-dark-2:rgba(84,84,84,.48);--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:rgba(60,60,60,.66);--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:hsla(0,0%,92%,.64);--vt-c-grey-light:#f0f0f0;--vt-c-grey-dark:#262626;--vt-c-green-light:#42d392;--vt-c-green-lighter:#35eb9a;--vt-c-green-dark:#33a06f;--vt-c-green-darker:#155f3e;--vt-c-green-light-hex:66,211,146;--vt-c-red-light-hex:244,55,113;--vt-c-red:#ed3c50;--vt-c-red-light:#f43771;--vt-c-red-lighter:#fd1d7c;--vt-c-red-dark:#cd2d3f;--vt-c-red-darker:#ab2131;--element-shadow-light:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--element-shadow-dark:0px 0px 25px 0px #000;--element-background-light:var(--vt-c-white);--element-background-dark:var(--vt-c-grey-light);--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-background-lines:var(--vt-c-grey-light);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--element-shadow:var(--element-shadow-light);--element-background:var(--element-background-light);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-background-lines:var(--vt-c-grey-dark);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-grey-light);--element-shadow:var(--element-shadow-dark);--element-background:var(--element-background-dark)}}*,:after,:before{box-sizing:border-box;font-weight:400;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;min-height:100vh;text-rendering:optimizeLegibility;transition:color .5s,background-color .5s}#app{font-weight:400}.green,a{color:#00bd7e;text-decoration:none;transition:.4s}.main{padding-block:32px}.container{margin-inline:auto;width:min(100% - 2rem,1280px)}.btn{background-color:var(--color-background-mute);block-size:48px;border:none;border-radius:8px;color:var(--color-text);cursor:pointer;font-weight:600;padding-inline:16px;transition:background-color .15s ease-in}.btn:focus,.btn:hover{background-color:var(--color-border)}.btn-group{display:flex;gap:16px}.element{aspect-ratio:1/1;background-color:var(--element-background);border-radius:10px;box-shadow:var(--element-shadow);inline-size:200px;position:relative;z-index:1}.link{all:unset;color:#00bd7e;cursor:pointer}.link:hover{text-decoration:underline}@media (hover:hover){a:hover{background-color:#00bd7e33}}