mk-banner-motion{display:block;position:relative}mk-banner-atmosphere{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;border-radius:inherit}mk-banner-atmosphere canvas{display:block;width:100%;height:100%;pointer-events:none}.mk-motion-enabled .slideshow__text-wrapper{z-index:2}.mk-motion-enabled .wb_contrs{z-index:4;bottom:16px;pointer-events:none}.mk-motion-enabled .wb_button_cover{width:max-content!important;flex:0 0 auto;margin-inline:auto!important;pointer-events:auto;padding:6px 12px;background:#ffffffc7!important;border-radius:30px!important}.mk-motion-enabled .wb_button_cover>.slider-button{display:none}.mk-motion-enabled .slide-swiper-pagination{position:static;width:auto!important;transform:none;display:flex;align-items:center;gap:5px}.mk-motion-enabled .pagi_dots .swiper-pagination-bullet{width:22px;height:22px;margin:0!important;border:0;border-radius:0;background:transparent;opacity:1;display:grid;place-items:center}.mk-motion-enabled .swiper-pagination-bullet:after{content:"";width:6px;height:6px;border-radius:8px;background:#315c86;opacity:.45;transition:width .3s ease,background .3s ease}.mk-motion-enabled .swiper-pagination-bullet-active:after{width:20px;opacity:1;background:#cf3a46}.mk-motion-enabled .swiper-pagination-bullet:focus-visible{outline:2px solid #174b7e;outline-offset:3px;border-radius:5px}.mk-banner-motion-toggle{position:absolute;right:24px;bottom:16px;z-index:5;display:flex;align-items:center;gap:7px;border:1px solid rgba(25,60,95,.15);border-radius:24px;background:#ffffffe0;color:#173d62;font:inherit;font-size:11px;line-height:1.4;padding:10px 13px;cursor:pointer;transition:background .25s ease,box-shadow .25s ease}.mk-banner-motion-toggle:hover{background:#fff;box-shadow:0 3px 14px #112b4524}.mk-banner-motion-toggle:focus-visible{outline:2px solid #174b7e;outline-offset:3px}.mk-banner-motion-toggle svg{width:12px;height:12px;fill:currentColor}.mk-banner-motion-toggle .mk-play-icon,.mk-banner-motion-toggle[aria-pressed=true] .mk-pause-icon{display:none}.mk-banner-motion-toggle[aria-pressed=true] .mk-play-icon{display:block}@media(max-width:767px){.mk-banner-motion-toggle{right:12px;bottom:12px;padding:12px}.mk-banner-motion-toggle span{display:none}.mk-motion-enabled .wb_contrs{bottom:12px}}@media(prefers-reduced-motion:reduce){.mk-motion-enabled .swiper-pagination-bullet:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/mk-banner-atmosphere.css.map */