.byl{--bs:28px;position:relative;display:inline-block;flex:none;vertical-align:middle;overflow:hidden;isolation:isolate;background:var(--byl-p, #f1eef8)}.dark .byl{background:var(--byl-pd, #1b1824)}.byl>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.byl>.byl-ghost{z-index:1;transition:opacity .5s var(--ease, ease);pointer-events:none}.byl::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgb(0 0 0/.07)}.dark .byl::after{box-shadow:inset 0 0 0 1px rgb(255 255 255/.07)}.byl-mark,.byl-portrait{width:var(--bs);aspect-ratio:4/5;border-radius:max(3px,calc(var(--bs)*.14))}.byl-portrait{box-shadow:0 calc(var(--bs)*.08) calc(var(--bs)*.2) calc(var(--bs)*-.1) rgb(24 16 60/.28)}.byl-card{display:block;width:100%;aspect-ratio:4/5;border-radius:14px}.byl-tile{display:block;width:100%;height:100%}.byl-tile::after{display:none}.byl-hero,.byl-band{position:absolute;inset:0;display:block;border-radius:inherit}.byl-hero::after,.byl-band::after{display:none}