.css-slider{position:relative;width:100%;isolation:isolate;overflow:visible}.css-stage{position:relative;height:var(--css-height);overflow:hidden;background:#fff}.css-slide{position:absolute;inset:0;opacity:0;transition:opacity var(--css-speed) ease;pointer-events:none}.css-slide.is-active{opacity:1;pointer-events:auto;z-index:1}.css-slide img{width:100%;height:100%;object-fit:cover;display:block}.css-mascot{transform:translate(var(--css-offset-x,0px),calc(-1 * var(--css-offset-y,0px)));position:absolute;bottom:-13%;width:var(--css-mascot-width);z-index:3;pointer-events:none}.css-mascot--right{right:-5%}.css-mascot--left{left:-5%}.css-mascot img,.css-mascot video{display:block;width:100%;height:auto}.css-mascot-motion{position:absolute;inset:0;opacity:0}.css-mascot-motion.is-playing{opacity:1}.css-mascot.is-playing .css-mascot-still{visibility:hidden}.css-mascot-still{position:relative}@media (min-width:768px) and (max-width:1024px){.css-slider.css-responsive .css-mascot{width:var(--css-tablet-width);transform:translate(var(--css-tablet-x),calc(-1 * var(--css-tablet-y)));bottom:0}.css-slider.css-responsive .css-mascot--right{right:0}.css-slider.css-responsive .css-mascot--left{left:0}.css-slider.css-hide-tablet .css-mascot{display:none}}
@media(max-width:767px){.css-slider.css-responsive .css-stage{height:var(--css-mobile-height)}.css-slider.css-responsive .css-mascot{width:var(--css-mobile-width);max-width:100%;bottom:0;transform:translate(var(--css-mobile-x),calc(-1 * var(--css-mobile-y)))}.css-slider.css-responsive .css-mascot--right{right:0}.css-slider.css-responsive .css-mascot--left{left:0}.css-slider.css-hide-mobile .css-mascot{display:none}}@media(prefers-reduced-motion:reduce){.css-slide{transition:none}.css-mascot-motion{display:none}}

/* v1.3: on phones, keep the transparent still image; do not display WebM. */
@media(max-width:767px){.css-slider .css-mascot .css-mascot-motion{display:none!important;opacity:0!important}.css-slider .css-mascot .css-mascot-still{visibility:visible!important}}