.dsad{clear:both;display:block;margin:24px auto;max-width:100%;text-align:center;box-sizing:border-box}
.dsad[hidden]{display:none!important}
.dsad *{box-sizing:border-box}
.dsad__label{display:block;margin:0 0 6px;font:500 10.5px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.dsad__box{position:relative;width:100%;margin:0 auto}
.dsad__a{display:block;line-height:0;text-decoration:none;border:0}
.dsad__img,.dsad__video{display:block;width:100%;height:auto;max-width:100%;border:0;margin:0}
.dsad__video{object-fit:cover;background:#111}
.dsad__box--kode{max-width:100%;line-height:normal}
.dsad__box--kode iframe,.dsad__box--kode img{max-width:100%}
.dsad--header{margin:0 auto;padding:10px 16px;clear:none}
.dsad--header .dsad__label{margin-bottom:4px}
.dsad-clear{clear:both;height:0}

/* Perangkat */
.dsad__m{display:none}
@media (max-width:640px){
	.dsad--dev-desktop{display:none!important}
	.dsad__d{display:none}
	.dsad__m{display:block}
}
@media (min-width:641px){
	.dsad--dev-ponsel{display:none!important}
}

/* Banner yang diperluas saat kursor diarahkan (komputer saja) */
.dsad__x{display:none}
@media (hover:hover) and (min-width:861px){
	.dsad__box--x:hover .dsad__x,.dsad__box--x:focus-within .dsad__x{display:block;position:absolute;top:0;left:0;z-index:50;max-width:92vw;box-shadow:0 10px 30px rgba(0,0,0,.28);line-height:0}
	.dsad--kanan .dsad__box--x:hover .dsad__x,.dsad--kanan .dsad__box--x:focus-within .dsad__x{left:auto;right:0}
	.dsad__x img{display:block;width:100%;height:auto}
}

@media print{.dsad{display:none!important}}