/* All Screens */
.show {display:revert}
.hide {display:none}

.visible {opacity:revert}
.invisible {opacity:0}

.block {display:block}
.inline-block {display:inline-block}
.inline {display:inline}

.align-left {text-align:left}
.align-center {text-align:center}
.align-right {text-align:right}

.valign-top {vertical-align:top}
.valign-middle {vertical-align:middle}
.valign-bottom {vertical-align:bottom}

.float-right {float:right}
.float-left {float:left}
.float-clear {float:unset}

.object-fit-cover {object-fit:cover}

/* Small Screens (phone) */
@container (min-width:640px) {

	.sm\:show {display:revert}
	.sm\:hide {display:none}
	
    .sm\:block {display:block}
	.sm\:inline-block {display:inline-block}
	.sm\:inline {display:inline}

    .sm\:align-left {text-align:left}
    .sm\:align-center {text-align:center}
    .sm\:align-right {text-align:right}
    
    .sm\:valign-top {vertical-align:top}
    .sm\:valign-middle {vertical-align:middle}
    .sm\:valign-bottom {vertical-align:bottom}
    
    .sm\:float-right {float:right}
    .sm\:float-left {float:left}
    .sm\:float-clear {float:unset}

	.sm\:object-fit-cover {object-fit:cover}
}

/* Medium Screens (tablet) */
@container (min-width:768px) {

	.md\:show {display:revert}
	.md\:hide {display:none}
	
    .md\:block {display:block}
	.md\:inline-block {display:inline-block}
	.md\:inline {display:inline}
    
    .md\:align-left {text-align:left}
    .md\:align-center {text-align:center}
    .md\:align-right {text-align:right}
    
    .md\:valign-top {vertical-align:top}
    .md\:valign-middle {vertical-align:middle}
    .md\:valign-bottom {vertical-align:bottom}
    
    .md\:float-right {float:right}
    .md\:float-left {float:left}
    .md\:float-clear {float:unset}

	.md\:object-fit-cover {object-fit:cover}
}

/* Large Screens (desktop) */
@container (min-width:1024px) {
	.lg\:show {display:revert}
	.lg\:hide {display:none}
	
    .lg\:block {display:block}
	.lg\:inline-block {display:inline-block}
	.lg\:inline {display:inline}
    
    .lg\:align-left {text-align:left}
    .lg\:align-center {text-align:center}
    .lg\:align-right {text-align:right}
    
    .lg\:valign-top {vertical-align:top}
    .lg\:valign-middle {vertical-align:middle}
    .lg\:valign-bottom {vertical-align:bottom}
    
    .lg\:float-right {float:right}
    .lg\:float-left {float:left}
    .lg\:float-clear {float:unset}

	.lg\:object-fit-cover {object-fit:cover}
}