@layer components{.pk-picture-tile{align-items:center;gap:var(--pk-2);flex-direction:column;inline-size:min(100%,14rem);display:flex;position:relative}.pk-picture-tile--mark{inline-size:fit-content}.pk-picture-tile__control,.pk-picture-tile--static{aspect-ratio:16/9;width:100%;max-width:14rem;padding:var(--pk-3);border:1px solid var(--pk-line-soft);border-radius:var(--pk-radius);background:var(--pk-surface);color:var(--pk-ink);place-items:center;display:grid;position:relative;overflow:hidden}.pk-picture-tile--round .pk-picture-tile__control,.pk-picture-tile--round.pk-picture-tile--static,.pk-picture-tile--round .pk-picture-tile__veil{border-radius:50%}.pk-picture-tile--mark .pk-picture-tile__control,.pk-picture-tile--mark.pk-picture-tile--static{aspect-ratio:1;width:5.75rem;max-width:none;padding:var(--pk-2)}.pk-picture-tile__control{cursor:pointer;font:inherit}.pk-picture-tile__control:disabled{cursor:progress}.pk-picture-tile__avatar{--pk-avatar-size:5.75rem}.pk-picture-tile--mark .pk-picture-tile__avatar{--pk-avatar-size:4.75rem}.pk-picture-tile--round.pk-picture-tile--mark .pk-picture-tile__control,.pk-picture-tile--round.pk-picture-tile--mark.pk-picture-tile--static{aspect-ratio:auto;background:0 0;border:0;width:fit-content;padding:0;overflow:visible}.pk-picture-tile--round.pk-picture-tile--mark .pk-picture-tile__veil{aspect-ratio:1;inset:0 0 auto}.pk-picture-tile--round.pk-picture-tile--mark .pk-picture-tile__avatar{--pk-avatar-size:5.75rem}.pk-picture-tile__veil{background:color-mix(in srgb, var(--pk-ink) 72%, transparent);color:var(--pk-on-solid);font-size:var(--pk-text-sm);opacity:0;transition:opacity var(--pk-dur-fast) var(--pk-ease);place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.pk-picture-tile__control:hover .pk-picture-tile__veil,.pk-picture-tile__control:focus-visible .pk-picture-tile__veil,.pk-picture-tile__control:disabled .pk-picture-tile__veil{opacity:1}.pk-picture-tile__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pk-picture-tile__remove{z-index:2;border:1px solid var(--pk-line-strong);background:var(--pk-surface);width:1.75rem;height:1.75rem;color:var(--pk-ink);font:inherit;font-size:var(--pk-text-lg);cursor:pointer;opacity:0;transition:opacity var(--pk-dur-fast) var(--pk-ease);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-end:0}.pk-picture-tile--editable:hover .pk-picture-tile__remove,.pk-picture-tile--editable:focus-within .pk-picture-tile__remove,.pk-picture-tile__remove:focus-visible{opacity:1}.pk-picture-tile__remove:disabled{cursor:progress}}