:root{--font_fredoka: "Fredoka", sans-serif;--clr_black: #000}.hotspot-banner-section{--b2r: 0;margin:0 calc(var(--rpp) * -1)}#content:has(.hotspot-banner-section){padding-top:0;max-width:100%}#content:has(.hotspot-banner-section)>.shopify-section:first-of-type~.shopify-section{max-width:var(--container-width);width:100%;margin-left:auto;margin-right:auto}.hotspot-banner-section .m6fr.wide{margin-top:0!important}.hotspot-banner-section .boxed{max-width:var(--container-width);width:100%;margin-left:auto;margin-right:auto}.hotspot-banner-section .m6fr article.aside{padding:0;--w: 0%}.hotspot-banner-section article.palette-white:before{background:#ff8e92;-webkit-animation:bgChange 10s linear infinite alternate;animation:bgChange 10s linear infinite alternate}.hotspot-banner-section .hotspot_txt{max-width:calc(1200px + 16%);padding-left:calc(120px + 16%);min-height:200px;pointer-events:none}.hotspot-banner-section .m6fr :is(h1,p){font-family:var(--font_fredoka);font-size:80px;line-height:.95;font-weight:700;color:var(--clr_black)!important}.hotspot-banner-section .m6fr h1{margin-bottom:15px}.hotspot-banner-section .m6fr p{font-size:32px}.hotspot-banner-section figure .l4hs>li{position:absolute;width:auto;height:auto;margin:0;z-index:unset}.hotspot-banner-section .has-info>div{width:max-content!important;max-height:none!important;z-index:10!important;border:4px solid var(--clr_black)!important;padding:13px 44px 15px!important;box-shadow:none!important;border-radius:40px!important;transform:rotate(-15deg) translate(-30%)!important;pointer-events:none}.hotspot-banner-section .has-info:hover>div{visibility:visible!important;opacity:1!important;transform:rotate(-5deg) translate(0)!important}.hotspot-banner-section .has-info h3{font-size:32px;line-height:1;font-family:var(--font_fredoka);font-weight:600;margin-bottom:0}.hotspot-banner-section .has-info .info:not(:has(*)){display:none}.hotspot-banner-section .m6fr.wide article.aside>*{width:100%}.hotspot-banner-section .m6fr.wide article.aside figure{left:0;right:0}.hotspot-banner-section .m6fr.wide article,.hotspot-banner-section .m6fr.wide article.aside{max-width:100%}.hotspot-banner-section .m6fr figure{z-index:1}.hotspot-banner-section .has-info img{-webkit-animation:imageMove 1.8s infinite alternate;animation:imageMove 1.8s infinite alternate}@-webkit-keyframes imageMove{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes imageMove{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}.hotspot-banner-section .has-info:nth-child(2n) img{-webkit-animation-name:imageMoveReverse;animation-name:imageMoveReverse}@-webkit-keyframes imageMoveReverse{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes imageMoveReverse{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}#root .hotspot-banner-section .m6fr figure img{width:auto!important;object-fit:contain!important}@media only screen and (min-width: 1200px){.hotspot-banner-section .hotspot_txt{max-width:calc(830px + 12%);padding-left:calc(120px + 12%);min-height:280px}.hotspot-banner-section .m6fr h1{font-size:70px}.hotspot-banner-section .m6fr p{font-size:30px}}@media only screen and (min-width: 1400px){.hotspot-banner-section .hotspot_txt{max-width:calc(1200px + 16%);padding-left:calc(120px + 16%);min-height:200px}.hotspot-banner-section .m6fr h1{font-size:80px}.hotspot-banner-section .m6fr p{font-size:32px}}@media only screen and (max-width: 1199px){.hotspot-banner-section .hotspot_txt{max-width:calc(700px + 8%);padding-left:calc(120px + 8%);min-height:320px}.hotspot-banner-section .m6fr h1{font-size:66px}.hotspot-banner-section .m6fr p{font-size:28px}.hotspot-banner-section .has-info>div{border-width:3px!important;padding:10px 34px 12px!important}.hotspot-banner-section .has-info h3{font-size:28px}}@media only screen and (max-width: 989px){.hotspot-banner-section .hotspot_txt{max-width:660px;padding-left:calc(30px + 15%);min-height:280px}@keyframes imageMove{0%{transform:translateY(5px)}to{transform:translateY(-5px)}}@-webkit-keyframes imageMoveReverse{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes imageMoveReverse{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}.hotspot-banner-section .m6fr h1{font-size:62px}.hotspot-banner-section .m6fr p{font-size:26px}.hotspot-banner-section .has-info>div{border-width:2px!important;padding:8px 24px 10px!important}.hotspot-banner-section .has-info h3{font-size:22px}}@media only screen and (max-width: 760px){.hotspot-banner-section .hotspot_txt{max-width:750px;padding-inline:var(--rpp)}.hotspot_txt{text-align:left}.hotspot-banner-section .m6fr h1{font-size:36px;margin-bottom:8px}.hotspot-banner-section .m6fr p{font-size:20px}.hotspot-banner-section .hotspot_txt{min-height:240px}.hotspot-banner-section article.aside>figure{position:static!important;height:auto!important;margin:0!important;border-bottom:none!important;width:100%!important}.hotspot-banner-section .has-info>div{padding:6px 15px 8px!important}.hotspot-banner-section .has-info h3{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/image-hotspot-banner.css.map */