@layer reset,tokens,base,vendor,surfaces,primitives;@layer compositions{.studioFeedbackExperience{min-inline-size:0}.studioFeedbackRibbon{z-index:var(--fr-public-nav-drawer-layer-index);margin-inline:var(--studio-feedback-inline-start,0px) var(--studio-feedback-inline-end,0px);justify-content:center;align-items:center;gap:var(--fr-space-2);padding:var(--fr-space-1) var(--fr-space-3);background:var(--fr-surface-raised);color:var(--fr-foreground-default);font-family:var(--fr-font-family-system);font-size:var(--fr-typography-label-font-size);font-weight:var(--fr-typography-label-font-weight);line-height:var(--fr-typography-label-line-height);display:flex;position:sticky;inset-block-start:0}.studioFeedbackRibbonContent{justify-content:center;align-items:center;gap:var(--fr-space-3);flex:1;min-inline-size:0;display:flex}.studioFeedbackRibbonContent>span{text-wrap:balance}.studioFeedbackRibbonContent>button{flex:none}.studioFeedbackContent{min-inline-size:0}.studioFeedbackContent .studioShellV2{min-block-size:calc(100dvh - var(--studio-feedback-block,0px));block-size:calc(100dvh - var(--studio-feedback-block,0px) - env(safe-area-inset-bottom,0px));min-block-size:0}.studioFeedbackBackdrop{padding:var(--fr-space-4);justify-content:center;align-items:center;padding-block-end:calc(var(--fr-space-4) + var(--studio-feedback-keyboard-inset));display:flex}.studioFeedbackBackdrop .studioModal[data-modal-variant]{max-block-size:min(80dvh, calc(100dvh - var(--studio-feedback-keyboard-inset) - var(--fr-space-4) * 2))}.studioFeedbackModal{position:relative}.studioFeedbackModal>.studioModalScroll>.studioModalBody{padding-block-start:clamp(0px, calc(var(--fr-space-4) - var(--studio-feedback-keyboard-inset)), var(--fr-space-4));padding-block-end:0}.studioFeedbackMetadata{gap:var(--fr-space-4);flex-direction:column;min-inline-size:0;display:flex}.studioFeedbackBackdrop .studioFeedbackModal>.studioModalFooter{align-items:stretch;gap:var(--fr-space-2);min-block-size:0;min-inline-size:0;border-block-start:0;flex-direction:column;flex:none;padding-block-start:var(--fr-space-4);padding-block-end:calc(var(--fr-space-3) + max(0px, env(safe-area-inset-bottom,0px) - var(--studio-feedback-keyboard-inset)))}.studioFeedbackComposer{--studio-feedback-composer-min:calc(var(--fr-field-height) + var(--fr-button-height-sm) + var(--fr-space-2) + var(--fr-space-3) * 2);--studio-feedback-composer-full:calc(var(--fr-field-height) * 2 + var(--fr-button-height-sm) + var(--fr-space-2) + var(--fr-space-3) * 2);gap:var(--fr-space-2);min-inline-size:0;min-block-size:var(--studio-feedback-composer-min);block-size:clamp(var(--studio-feedback-composer-min), calc(var(--studio-feedback-composer-full) - var(--studio-feedback-keyboard-inset)), var(--studio-feedback-composer-full));flex-direction:column;flex:none;display:flex;overflow:clip}.studioFeedbackComposer:has(textarea[aria-invalid=true]){block-size:auto}.studioFeedbackComposer:has(textarea:focus-visible){box-shadow:var(--fr-focus-soft-inset)}.studioFeedbackMessageField{flex-direction:column;flex:auto;min-block-size:0;display:flex}.studioFeedbackMessageField textarea{min-block-size:var(--fr-field-height);resize:none;flex:auto;padding:0}.studioFeedbackSupplement{flex:none;min-inline-size:0;max-inline-size:100%}.studioFeedbackComposerToolbar{align-items:center;gap:var(--fr-space-1);flex:none;display:flex}.studioFeedbackSendControls{align-items:center;gap:var(--fr-space-1);margin-inline-start:auto;display:flex}.studioFeedbackDropOverlay{z-index:1;pointer-events:none;font-family:var(--fr-font-family-system);font-size:var(--fr-typography-label-font-size);font-weight:var(--fr-typography-label-font-weight);line-height:var(--fr-typography-label-line-height);place-items:center;display:grid;position:absolute;inset:0}.studioFeedbackAttachmentList{align-items:center;gap:var(--fr-space-2);display:flex}.studioFeedbackAttachmentItem{align-items:center;gap:var(--fr-space-2);flex:0 0 12rem;block-size:5rem;inline-size:12rem;min-inline-size:0;display:flex;position:relative}.studioFeedbackAttachmentMedia{flex:0 0 3.5rem;place-items:center;block-size:3.5rem;inline-size:3.5rem;display:grid;overflow:hidden}.studioFeedbackAttachmentMedia img{object-fit:cover;block-size:100%;inline-size:100%}.studioFeedbackAttachmentIdentity{gap:var(--fr-space-1);min-inline-size:0;flex-direction:column;flex:1;padding-inline-end:var(--fr-space-4);display:flex}.studioFeedbackAttachmentRemove{position:absolute;inset-block-start:var(--fr-space-1);inset-inline-end:var(--fr-space-1)}.studioFeedbackAttachmentName{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;color:var(--fr-foreground-default);flex:1;overflow:hidden}.studioFeedbackAttachmentSize{color:var(--fr-foreground-muted);flex:none}.studioFeedbackAttachmentList{color:var(--fr-foreground-muted);font-family:var(--fr-font-family-system);font-size:var(--fr-typography-caption-font-size);font-weight:var(--fr-typography-caption-font-weight);line-height:var(--fr-typography-caption-line-height)}.studioFeedbackPlayback,.studioFeedbackRecordingControls{align-items:center;gap:var(--fr-space-2);min-inline-size:0;display:flex}.studioFeedbackPlayback{flex:0 0 12rem;block-size:5rem;inline-size:12rem;position:relative}.studioFeedbackPlayback audio{inline-size:0;min-inline-size:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex:1;margin-inline-end:var(--fr-space-4)}.studioFeedbackRecordingTime{color:var(--fr-foreground-muted);font-family:var(--fr-font-family-system);font-size:var(--fr-typography-caption-font-size);font-weight:var(--fr-typography-caption-font-weight);line-height:var(--fr-typography-caption-line-height);font-variant-numeric:tabular-nums}.studioFeedbackRecordGlyph,.studioFeedbackRecordingTime[data-recording=true]{color:var(--fr-foreground-error)}.studioFeedbackSuccess{font-family:var(--fr-font-family-system);font-size:var(--fr-typography-caption-font-size);font-weight:var(--fr-typography-caption-font-weight);line-height:var(--fr-typography-caption-line-height);margin:0}@media (max-width:760px){.studioFeedbackBackdrop{align-items:flex-end;padding:0;padding-block-end:var(--studio-feedback-keyboard-inset)}.studioFeedbackBackdrop .studioModal[data-modal-variant]{max-block-size:min(80dvh, calc(100dvh - var(--studio-feedback-keyboard-inset)))}.studioFeedbackRibbon{gap:var(--fr-space-1);padding-inline:var(--fr-space-2)}.studioFeedbackRibbonContent{gap:var(--fr-space-2)}}}@layer utilities;