header[data-v-7182f5c4]{border-bottom:1px solid #121212;padding:1rem}.container[data-v-61b0b778]{height:100%;width:100%}.headline[data-v-77f8c17b]{font-size:26px;line-height:32px;color:var(--color-headline)}.radiobutton[data-v-0808ae08]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:relative;border:2px solid var(--color-border);height:30px;width:30px;border-radius:50%;cursor:pointer}.radiobutton[data-v-0808ae08]:checked{background-color:var(--color-active);border-color:var(--color-active);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23fff' d='M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4L7 14.2z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.radiobutton:checked.inverted[data-v-0808ae08]{background-color:#fff;border-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%2362852d' d='M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4L7 14.2z'/%3E%3C/svg%3E")}.headline[data-v-ea427ecc]{margin-bottom:1rem}.avatars[data-v-ea427ecc]{display:flex;justify-content:space-between;gap:2rem}@media only screen and (max-width: 500px){.avatars[data-v-ea427ecc]{flex-wrap:wrap}}.avatar[data-v-ea427ecc]{display:flex;gap:2rem;align-items:center}.image[data-v-ea427ecc]{border-radius:50%;outline:2px solid var(--color-border);object-fit:cover}.avatar.selected .image[data-v-ea427ecc]{outline:4px solid var(--color-active)}.headline[data-v-08d4b0e2]{margin-bottom:1rem}.article[data-v-08d4b0e2]{display:flex;gap:1rem;margin-bottom:1rem}.image[data-v-08d4b0e2]{flex:0 0 100px;border:4px solid transparent;border-radius:4px}.article.selected .image[data-v-08d4b0e2]{border-color:var(--color-active)}.sizes[data-v-08d4b0e2]{flex:1;margin-right:auto;display:flex;flex-direction:column;gap:8px}.size[data-v-08d4b0e2]{display:block;width:fit-content;padding:.5rem 1rem;border-radius:4px;white-space:nowrap}.size.selected[data-v-08d4b0e2]{background:var(--color-active)}.label[data-v-08d4b0e2]{display:inline-block;width:1rem;margin-right:1rem}.radiobutton[data-v-08d4b0e2]{vertical-align:middle}*{margin:0;padding:0;border:none;box-sizing:border-box}main{--color-active: #62852d;--color-headline: #878786;--color-border: #707070;font-family:sans-serif;display:flex;max-width:62rem;margin:2rem auto 0;padding:0 1rem;gap:2rem;flex-wrap:wrap}.viewer{flex:1 0;aspect-ratio:2/3;min-height:300px;display:flex;align-items:center;justify-content:center}.controls{--gap-size: 1rem;flex:1 0;display:flex;gap:var(--gap-size);flex-wrap:wrap}.full{flex:1 0 100%}.half{flex:1 0 calc(50% - (var(--gap-size) / 2))}