.askribe-theme-root .image-recorder{justify-content:center;align-items:center;gap:var(--askribe-space-inline);flex-direction:column;width:100%;height:100%;display:flex}.askribe-theme-root .image-recorder .record-button-container{justify-content:center;align-items:center;gap:var(--askribe-space-content);display:flex}.askribe-theme-root .image-recorder .image-recorder-title{align-self:start}.askribe-theme-root .image-recorder .image-recorder-body{gap:var(--askribe-space-inline);flex-direction:column;justify-content:center;align-items:center;max-width:100%;display:flex}.askribe-theme-root .image-recorder .image-preview-container{width:0;max-width:100%;height:0;margin-bottom:calc(-1 * var(--askribe-space-content));align-items:stretch;display:flex;position:relative}.askribe-theme-root .image-recorder .image-preview-container--recording{width:400px;max-width:100%;height:fit-content;margin-bottom:0}.askribe-theme-root .image-recorder .image-preview{flex-grow:1;min-width:0;min-height:0}.askribe-theme-root .image-recorder .recorded-image-container{align-items:stretch;width:400px;max-width:100%;height:fit-content;display:flex;position:relative}.askribe-theme-root .image-recorder .recorded-image{object-fit:contain;flex-grow:1;min-width:0;min-height:0}.askribe-theme-root .image-recorder .delete-recording-button-container{gap:var(--askribe-space-inline);padding:var(--askribe-space-inline);display:flex;position:absolute;top:0;right:0}.askribe-theme-root .video-recorder{justify-content:center;align-items:center;gap:var(--askribe-space-inline);flex-direction:column;width:100%;height:100%;display:flex}.askribe-theme-root .video-recorder .record-button-container{justify-content:center;align-items:center;gap:var(--askribe-space-content);display:flex}.askribe-theme-root .video-recorder .video-recorder-title{align-self:start}.askribe-theme-root .video-recorder .video-recorder-body{gap:var(--askribe-space-inline);flex-direction:column;justify-content:center;align-items:center;max-width:100%;display:flex}.askribe-theme-root .video-recorder .video-recorder-timer{width:auto;height:auto;display:inline-block}.askribe-theme-root .video-recorder .video-preview-container{width:0;max-width:100%;height:0;margin-bottom:calc(-1 * var(--askribe-space-content));align-items:stretch;display:flex;position:relative}.askribe-theme-root .video-recorder .video-preview-container--recording{width:400px;max-width:100%;height:fit-content;margin-bottom:0}.askribe-theme-root .video-recorder .video-preview{flex-grow:1;min-width:0;min-height:0}.askribe-theme-root .video-recorder .recorded-video-container{align-items:stretch;width:400px;max-width:100%;height:fit-content;display:flex;position:relative}.askribe-theme-root .video-recorder .recorded-video{flex-grow:1;min-width:0;min-height:0}.askribe-theme-root .video-recorder .delete-recording-button-container{gap:var(--askribe-space-inline);padding:var(--askribe-space-inline);display:flex;position:absolute;top:0;right:0}