.post-malone-hero-container{position:relative;width:100%;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.post-malone-hero-background-container{position:absolute;top:0;left:0;width:100%;height:100%}.post-malone-hero-background{width:100%;height:100%;object-fit:cover;object-position:center}.post-malone-hero-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#00000080)}.post-malone-hero-controller-container{position:relative;width:760px;max-width:95%;margin:8% auto 0;z-index:1}.post-malone-hero-controller-image{width:100%;height:auto;display:block;background:transparent}.post-malone-hero-content-container{position:relative;width:90%;max-width:800px;margin:2rem auto 10%;text-align:center;z-index:2}.post-melone-toggle-container{display:flex;align-items:center;gap:10px;color:var(--b-white);padding-bottom:60px;padding-left:20px;padding-right:20px;margin-top:-60px;justify-content:center;position:relative;z-index:3}.post-melone-neon-heading{font-family:Haffer,sans-serif;font-weight:500;font-size:40px;line-height:43.76px;letter-spacing:0;text-align:center;color:var(--b-black);margin:0}.post-melone-sub-heading-wrapper{font-family:Haffer,sans-serif;font-weight:400;font-size:18px;line-height:28px;letter-spacing:0;text-align:center;color:var(--b-black);max-width:650px;margin:0 auto}.post-melone-toggle-text{font-size:16px;color:var(--b-black)}.post-malone-sold-out-tag{margin-top:16px;width:111px;height:44px;border:4px solid #0a8a42;font-size:18px;border-radius:8px;text-align:center;justify-self:center;display:flex;align-items:center;justify-content:center;color:#0a8a42}.post-malone-sold-out-tag.active{border:4px solid #98f5c1!important;box-shadow:0 0 10px #98f5c1,0 0 10px #98f5c1 inset!important}.post-melone-toggle-switch{width:48px;height:28px;background:transparent;border-radius:15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;padding:2px;border:3px solid var(--b-black)}.post-melone-toggle-switch.active{border:2px solid #98f5c2;box-shadow:0 0 15px #4ade8080}.post-melone-toggle-switch.active .post-melone-toggle-circle{background-color:#98f5c2}.post-melone-neon-heading span.active{color:var(--b-black);text-shadow:0 0 5px rgba(74,222,128,.8),0 0 10px rgba(74,222,128,.7),0 0 20px rgba(74,222,128,.6)}.post-melone-toggle-circle{width:16px;height:16px;background:var(--b-black);border-radius:50%;transition:transform .3s ease}.post-melone-toggle-switch.active .post-melone-toggle-circle{transform:translate(24px)}.post-malone-hero-container.is--dark .post-melone-neon-heading,.post-malone-hero-container.is--dark .post-melone-sub-heading-wrapper,.post-malone-hero-container.is--dark .post-malone-cta__disclaimer p{color:var(--b-black)}@media screen and (max-height:700px),(orientation:landscape)and (max-height:500px){.post-malone-hero-controller-container{margin-top:4%;width:600px}.post-malone-hero-content-container{margin-top:1rem}}@media screen and (max-height: 500px) or (orientation: landscape) and (max-height: 450px){.post-malone-hero-container{min-height:200vh}}@media screen and (max-width:1024px)and (min-height:600px)and (max-height:610px){.post-malone-hero-container{min-height:165vh}}@media screen and (min-width:768px)and (max-width:1024px)and (min-height:768px){.post-malone-hero-container{min-height:80vh}}@media screen and (min-width:820px)and (max-width:1180px)and (min-height:1180px){.post-malone-hero-container{min-height:83vh}}@media screen and (max-width:768px){.post-malone-hero-container{min-height:80vh}@media screen and (min-width:540px)and (max-width:720px)and (min-height:720px)and (max-height:800px){.post-malone-hero-container{min-height:105vh}}.post-malone-hero-controller-container{width:95%;margin-top:6%}.post-malone-hero-content-container{margin-bottom:5%}.post-melone-neon-heading{font-size:32px;line-height:36px}.post-melone-sub-heading-wrapper{font-size:16px;line-height:24px}.post-melone-toggle-container{padding-bottom:30px}}@media screen and (max-width:375px){.post-malone-hero-container{min-height:100vh!important}}@media screen and (max-width:480px){.post-malone-hero-container{min-height:78vh}.post-malone-hero-controller-container{width:95%;margin-top:4%}.post-melone-neon-heading{font-size:24px;line-height:28px}.post-melone-sub-heading-wrapper{font-size:14px;line-height:20px}.post-melone-toggle-container{padding-bottom:20px}.post-malone-cta__disclaimer p{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/BB-post-malone-hero.css.map */