.bslg-logo-spin{
    box-sizing:border-box;
}
.bslg-logo-spin__stage{
    display:inline-grid;
    place-items:center;
    max-width:100%;
    transform-style:preserve-3d;
    background:transparent;
}
.bslg-logo-spin__rotator{
    display:inline-block;
    max-width:100%;
    transform-style:preserve-3d;
    transform-origin:center center;
    backface-visibility:visible;
    will-change:transform;
    transform:rotateY(0deg);
    line-height:0;
}
.bslg-logo-spin__image,
.bslg-logo-spin__canvas{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    object-fit:contain;
    background:transparent !important;
    transform-style:preserve-3d;
    backface-visibility:visible;
    transform:none !important;
    animation:none !important;
}
.bslg-logo-spin__canvas{
    background:transparent !important;
}
.bslg-logo-spin--active .bslg-logo-spin__rotator{
    animation-name:bslgLogoSpinYFullV108 !important;
    animation-duration:var(--bslg-logo-spin-duration, 7.2s) !important;
    animation-timing-function:linear !important;
    animation-iteration-count:infinite !important;
    animation-direction:var(--bslg-logo-spin-direction, normal) !important;
    animation-fill-mode:none !important;
}
.bslg-logo-spin--hover-pause:hover .bslg-logo-spin__rotator{
    animation-play-state:paused;
}
.bslg-logo-spin--jpg-transparent,
.bslg-logo-spin--jpg-transparent .bslg-logo-spin__stage{
    background:transparent !important;
}
.bslg-logo-spin--canvas-ready .bslg-logo-spin__image[data-bslg-jpeg-cutout="1"]{
    display:none !important;
}
.bslg-logo-spin--empty{
    padding:12px 16px;
    border:1px dashed #9fb0c0;
    background:rgba(255,255,255,.86);
    color:#17395b;
    font-weight:700;
    text-align:center;
}
@keyframes bslgLogoSpinYFullV108{
    0%{transform:rotateY(0deg)}
    25%{transform:rotateY(90deg)}
    50%{transform:rotateY(180deg)}
    75%{transform:rotateY(270deg)}
    100%{transform:rotateY(360deg)}
}