.aether-window-surface-layer {
    position: fixed;
    inset: 0;
    z-index: 2000;
    pointer-events: none;
}

.aether-window-surface-placeholder {
    visibility: hidden;
    pointer-events: none;
}

.is-aether-window-surface {
    box-sizing: border-box;
    pointer-events: none !important;
    transition:
        left var(--aether-motion-window-transfer-duration) var(--aether-motion-easing),
        top var(--aether-motion-window-transfer-duration) var(--aether-motion-easing),
        width var(--aether-motion-window-transfer-duration) var(--aether-motion-easing),
        height var(--aether-motion-window-transfer-duration) var(--aether-motion-easing),
        opacity var(--aether-motion-window-transfer-opacity-duration) ease;
}

.is-aether-window-surface
> .is-aether-window-surface-content.aether-surface-content-layer {
    box-sizing: border-box;
    pointer-events: none !important;
    transition:
        left var(--aether-motion-window-transfer-duration) var(--aether-motion-easing),
        top var(--aether-motion-window-transfer-duration) var(--aether-motion-easing),
        width var(--aether-motion-window-transfer-duration) var(--aether-motion-easing),
        height var(--aether-motion-window-transfer-duration) var(--aether-motion-easing),
        opacity var(--aether-motion-window-transfer-opacity-duration) ease,
        filter var(--aether-motion-surface-settle-duration) ease;
}

.is-aether-window-surface-preparing {
    transition: none !important;
}

.is-aether-window-surface.aether-portrait-surface {
    display: grid;
    place-items: center;
    isolation: isolate;
    aspect-ratio: auto !important;
    padding: 0 !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible;
    opacity: 1 !important;
}

.is-aether-window-surface > .aether-portrait-surface-background {
    position: absolute;
    inset: 0 !important;
    z-index: 0;
    pointer-events: none;
    width: auto;
    height: auto;
    opacity: 1 !important;
    background-size: 100% 100%;
}

.is-aether-window-surface > .is-aether-window-surface-content {
    z-index: 2;
    display: grid;
    place-items: center;
    max-width: none !important;
    max-height: none !important;
    overflow: hidden;
}

.is-aether-window-surface .aether-portrait-image {
    display: block;
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain !important;
}