.portrait-container {
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 12px;
    /* cursor: not-allowed; */
}

@supports (corner-shape: squircle) {
    .portrait-container {
        corner-shape: squircle;
        border-radius: 22px;
    }
}

.portrait {
    width: 108%;
    height: 108%;
    transform: translateX(-4.4%);
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

.mobile-container {
    max-width: 14rem;
    aspect-ratio: 0.461847 / 1;
    width: 100%;
    user-select: none;
}

.mobile-content-container {
    border: 8px solid var(--background);
    box-shadow: rgba(230, 255, 232, 0.15) 0px 1.8px 8.5px 0px, rgba(230, 255, 232, 0.12) 0px 0px 1px 1px inset;
    border-radius: 2.5rem;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
}

video {
    width: 100%;
    height: 100%;
}