@layer saro-components{.saro-replycon-width{border:0;flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;display:flex}.saro-replycon-width legend{font-size:var(--text-sm);margin-block-end:.375rem}.saro-avatar-cropper-preview-button{width:2.75rem;height:2.75rem;color:var(--saro-fg);cursor:var(--saro-cursor-pointer,pointer);background:0 0;border:0;grid-area:1/3;align-self:start;place-items:center;display:grid}.saro-avatar-cropper-preview-button:disabled{opacity:.4}.saro-crop-preview{border:var(--saro-surface-border-width,1px) solid var(--saro-line);border-radius:var(--saro-media-radius);width:fit-content;max-width:calc(100vw - 2rem);height:fit-content;max-height:calc(100dvh - 2rem);color:var(--saro-fg);background:var(--saro-bg);box-shadow:0 .25rem 1rem var(--saro-shadow);cursor:var(--saro-cursor-pointer,pointer);margin:0;padding:.25rem;position:fixed;inset:auto;overflow:auto}.saro-crop-preview[open]{display:block}.saro-crop-preview canvas{image-rendering:auto;max-width:none;display:block}.saro-avatar-cropper{text-align:center;min-width:0}.saro-avatar-cropper-controls{direction:ltr;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;width:min(100%,36rem);margin-inline:auto;display:grid}.saro-avatar-cropper-controls>.saro-avatar-cropper-resize:first-child{grid-area:1/1}.saro-avatar-cropper-controls>.saro-avatar-cropper-resize:last-child{grid-area:1/3}.saro-avatar-cropper-resize{min-width:2.75rem;min-height:2.75rem;font-size:var(--text-xl);padding-inline:.375rem}.saro-avatar-cropper-space{grid-area:1/2;place-items:center;min-width:0;display:grid}.saro-avatar-cropper-media{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;cursor:var(--saro-cursor-move,move);position:relative;overflow:hidden}.saro-avatar-cropper-media.is-moving{cursor:var(--saro-cursor-grabbing,grabbing)}.saro-avatar-cropper-media[aria-disabled=true]{cursor:var(--saro-cursor-not-allowed,not-allowed)}.saro-avatar-cropper-media>img{image-rendering:auto;pointer-events:none;width:100%;height:auto;display:block}.saro-avatar-cropper-region{outline-offset:-1px;pointer-events:none;outline:1px dashed #ffffffb3;position:absolute}.saro-avatar-cropper-region:after{content:"";border-radius:var(--saro-crop-radius,50%);border:2px solid #fff;position:absolute;inset:0;box-shadow:0 0 0 1px #0009,0 0 0 100vmax #0008}.saro-avatar-picker-prepared{justify-content:center;align-items:center;gap:.75rem;display:flex}.saro-avatar-picker-prepared>:is(.saro-avatar,.saro-atelier-icon,.saro-gallery-icon){flex-shrink:0;width:4rem;height:4rem}.saro-avatar-choices,.saro-avatar-picker{min-width:0}.saro-avatar-choices{grid-template-columns:minmax(0,1fr);container:saro-avatar-choices/inline-size}.saro-avatar-picker-panel{min-width:0}.saro-avatar-picker-caption{color:var(--saro-muted);font-size:var(--text-sm);margin:0;line-height:1.6}.saro-avatar-picker-list{min-width:0}.saro-avatar-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.25rem;display:grid}.saro-avatar-picker-option{min-width:0;box-shadow:none;cursor:var(--saro-cursor-pointer,pointer);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.saro-avatar-picker-option:disabled{cursor:var(--saro-cursor-not-allowed,not-allowed);opacity:.4}.saro-avatar-picker-option>:is(.saro-avatar,.saro-atelier-icon,.saro-gallery-icon){width:100%;height:auto}.saro-avatar-picker-option[aria-pressed=true]:after{content:"";aspect-ratio:1;box-sizing:content-box;border:.25rem solid var(--saro-accent);border-radius:var(--saro-choice-radius,50%);pointer-events:none;width:100%;position:absolute;top:50%;left:50%;translate:-50% -50%}.saro-atelier-image{--saro-choice-radius:16.6667%;--saro-crop-radius:16.6667%}.saro-replycon-image{--saro-crop-radius:0}.saro-avatar-picker-show-all{justify-content:center;display:flex}.saro-avatar-picker-text-action{box-shadow:none;color:var(--saro-fg);font-size:var(--text-xs);cursor:var(--saro-cursor-pointer,pointer);background:0 0;border:0;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .5rem;line-height:1.5;display:inline-flex}@media (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-avatar-picker-text-action:not(:disabled):hover{text-underline-offset:.2em;text-decoration:underline}}@media not all and (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-avatar-picker-text-action:not(:disabled):hover:where(:not(*)){text-underline-offset:.2em;text-decoration:underline}}.saro-avatar-picker-text-action:disabled{opacity:.4;cursor:var(--saro-cursor-not-allowed,not-allowed)}.saro-avatar-picker-footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.saro-avatar-picker-footer .saro-button{white-space:nowrap;padding-inline:.75rem}@container saro-layout style(--saro-menu-compact:1){:where(.saro-app-layout) .saro-avatar-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container saro-avatar-choices (width<=32rem){.saro-avatar-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container saro-avatar-choices (width<=30rem){.saro-avatar-picker-footer{gap:.5rem}.saro-avatar-picker-footer .saro-button{gap:.25rem;padding-inline:.375rem}}}