.g-file-preview-actions-desktop{z-index:1;opacity:0;gap:var(--g-spacing-1);display:flex;position:absolute;inset-block-start:-12px;inset-inline-end:-12px}.g-file-preview-actions-desktop__action-button{justify-content:center;align-items:center;width:24px;height:24px}.g-file-preview-actions-desktop__action-icon-wrapper{display:flex}
.g-file-preview-actions-mobile{--_-mobile-actions-menu-size:28px}.g-file-preview-actions-mobile__actions-menu{z-index:1;width:24px;height:24px;padding:0;position:absolute;inset-block-start:6px;inset-inline-end:14px}.g-file-preview-actions-mobile__actions-menu:before{box-shadow:none}.g-file-preview-actions-mobile__list-item{gap:var(--g-spacing-2);padding:0 var(--g-spacing-4);align-items:center;display:flex}.g-file-preview-actions-mobile__list-item>svg{width:var(--_-mobile-icon-size);height:var(--_-mobile-icon-size)}.g-file-preview-actions-mobile__sheet{--_-mobile-icon-size:18px;--g-sheet-content-padding:var(--g-spacing-1) 0}
.g-file-preview{--_-box-shadow:none;--_-border-radius:8px;--_-icon-border-radius:4px;--_-color-base-background:transparent;--_-action-button-size:24px;width:120px;position:relative}.g-file-preview:not(.g-file-preview_mobile):focus-within,.g-file-preview:not(.g-file-preview_mobile):hover{--_-color-base-background:var(--g-color-base-simple-hover)}.g-file-preview:hover .g-file-preview__actions-panel,.g-file-preview:focus-within .g-file-preview__actions-panel{opacity:1}.g-file-preview__card{border-radius:var(--_-border-radius);outline:none;flex-direction:column;align-items:center;padding:4px 10px;display:flex;position:relative}.g-file-preview__card_clickable{cursor:pointer}.g-file-preview__card_hoverable{background-color:var(--_-color-base-background)}.g-file-preview__card_selected{outline:1px solid var(--g-color-line-brand)}.g-file-preview__card:after{border-radius:var(--_-border-radius);pointer-events:none;position:absolute;inset:0}.g-file-preview__card:hover{--_-box-shadow:0px 3px 10px var(--g-color-sfx-shadow)}.g-file-preview__card:focus:after{content:"";box-shadow:0 0 0 2px var(--g-color-line-misc)}.g-file-preview__card:focus:not(:focus-visible):after{box-shadow:none}.g-file-preview__icon{border-radius:var(--_-icon-border-radius);background-color:var(--g-color-base-generic-medium);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.g-file-preview__icon-svg{color:var(--g-color-base-background)}.g-file-preview__icon_type_image,.g-file-preview__icon_type_video,.g-file-preview__icon_type_code,.g-file-preview__icon_type_archive,.g-file-preview__icon_type_music{background-color:var(--g-color-base-misc-heavy)}.g-file-preview__icon_type_text{background-color:var(--g-color-base-info-heavy)}.g-file-preview__icon_type_pdf{background-color:var(--g-color-base-danger-medium)}.g-file-preview__icon_type_table{background-color:var(--g-color-base-positive-medium)}.g-file-preview__name{margin-block-start:4px}.g-file-preview__name,.g-file-preview__description{text-align:center;width:100%}.g-file-preview__image-container{border-radius:4px;position:relative;overflow:hidden}.g-file-preview__icon-container,.g-file-preview__image-container{width:96px;height:64px}.g-file-preview__icon-container{justify-content:center;align-items:center;display:flex}.g-file-preview__image{object-fit:cover;width:100%;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.g-file-preview_view_compact{width:48px;height:48px}.g-file-preview_view_compact .g-file-preview__card{box-sizing:border-box;width:100%;min-width:100%;height:100%;padding:4px}.g-file-preview_view_compact .g-file-preview__icon-container,.g-file-preview_view_compact .g-file-preview__image-container,.g-file-preview_view_compact .g-file-preview__icon,.g-file-preview_view_compact .g-file-preview__image{width:100%;height:100%}