.barkbox-hero{position:relative;overflow:hidden;padding:var(--spacing-md) 0}.barkbox-hero .content-container{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding:0}.barkbox-hero__main{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;margin-top:var(--spacing-md)}.barkbox-hero__content{position:relative;z-index:2;max-width:75%;margin:0 auto;padding:0 var(--spacing-md)}.barkbox-hero__content h1{line-height:105%}.barkbox-hero__media{width:100%;height:100%;min-height:540px;overflow:hidden;position:relative;flex-basis:auto;margin-top:auto;flex-shrink:0;-webkit-mask-image:-webkit-radial-gradient(white,black);border-radius:var(--spacing-lg)}.barkbox-hero__media-desktop{width:100%;height:100%}.barkbox-hero__media-mobile{display:none;width:100%;height:100%}.barkbox-hero__mobile-overlay-image{display:none;position:absolute;right:-20px;top:-40px;transform:rotate(-6deg);z-index:20;width:80px;height:80px}.barkbox-hero__video,.barkbox-hero__image{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.barkbox-hero__promo-banner-wrapper{padding:0 var(--spacing-md)}.barkbox-hero__promo-banner{background:rgb(var(--accent-glowstick));text-align:center;border-radius:25px;padding:var(--spacing-xs) var(--spacing-md);display:inline-block;width:100%;margin:0 auto}@media (min-width: 768px){.barkbox-hero__promo-banner{margin:0}}.barkbox-hero__stars{margin-bottom:var(--spacing-sm)}.barkbox-hero__rating-text{margin-bottom:var(--spacing-md)}.barkbox-hero__cta{cursor:pointer;display:none;overflow:hidden;max-width:100%;align-self:stretch;flex-basis:auto;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);align-items:center;flex-shrink:0;padding-top:var(--spacing-md);flex-direction:column;padding-bottom:var(--spacing-md);justify-content:center;text-align-last:center;background-color:#40c5e8;border:1px solid rgb(var(--plain-white));border-radius:var(--spacing-lg);color:rgb(var(--deep-navy));text-decoration:none;line-height:18px}.barkbox-sticky-cta-wrapper{z-index:1000;position:fixed;bottom:0;display:flex;width:100%;justify-content:center;padding:var(--spacing-lg)}.barkbox-sticky-cta-container{display:flex;align-items:center;width:100%;position:relative}.barkbox-sticky-cta-image-wrapper{display:none;transform:rotate(-6deg);top:-25px}.barkbox-sticky-cta-image{width:96px;height:96px;display:flex;position:relative;object-fit:contain;align-items:center;flex-shrink:0}.barkbox-sticky-cta{margin:var(--spacing-lg) auto;cursor:pointer;display:flex;overflow:hidden;width:100%;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);align-items:center;padding:var(--spacing-md) var(--spacing-xl);justify-content:center;background-color:#40c5e8;border-radius:var(--spacing-lg);color:rgb(var(--deep-navy));box-shadow:0 4px 20px #0000004d;line-height:18px}@media (min-width: 768px){.barkbox-sticky-cta-wrapper{width:300px;bottom:0;right:0;margin:0}.barkbox-sticky-cta{margin:0}.barkbox-hero__cta{display:flex}}@media (min-width: 1024px){.barkbox-sticky-cta-wrapper{justify-content:flex-end;padding:0;max-width:1440px;margin:0 auto;width:100%;right:0;left:0}.barkbox-sticky-cta-container{background:var(--sticky-cta-container-bg);border-radius:var(--spacing-lg) var(--spacing-lg) 0 0;box-shadow:0 4px 20px #00000026;padding:0 var(--spacing-lg);width:auto;max-width:fit-content;position:relative;overflow:visible}.barkbox-sticky-cta-image-wrapper{display:block;position:relative;z-index:1;margin-right:var(--spacing-sm);top:-25px}.barkbox-sticky-cta-image{width:96px;height:96px}.barkbox-sticky-cta{margin:0;box-shadow:none;width:auto;min-width:300px}}@media (max-width: 768px){.barkbox-hero__main{grid-template-columns:1fr;gap:var(--spacing-lg)}.barkbox-hero__media{order:-1;border-top-left-radius:0;border-top-right-radius:0;min-height:100%}.barkbox-hero__media-desktop{display:none}.barkbox-hero__media-mobile{display:block}.barkbox-hero__content{background:var(--content-card-bg);border:1px solid var(--content-card-border);border-radius:20px;padding:var(--spacing-lg);margin:0 var(--spacing-md);position:relative;max-width:100%}.barkbox-hero__mobile-overlay-image{display:block;width:30%;height:auto;transform:rotate(12deg);top:-90px}}
/*# sourceMappingURL=/cdn/shop/t/151/assets/barkbox-hero-section.css.map */