:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;background-color:#fbf3db;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-group__label{font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.radio-group__description{font-size:12px;-webkit-user-select:none;user-select:none}.radio-group__error-message{color:#dc2828;font-size:12px;-webkit-user-select:none;user-select:none}.radio-group__items{display:flex;justify-content:center;gap:16px}.radio{display:flex;align-items:center}.radio__control{display:flex;align-items:center;justify-content:center;height:20px;width:20px;border-radius:10px;border:1px solid hsl(240 5% 84%);background-color:#e4e4e7}.radio__input:focus-visible+.radio__control{outline:2px solid hsl(200 98% 39%);outline-offset:2px}.radio__control[data-checked]{border-color:#0284c5;background-color:#0284c5}.radio__control[data-checked][data-invalid]{border-color:#dc2828;background-color:#dc2828}.radio__indicator{height:10px;width:10px;border-radius:5px;background-color:#fff}.radio__label{margin-left:6px;-webkit-user-select:none;user-select:none}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.solid:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em}.read-the-docs{color:#888}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;justify-content:center;align-items:center;height:40px;width:auto;outline:none;border-radius:6px;padding:0 16px;background-color:#0284c5;color:#fff;font-size:16px;line-height:0;transition:.25s background-color}.button:hover{background-color:#0369a0}.button:focus-visible{outline:2px solid hsl(200 98% 39%);outline-offset:2px}.button:active{background-color:#075783}.red-button{composes:button;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;justify-content:center;align-items:center;height:40px;width:auto;outline:none;border-radius:6px;padding:0 16px;background-color:#934434;color:#fff;font-size:16px;line-height:0;transition:.25s background-color}.red-button:hover{background-color:#a02003}.FileField{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;width:100%;row-gap:5px}.FileField__label{color:#fff;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.FileField__dropzone{display:flex;flex-direction:column;row-gap:10px;align-items:center;justify-content:center;border:1px dashed rgb(42,42,40);width:100%;height:100%;color:#ccc;border-radius:6px}.FileField__trigger{background-color:#0369a0;color:#fff;padding:5px 10px;border-radius:4px}.FileField__itemList{display:flex;flex-direction:column;gap:3px;width:100%}.FileField__item{width:100%;display:grid;column-gap:10px;border-radius:6px;grid-template-columns:auto 1fr auto;grid-template-areas:"preview name delete" "preview size delete";column-gap:5px;border:1px solid rgb(42,42,40);padding:10px}.FileField__itemPreview{grid-area:preview}.FileField__itemPreviewImage{width:50px;object-fit:scale-down;height:auto;aspect-ratio:1}.FileField__itemName{grid-area:name;font-size:14px;color:#fff}.FileField__itemSize{grid-area:size;font-size:14px;color:#b5b3ad}.FileField__itemDeleteTrigger{grid-area:delete;cursor:pointer;background-color:#a23434;color:#fff;padding:2px 8px;border-radius:4px;height:max-content;align-self:center}.hovercard__trigger{outline:none;color:#0369a0;font-size:16px}.hovercard__trigger:hover{text-decoration:underline}.hovercard__trigger:focus-visible{outline:2px solid hsl(200 98% 39%);outline-offset:2px}.hovercard__content{position:absolute;top:8px;left:64px;max-width:min(calc(100vw - 16px),380px);border:1px solid hsl(240 5% 84%);border-radius:6px;padding:16px;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;animation:contentHide .1s ease-in forwards}.hovercard__content[data-expanded]{animation:contentShow .1s ease-out}.hovercard__title{color:#18181b;font-size:16px;font-weight:600}.hovercard__description{font-size:14px;color:#3f3f46}@keyframes contentShow{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes contentHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.box{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;justify-content:center;align-items:center;height:40px;width:auto;outline:none;border-radius:6px;padding:0 16px;background-color:#0284c5;color:#fff;font-size:16px;line-height:0;transition:.25s background-color}.frame-box{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;justify-content:center;align-items:center;height:40px;width:auto;outline:none;border-radius:6px;padding:0 20px;opacity:0 background-color: hsl(0 98% 39%);color:#000;font-size:16px;line-height:0;transition:.25s background-color}