@layer common{.media-viewer{--media-viewer-controls-inset-x:24px;--media-viewer-controls-inset-y:12px;--media-viewer-controls-direction:row-reverse;--media-viewer-controls-gap:16px;--media-viewer-control-size:52px;--media-viewer-control-padding:14px;--media-viewer-control-border-radius:50%;--media-viewer-control-background:#2f2d2d80;--media-viewer-control-background-hover:#2f2d2dcc;--media-viewer-control-icon-color:var(--rs-color-white);--media-viewer-controls-position:var(--media-viewer-controls-inset-x);border-radius:16px;position:relative;overflow:hidden}@media screen and (width<=640px){.media-viewer{height:auto}}.media-viewer__container{container:media-viewer/inline-size}.media-viewer__img{box-sizing:border-box;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;width:100%;height:auto;position:relative}@media screen and (width<=640px){.media-viewer__img{-o-object-position:top left;object-position:top left;width:100%;height:100%}}.media-viewer__gif [class*=_buttons_]{bottom:var(--media-viewer-controls-inset-y);flex-direction:var(--media-viewer-controls-direction);gap:var(--media-viewer-controls-gap);left:unset;right:var(--media-viewer-controls-inset-x)}.media-viewer__gif [class*=_button_]{border-radius:var(--media-viewer-control-border-radius)!important;height:var(--media-viewer-control-size)!important;padding:var(--media-viewer-control-padding)!important;width:var(--media-viewer-control-size)!important}.media-viewer__controls{bottom:var(--media-viewer-controls-inset-y);flex-direction:var(--media-viewer-controls-direction);gap:var(--media-viewer-controls-gap);left:unset;right:var(--media-viewer-controls-inset-x);z-index:2;display:flex;position:absolute}.media-viewer__control-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--media-viewer-control-background);border-radius:var(--media-viewer-control-border-radius);box-sizing:border-box;cursor:pointer;height:var(--media-viewer-control-size);padding:var(--media-viewer-control-padding);width:var(--media-viewer-control-size);border:none;justify-content:center;align-items:center;transition:background-color .3s;display:flex}.media-viewer__control-button:hover{background-color:var(--media-viewer-control-background-hover)}.media-viewer__control-button:focus-visible{outline:solid 4px var(--rs-color-primary-t-dim-light-theme)}@media screen and (width<=640px){.media-viewer__control-button_zoom{display:none}}.media-viewer__control-button svg{fill:var(--media-viewer-control-icon-color);width:24px;height:24px}.wt-popup.media-viewer__popup{width:1200px;max-width:90vw}.wt-popup.media-viewer__popup .wt-popup__loading-icon{fill:#fff}.media-viewer__popup-img{width:auto;max-width:100%}@container media-viewer (width<600px){.media-viewer__control-button,.media-viewer__gif [class*=_button_]{--media-viewer-control-size:40px;--media-viewer-control-padding:8px}}@container media-viewer (width<400px){.media-viewer__controls,.media-viewer__gif [class*=_buttons_]{--media-viewer-controls-inset-x:16px;--media-viewer-controls-gap:12px}.media-viewer__control-button,.media-viewer__gif [class*=_button_]{--media-viewer-control-size:32px;--media-viewer-control-padding:4px}}}