.petivity-flex-banner{max-width:2000px;margin:auto;overflow:hidden;width:100%!important}.petivity-flex-banner__grid{overflow:hidden}.petivity-flex-banner .grid__item{position:relative}.petivity-flex-banner__media{min-height:100%;overflow:visible}.petivity-flex-banner__media svg{height:100%;width:100%}.petivity-flex-banner__media img{width:100%;display:block}.petivity-flex-banner__media-item>*{border:none;overflow:hidden!important;box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.petivity-flex-banner__media.petivity-flex-banner__image-contain img{object-fit:contain!important}.petivity-flex-banner__media script{visibility:hidden}.petivity-flex-banner__buttons{grid-gap:12px 16px;display:flex;flex-wrap:wrap;width:100%;max-width:100%}.petivity-flex-banner__buttons+div,.petivity-flex-banner__buttons+span{margin-top:28px}.petivity-flex-banner .subtitle,.petivity-flex-banner .caption-with-letter-spacing{display:flex}.petivity-flex-banner__grid--reverse{flex-direction:row-reverse!important}.petivity-flex-banner__content-item{position:relative}.petivity-flex-banner .content-container{display:flex;flex-direction:column;position:initial}.petivity-flex-banner .content-container>*:last-child{margin-bottom:0!important}.petivity-flex-banner .content-container>*:not(.petivity-flex-banner__buttons):not(.caption-small){margin:0}.petivity-flex-banner .content-container p{margin:0}.petivity-flex-banner .media{overflow:hidden}.petivity-flex-banner__badges{display:flex;flex-wrap:wrap;row-gap:8px}.petivity-flex-banner__badges,.petivity-flex-banner__badges li{list-style:none;padding:0;margin:0}.petivity-flex-banner__badges li{margin-right:8px}.petivity-flex-banner__badges:not(:has(li)){display:none}@media only screen and (max-width:576px){.petivity-flex-banner__media-item{height:max-content}}@media only screen and (max-width:767px){.petivity-flex-banner .content-container{row-gap:16px}.petivity-flex-banner__buttons{margin:12px 0}}@media only screen and (min-width:768px){.petivity-flex-banner .content-container{row-gap:22px}.petivity-flex-banner__buttons{margin:20px 0}}@media only screen and (max-width:1024px){.petivity-flex-banner{padding-right:30px;padding-left:30px}.petivity-flex-banner__grid.grid{flex-direction:column}.petivity-flex-banner__grid-mobile--reverse.grid{flex-direction:column-reverse!important}.petivity-flex-banner picture{position:relative!important}.petivity-flex-banner__content--mobile-center>*{align-self:center;text-align:center;justify-content:center}.petivity-flex-banner__content--mobile-right>*{align-self:flex-end;text-align:right;justify-content:flex-end}.petivity-flex-banner__content--mobile-left>*{align-self:flex-start;text-align:left;justify-content:flex-start}.petivity-flex-banner__grid--reverse .media{border-radius:0 0 18px 18px}.petivity-flex-banner .grid:not(.petivity-flex-banner__grid--reverse) .media{border-radius:0 0 18px 18px}.petivity-flex-banner .grid--2-col-tablet .grid__item{max-width:100%;width:100%}.petivity-flex-banner__media-item{width:100%;display:block;max-width:100%;flex-grow:2;max-height:470px;overflow:hidden}.petivity-flex-banner__media-item img{height:auto!important}.petivity-flex-banner .petivity-flex-banner__grid,.petivity-flex-banner .grid__item{background-color:var(--d2c-color-white)!important;color:var(--d2c-color-moody-navy)}.petivity-flex-banner .petivity-flex-banner__media-item img{max-height:470px;object-fit:cover}.petivity-flex-banner .mobile__transparent.petivity-flex-banner__grid,.petivity-flex-banner .mobile__transparent .grid__item{background-color:transparent!important}}@media only screen and (min-width:1025px){.petivity-flex-banner__media-item{align-self:stretch;min-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);display:block;max-width:100%;flex-grow:2}.petivity-flex-banner__media-item img{object-fit:cover;height:100%!important}.petivity-flex-banner__content--bottom{justify-content:flex-end;align-self:flex-end}.petivity-flex-banner__content--top{justify-content:flex-start;align-self:flex-start}.petivity-flex-banner__content--desktop-center>*{align-self:center;text-align:center;justify-content:center}.petivity-flex-banner__content--desktop-right>*{align-self:flex-end;text-align:right;justify-content:flex-end}.petivity-flex-banner__content--desktop-left>*{align-self:flex-start;text-align:left;justify-content:flex-start}.petivity-flex-banner__grid--reverse .media{border-radius:18px 0 0 18px}.petivity-flex-banner .grid--2-col-tablet .grid__item{max-width:50%;width:100%}.petivity-flex-banner .grid:not(.petivity-flex-banner__grid--reverse) .media{border-radius:0 18px 18px 0}}@media only screen and (min-width:577px)and (max-width:1024px){.petivity-flex-banner__media-item{max-height:470px}}@media only screen and (min-width:577px)and (max-width:1300px){.petivity-flex-banner .content-container{row-gap:18px!important}.petivity-flex-banner__buttons{margin:14px 0!important}}@media only screen and (min-width:1025px)and (max-width:1300px){.petivity-flex-banner__content-item:not(.petivity-flex-banner.grid__item) .petivity-flex-banner__content{max-width:400px}}@media only screen and (min-width:1301px){.petivity-flex-banner__buttons+div,.petivity-flex-banner__buttons+span{margin-top:28px}}@media only screen and (min-width:1301px)and (max-width:1919px){.petivity-flex-banner__content-item:not(.petivity-flex-banner.grid__item) .petivity-flex-banner__content{max-width:520px}}@media only screen and (min-width:1920px){.petivity-flex-banner__content-item:not(.petivity-flex-banner.grid__item) .petivity-flex-banner__content{max-width:640px}}@media only screen and (max-width:1024px){.petivity-flex-banner .petivity-flex-banner__gif-container{display:block;position:relative}}.petivity-flex-banner .petivity-flex-banner__gif-container img.is-paused{display:none}.petivity-flex-banner.general__theme-dark .petivity-flex-banner__gif-pause-btn,.petivity-flex-banner.theme__color-dark .petivity-flex-banner__gif-pause-btn{border:1px solid rgba(255,255,255,.9)}.petivity-flex-banner.general__theme-dark .petivity-flex-banner__gif-pause-btn:hover,.petivity-flex-banner.general__theme-dark .petivity-flex-banner__gif-pause-btn:focus,.petivity-flex-banner.theme__color-dark .petivity-flex-banner__gif-pause-btn:hover,.petivity-flex-banner.theme__color-dark .petivity-flex-banner__gif-pause-btn:focus{background:#000000b3}.petivity-flex-banner.general__theme-dark .petivity-flex-banner__gif-pause-btn:focus-visible,.petivity-flex-banner.theme__color-dark .petivity-flex-banner__gif-pause-btn:focus-visible{border-color:var(--d2c-color-white);box-shadow:none;color:var(--d2c-color-white);outline:var(--d2c-color-white) dashed 2px}.petivity-flex-banner.general__theme-dark .petivity-flex-banner__gif-pause-btn:focus-visible [fill-rule=evenodd],.petivity-flex-banner.theme__color-dark .petivity-flex-banner__gif-pause-btn:focus-visible [fill-rule=evenodd]{fill:var(--d2c-color-white)}.petivity-flex-banner.general__theme-dark .petivity-flex-banner__gif-pause-btn svg,.petivity-flex-banner.theme__color-dark .petivity-flex-banner__gif-pause-btn svg{width:19px;height:18px;fill:var(--d2c-color-white)}.petivity-flex-banner.general__theme-light .petivity-flex-banner__gif-pause-btn,.petivity-flex-banner.theme__color-white .petivity-flex-banner__gif-pause-btn,.petivity-flex-banner.theme__color-parchment .petivity-flex-banner__gif-pause-btn,.petivity-flex-banner.theme__color-pale-sky .petivity-flex-banner__gif-pause-btn{border:1px solid var(--d2c-color-moody-navy)}.petivity-flex-banner.general__theme-light .petivity-flex-banner__gif-pause-btn:hover,.petivity-flex-banner.general__theme-light .petivity-flex-banner__gif-pause-btn:focus,.petivity-flex-banner.theme__color-white .petivity-flex-banner__gif-pause-btn:hover,.petivity-flex-banner.theme__color-white .petivity-flex-banner__gif-pause-btn:focus,.petivity-flex-banner.theme__color-parchment .petivity-flex-banner__gif-pause-btn:hover,.petivity-flex-banner.theme__color-parchment .petivity-flex-banner__gif-pause-btn:focus,.petivity-flex-banner.theme__color-pale-sky .petivity-flex-banner__gif-pause-btn:hover,.petivity-flex-banner.theme__color-pale-sky .petivity-flex-banner__gif-pause-btn:focus{background:#010e160f}.petivity-flex-banner.general__theme-light .petivity-flex-banner__gif-pause-btn:focus-visible,.petivity-flex-banner.theme__color-white .petivity-flex-banner__gif-pause-btn:focus-visible,.petivity-flex-banner.theme__color-parchment .petivity-flex-banner__gif-pause-btn:focus-visible,.petivity-flex-banner.theme__color-pale-sky .petivity-flex-banner__gif-pause-btn:focus-visible{border-color:var(--d2c-color-moody-navy);box-shadow:none;color:var(--d2c-color-moody-navy);outline:var(--d2c-button-outline-color) dashed 2px}.petivity-flex-banner.general__theme-light .petivity-flex-banner__gif-pause-btn:focus-visible [fill-rule=evenodd],.petivity-flex-banner.theme__color-white .petivity-flex-banner__gif-pause-btn:focus-visible [fill-rule=evenodd],.petivity-flex-banner.theme__color-parchment .petivity-flex-banner__gif-pause-btn:focus-visible [fill-rule=evenodd],.petivity-flex-banner.theme__color-pale-sky .petivity-flex-banner__gif-pause-btn:focus-visible [fill-rule=evenodd]{fill:var(--d2c-color-moody-navy)}.petivity-flex-banner.general__theme-light .petivity-flex-banner__gif-pause-btn svg,.petivity-flex-banner.theme__color-white .petivity-flex-banner__gif-pause-btn svg,.petivity-flex-banner.theme__color-parchment .petivity-flex-banner__gif-pause-btn svg,.petivity-flex-banner.theme__color-pale-sky .petivity-flex-banner__gif-pause-btn svg{width:19px;height:18px;fill:var(--d2c-color-moody-navy)}.petivity-flex-banner .petivity-flex-banner__gif-pause-btn{position:absolute;width:40px;height:40px;border-radius:50%;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}@media only screen and (max-width:1024px){.petivity-flex-banner .petivity-flex-banner__gif-pause-btn{top:16px;left:16px}}@media only screen and (min-width:1025px){.petivity-flex-banner .petivity-flex-banner__gif-pause-btn{bottom:16px;right:16px}}@media(min-width:768px)and (max-width:1760px){.petivity-flex-banner .petivity-flex-banner__media .petivity-flex-banner__gif-container picture img{object-fit:contain}}.petivity-flex-banner .petivity-flex-banner__gif-canvas{display:none;width:100%;height:auto;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}@media only screen and (max-width:1024px){.petivity-flex-banner .petivity-flex-banner__gif-canvas{object-fit:cover;max-height:470px;position:relative;width:auto}}.petivity-flex-banner .petivity-flex-banner__gif-canvas.is-active{display:block;object-fit:cover;height:100%!important}.petivity-flex-banner .background-video [data-video-started=true] iframe,.petivity-flex-banner .background-video [data-video-playing=false] .video-section__cover-image-wrapper img{z-index:2;object-fit:contain;border-radius:18px}@media only screen and (max-width:1024px){.petivity-flex-banner .background-video,.petivity-flex-banner video,.petivity-flex-banner iframe{position:relative!important;display:block}}.petivity-flex-banner .video-section__video{position:initial;padding:initial}.petivity-flex-banner .video-section__video .video-section__shopify-video{border-radius:18px;height:auto!important;margin:auto}.petivity-flex-banner .video-section__video button{width:34px;height:34px!important}.petivity-flex-banner .video-section__video button:focus-visible{border:none;box-shadow:none}.petivity-flex-banner .video-section__video .button-color__light{border:1px solid var(--d2c-color-white)}.petivity-flex-banner .video-section__video .button-color__light:hover,.petivity-flex-banner .video-section__video .button-color__light:focus{background:#000000b3}.petivity-flex-banner .video-section__video .button-color__light:focus-visible{background:#000000b3;outline:var(--d2c-color-white) dashed 2px}.petivity-flex-banner .video-section__video .button-color__dark{border:1px solid var(--d2c-color-moody-navy)}.petivity-flex-banner .video-section__video .button-color__dark:hover,.petivity-flex-banner .video-section__video .button-color__dark:focus{background:#ffffffb3}.petivity-flex-banner .video-section__video .button-color__dark:focus-visible{background:#ffffffb3;outline:var(--d2c-color-moody-navy) dashed 2px}@media only screen and (max-width:1024px){.petivity-flex-banner .petivity-flex-banner__media:not(.petivity-flex-banner__video_url) button{bottom:initial;right:initial;top:16px!important;left:16px!important}}.petivity-flex-banner .petivity-flex-banner__video_url{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between}.petivity-flex-banner .petivity-flex-banner__video_url .background-video{position:relative}.petivity-flex-banner .petivity-flex-banner__video_url .rte .video-section__description{color:transparent}.petivity-flex-banner .petivity-flex-banner__video_url .background-video,.petivity-flex-banner .petivity-flex-banner__video_url .rte{height:calc(100% - 100px)!important}@media only screen and (max-width:1024px){.petivity-flex-banner .petivity-flex-banner__video_url iframe{min-height:300px!important}}.petivity-flex-banner .petivity-flex-banner__video_url .video-section__play-inline{bottom:-70px!important}@media only screen and (max-width:1024px){.petivity-flex-banner .petivity-flex-banner__video_url .video-section__play-inline{bottom:-60px!important}}.petivity-flex-banner .petivity-flex-banner__video_url smooth-accordion{top:initial;bottom:0;height:max-content;position:relative;padding:0 16px}.petivity-flex-banner .petivity-flex-banner__video_url smooth-accordion[data-open=true] svg{transform:rotate(0)}.petivity-flex-banner .petivity-flex-banner__video_url .video-modal .accordion__trigger-wrapper{padding:8px 0}.petivity-flex-banner .petivity-flex-banner__video_url .accordion__trigger{width:max-content;border:1px solid black;border-radius:8px;background:var(--d2c-color-white);display:flex;cursor:pointer;padding:12px 24px;position:relative;align-items:center}.petivity-flex-banner .petivity-flex-banner__video_url .accordion__title{line-height:2.4rem;font-size:1.6rem}.petivity-flex-banner .petivity-flex-banner__video_url .accordion__content{margin-bottom:0;margin-top:0;word-break:break-word;overflow-x:auto;padding:0 .6rem}.petivity-flex-banner .petivity-flex-banner__video_url .video-modal .accordion__inner{margin-top:0}.petivity-flex-banner .petivity-flex-banner__video_url .video-modal__content-descriptive_text{line-height:2.4rem;font-size:1.6rem;font-family:var(--d2c-tertiary-font-family);padding-top:0;margin-top:0;max-height:50px;overflow-y:auto}.petivity-flex-banner .petivity-flex-banner__video_url .video-modal__content-descriptive_text *{margin-top:0;margin-bottom:6px}.petivity-flex-banner .petivity-flex-banner__video_url .carrot-wrapper{height:24px}.petivity-flex-banner .petivity-flex-banner__video_url .carrot-wrapper svg{transform:rotate(-90deg);transition:.4s transform ease-in-out;width:24px;height:24px;padding:6px;stroke:currentcolor;top:16px;right:0;border:none!important}[class*=layout__color]:not(.frame-color) .petivity-flex-banner{padding-right:0;padding-left:0}
/*# sourceMappingURL=/cdn/shop/t/157/assets/compiled-petivity-flex-banner.css.map */