.page-snacks-how{background-color:#f5f5f2;overflow:hidden;padding:36px 0;position:relative}.page-snacks-how img{width:100%}.page-snacks-how .snacks-how-title{color:#923a50;margin-bottom:27px}.page-snacks-how .snacks-how-text{margin-bottom:36px}.page-snacks-how .tell-me-more{margin:0 auto 27px;width:unset}.page-snacks-how .snacks-animated-bg{background-position:-50px top;background-repeat:no-repeat;background-size:cover;position:relative}.page-snacks-how .animated-content{padding:18px 9px 0;position:relative}.page-snacks-how .under-image{width:auto;position:absolute;z-index:0}.page-snacks-how .snacks-animated-title,.page-snacks-how .snacks-animated-text{color:#fff}.page-snacks-how .snacks-animated-title{margin-bottom:27px}.page-snacks-how .snacks-animated-text{margin-bottom:36px}.page-snacks-how .button-container{margin-bottom:45px}.page-snacks-how .open-button{cursor:pointer;height:37px;position:absolute;right:56%;top:23%;width:37px;z-index:1001}.page-snacks-how .opened .open-button{right:4%;top:4%;transform:rotate(45deg)}.page-snacks-how .hover-layout{pointer-events:auto;position:relative;z-index:2}.page-snacks-how .hover-content{align-items:center;background-color:#0009;bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:-9999;opacity:0;padding:27px 45px;position:fixed;right:0;text-align:center;top:0;visibility:hidden;width:100%}.page-snacks-how .hover-text{font-size:16px;line-height:1.2}.page-snacks-how .hover-layout.opened .hover-content{left:0;opacity:1;position:absolute;visibility:visible}.component-slide-in-toggle{margin:0 auto}@media (min-width: 576px){.page-snacks-how .text-part{padding-bottom:200px}.page-snacks-how .hover-layout{margin-top:-220px;margin-right:20px}.page-snacks-how .snacks-animated-bg{background-position:left top;background-repeat:no-repeat;background-size:cover;min-height:612px}}@media (min-width: 768px){.hover-text{font-size:28px}.page-snacks-how .animated-content{padding:54px 45px 0}}@media (min-width: 992px){.page-snacks-how .text-part{padding-bottom:405px}.page-snacks-how .under-image{display:inline-block!important;position:absolute;margin:0}.page-snacks-how .hover-layout{margin-top:-405px;margin-right:0;left:-50px}}
/*# sourceMappingURL=/cdn/shop/t/181/assets/page-snacks-how.css.map */