.World {
    ---Shape : var( --Shape-Circle ) ;
    ---Color : transparent ;
    ---Image : none ;
    ---Ratio : 1 ;
}


.World {

    background : var( ---Color ) ;

    mask-position : center ;
    mask-repeat : no-repeat ;
    mask-image : var( ---Shape ) ;
    mask-clip : padding-box  ;
    mask-size : contain ;

    aspect-ratio : 1 ;
    width : 32px ;

    align-items : center ;
    display : flex ;

    padding : 5px ;
}


/**
 *  𝗜𝗰𝗼𝗻
 */

.World::after {

    content : '' ;

    display : block ;

    background : white ;

    mask-position : center ;
    mask-repeat : no-repeat ;
    mask-image : var( ---Image ) ;
    mask-clip : padding-box  ;
    mask-size : contain ;

    height : calc( 100% * ( 1 / var( ---Ratio ) ) ) ;
    width : 100% ;
}