content-with-text-hover{display:block}.content-with-text-hover .grid{margin-bottom:0}.content-with-text-hover .grid__item{position:relative}@media screen and (min-width: 750px){.content-with-text-hover__grid--reverse{flex-direction:row-reverse}}.content-with-text-hover__media-container{min-height:100%;overflow:hidden;position:relative;background:rgba(var(--color-foreground),.02)}.content-with-text-hover__media-container.content-with-text-hover__media--adapt{height:auto}.content-with-text-hover__media--small{height:19.4rem}.content-with-text-hover__media--medium{height:29.6rem}.content-with-text-hover__media--large{height:43.5rem}@media screen and (min-width: 750px){.content-with-text-hover__media--small{height:31.4rem}.content-with-text-hover__media--medium{height:46rem}.content-with-text-hover__media--large{height:69.5rem}}.content-with-text-hover__media{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out;overflow:hidden;display:flex;align-items:center;justify-content:center}.content-with-text-hover__media--active{opacity:1;visibility:visible;z-index:1}.content-with-text-hover__media img,.content-with-text-hover__media video{width:100%;height:100%;object-fit:contain;display:block}.content-with-text-hover__video{width:100%;height:100%;object-fit:contain;display:block}.content-with-text-hover__media.media-fill img,.content-with-text-hover__media.media-fill video{object-fit:cover}.content-with-text-hover__content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;align-self:center;padding:4rem calc(4rem / var(--font-body-scale)) 5rem;position:relative;z-index:1}.content-with-text-hover .grid__item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.content-with-text-hover:not(.content-with-text-hover--overlap) .content-with-text-hover__media-item:after{border-radius:var(--media-radius);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))}.content-with-text-hover:not(.content-with-text-hover--overlap) .content-with-text-hover__text-item:after{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity))}.content-with-text-hover .content-with-text-hover__media-item>*{border-radius:var(--media-radius);overflow:hidden;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))}.content-with-text-hover .global-media-settings{overflow:hidden!important}.content-with-text-hover .content-with-text-hover__text-item>*{border-radius:var(--text-boxes-radius);overflow:hidden;box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity))}.content-with-text-hover:not(.content-with-text-hover--overlap) .content-with-text-hover__media-item>*,.content-with-text-hover:not(.content-with-text-hover--overlap) .content-with-text-hover__text-item>*{box-shadow:none}@media screen and (max-width: 749px){.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__media-item:after,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .grid__item .content-with-text-hover__media-container,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__media img,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__media video,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__media .placeholder-svg{border-bottom-right-radius:0;border-bottom-left-radius:0}.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__text-item:after,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .grid__item .content-with-text-hover__content{border-top-left-radius:0;border-top-right-radius:0}.content-with-text-hover.collapse-borders:not(.content-with-text-hover--overlap) .content-with-text-hover__content{border-top:0}}.content-with-text-hover__content--mobile-right>*{align-self:flex-end;text-align:right}.content-with-text-hover__content--mobile-center>*{align-self:center;text-align:center}.content-with-text-hover--overlap .content-with-text-hover__content{width:90%;margin:-3rem auto 0}@media screen and (min-width: 750px){.content-with-text-hover__grid--reverse .content-with-text-hover__content{margin-left:auto}.content-with-text-hover__content--bottom{justify-content:flex-end;align-self:flex-end}.content-with-text-hover__content--top{justify-content:flex-start;align-self:flex-start}.content-with-text-hover__content--desktop-right>*{align-self:flex-end;text-align:right}.content-with-text-hover__content--desktop-left>*{align-self:flex-start;text-align:left}.content-with-text-hover__content--desktop-center>*{align-self:center;text-align:center}.content-with-text-hover--overlap .content-with-text-hover__text-item{display:flex;padding:3rem 0}.content-with-text-hover--overlap .content-with-text-hover__content{height:auto;width:calc(100% + 4rem);min-width:calc(100% + 4rem);margin-top:0;margin-left:-4rem}.content-with-text-hover--overlap .content-with-text-hover__grid--reverse .content-with-text-hover__content{margin-left:0;margin-right:-4rem}.content-with-text-hover--overlap .content-with-text-hover__grid--reverse .content-with-text-hover__text-item{justify-content:flex-end}.content-with-text-hover--overlap .content-with-text-hover__media-item--top{align-self:flex-start}.content-with-text-hover--overlap .content-with-text-hover__media-item--middle{align-self:center}.content-with-text-hover--overlap .content-with-text-hover__media-item--bottom{align-self:flex-end}.content-with-text-hover__media-item--small,.content-with-text-hover__media-item--large+.content-with-text-hover__text-item{flex-grow:0}.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .grid:not(.content-with-text-hover__grid--reverse) .content-with-text-hover__media-item:after,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .grid:not(.content-with-text-hover__grid--reverse) .content-with-text-hover__media-container,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .grid:not(.content-with-text-hover__grid--reverse) .content-with-text-hover__media img,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .grid:not(.content-with-text-hover__grid--reverse) .content-with-text-hover__media video,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .grid:not(.content-with-text-hover__grid--reverse) .content-with-text-hover__media .placeholder-svg,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__grid--reverse .content-with-text-hover__text-item:after,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__grid--reverse .content-with-text-hover__content,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__grid--reverse .content-with-text-hover__content:after{border-top-right-radius:0;border-bottom-right-radius:0}.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .grid:not(.content-with-text-hover__grid--reverse) .content-with-text-hover__text-item:after,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .grid:not(.content-with-text-hover__grid--reverse) .content-with-text-hover__content,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .grid:not(.content-with-text-hover__grid--reverse) .content-with-text-hover__content:after,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__grid--reverse .content-with-text-hover__media-item:after,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__grid--reverse .content-with-text-hover__media-container,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__grid--reverse .content-with-text-hover__media img,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__grid--reverse .content-with-text-hover__media video,.content-with-text-hover.collapse-corners:not(.content-with-text-hover--overlap) .content-with-text-hover__grid--reverse .content-with-text-hover__media .placeholder-svg{border-top-left-radius:0;border-bottom-left-radius:0}.content-with-text-hover.collapse-borders:not(.content-with-text-hover--overlap) .grid:not(.content-with-text-hover__grid--reverse) .content-with-text-hover__content{border-left:0}.content-with-text-hover.collapse-borders:not(.content-with-text-hover--overlap) .content-with-text-hover__grid--reverse .content-with-text-hover__content{border-right:0}}.content-with-text-hover:not(.collapse-corners,.content-with-text-hover--overlap) .content-with-text-hover__media-item{z-index:2}.content-with-text-hover.content-with-text-hover--overlap .backround-transparent,.content-with-text-hover:not(.content-with-text-hover--overlap) .background-transparent{background:transparent}.content-with-text-hover .gradient{transform:perspective(0)}.content-with-text-hover__content{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));word-break:break-word}@media screen and (min-width: 990px){.content-with-text-hover__content{padding:6rem 7rem 7rem}}.content-with-text-hover__content>*+*{margin-top:2rem}.content-with-text-hover__heading{margin-bottom:2rem}.content-with-text-hover__items{display:flex;flex-direction:column;gap:1.5rem;width:100%}.content-with-text-hover__item{padding:1.5rem;border-radius:.8rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent;background:rgba(var(--color-foreground),.02)}.content-with-text-hover__item:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.1);transform:translate(.5rem)}.content-with-text-hover__item--active{background:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.2);transform:translate(.5rem)}.content-with-text-hover__item-heading{margin:0 0 .5rem;font-weight:600;transition:color .3s ease}.content-with-text-hover__item--active .content-with-text-hover__item-heading{color:rgb(var(--color-foreground))}.content-with-text-hover__item-description{margin:0;opacity:.8;font-size:.9em}.content-with-text-hover__item-description p{margin:0}.content-with-text-hover__content .button{margin-top:3rem}@media screen and (max-width: 749px){.collapse-padding .content-with-text-hover__grid .content-with-text-hover__content{padding-left:0;padding-right:0}.content-with-text-hover__items{gap:1rem}.content-with-text-hover__item{padding:1.2rem}.content-with-text-hover__item:hover,.content-with-text-hover__item--active{transform:none}}@media screen and (min-width: 750px){.collapse-padding .content-with-text-hover__grid:not(.content-with-text-hover__grid--reverse) .content-with-text-hover__content:not(.content-with-text-hover__content--desktop-center){padding-right:0}.collapse-padding .content-with-text-hover__grid--reverse .content-with-text-hover__content:not(.content-with-text-hover__content--desktop-center){padding-left:0}}@supports not (inset: 10px){.content-with-text-hover .grid{margin-left:0}.content-with-text-hover__items{gap:0}.content-with-text-hover__item+.content-with-text-hover__item{margin-top:1.5rem}@media screen and (max-width: 749px){.content-with-text-hover__item+.content-with-text-hover__item{margin-top:1rem}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-content-with-text-hover.css.map */