.loading{display:inline-table;position:absolute;border-radius:inherit;width:100%;height:100%;left:0;top:0;margin:0;opacity:.9;background-color:var(--sub-bg)}.loading span{display:table-cell;text-align:center;vertical-align:middle;font-size:large;font-weight:700;color:var(--hl-text)}.loading div{--size: 64px;--width: 8px;box-sizing:border-box;display:block;position:absolute;top:calc(50% - var(--size) / 2);left:calc(50% - var(--size) / 2);transform:translate(-50%,-50%);width:var(--size);height:var(--size);border:var(--width) solid;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--hl-text) transparent transparent transparent}.loading div:nth-child(1){animation-delay:-.45s}.loading div:nth-child(2){animation-delay:-.3s}.loading div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mask{width:100vw;height:100vh;position:fixed;background:#333;display:none;top:0;left:0;opacity:0;transition:opacity 1s;z-index:50}#message{position:fixed;width:100vw;left:0;height:30px;top:-60px;transition:top .5s;text-align:center;background-color:var(--card-bg);padding:10px;color:var(--sub-text);font-weight:600;z-index:150}dialog{opacity:0;transition:opacity .5s ease}dialog.show{opacity:1}dialog::backdrop{background-color:#0000;transition:background-color .5s ease}dialog.show::backdrop{background-color:#0008}:root{--bg: #faeee7;--text: #594a4e;--sub-bg: #fffffe;--sub-text: #33272a;--card-bg: #ffc6c7;--hl-text: #ff8ba7;font-family:system-ui,—apple-system,Segoe UI,Rototo,Emoji,Helvetica,Arial,sans-serif}@font-face{font-family:Emoji;src:local("Apple Color Emojiji"),local("Segoe UI Emoji"),local("Segoe UI Symbol"),local("Noto Color Emoji");unicode-range:U+1F000-1F644,U+203C-3299}body,html{position:relative;margin:0;color:var(--text);background:var(--bg)}h1,h2{text-align:center;padding-left:10px;padding-right:10px}input,select{background:var(--sub-bg);padding:5px;border:1px var(--sub-text) solid;border-radius:4px;color:var(--text)}input[type=range]{cursor:ew-resize}select option{font-size:1.6em;font-size-adjust:.4}select option:checked{color:var(--hl-text)}.button-group{padding:0 .5em;display:flex;flex-direction:row;justify-content:space-between}.button-group>div,.button-group-item{height:2em;padding:0 1em;font-weight:700;text-align:center;border-radius:4px;margin:.3em;cursor:pointer;line-height:2em;width:100%;background-color:var(--hl-text);white-space:nowrap;transition:all .6s}.button-group>div:focus,.button-group-item:focus{background:hsla(0,0%,80%,.14)}.button-group>div:hover,.button-group-item:hover{color:var(--text-hover);box-shadow:#00000012 0 1px 2px,#00000012 0 2px 4px,#00000012 0 4px 8px,#00000012 0 8px 16px,#00000012 0 16px 32px,#00000012 0 32px 64px}.hide{display:none}.bottom{padding-bottom:1em;margin:2em 0}.links{margin-top:2em;display:flex;text-align:center;flex-direction:column}.links>a{color:var(--hl-text);font-size:1em;transition:font-size .6s,line-height .8s;letter-spacing:.06ch}.links>a:hover{font-size:2em;letter-spacing:.2ch}:root *::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d;border-radius:10px;background-color:var(--bg)}:root *::-webkit-scrollbar{width:12px;background-color:var(--bg)}:root *::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px #0000004d;background-color:var(--hl-text)}@media (prefers-color-scheme: dark){:root{--bg: #242629;--bg-focus: #3d4046;--text: #fffffe;--text-hover: #fffffed2;--sub-bg: #16161a;--sub-text: #fffffe;--card-bg: #7f5af0;--hl-text: #2cb67d;--hl-text-hover: #2cb67dd2;--placeholder: #696f7a}}@media screen and (max-width: 650px){summary{padding-left:.2em}.bottom{padding-bottom:4em}}.petpet-app{display:flex;flex-direction:row;align-items:stretch;text-align:center;flex-wrap:wrap;justify-content:space-around}.petpet-app>div{margin:0 1em}.petpet-app>div>div{padding:0 0 .8em;border-top:var(--sub-bg) 2px dashed;position:relative;width:min(80vw,24em)}.petpet-app h3{color:var(--text)}