.strix-grid{display:grid;gap:var(--grid-mobile-vertical-spacing) var(--grid-mobile-horizontal-spacing)}@media(min-width:768px){.strix-grid{gap:var(--grid-desktop-vertical-spacing) var(--grid-desktop-horizontal-spacing)}}.grid-cols-reverse div:nth-child(1){grid-row:2}@media(min-width:768px){.grid-cols-reverse div:nth-child(1){grid-row:auto}}.grid-cols-1,.grid-cols-2{grid-template-columns:1fr}@media(min-width:768px){.grid-cols-2{grid-template-columns:1fr 1fr}}.grid-cols-4-3{grid-template-columns:1fr}@media(min-width:768px){.grid-cols-4-3{grid-template-columns:.67fr .33fr}}.grid-cols-3-4{grid-template-columns:1fr}@media(min-width:768px){.grid-cols-3-4{grid-template-columns:.33fr .67fr}}@media(min-width:768px){.md-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.strix-hotspots{padding-top:64px}.strix-hotspots .button{gap:16px}.strix-hotspots__wrapper{grid-template-columns:repeat(1,minmax(0,1fr));display:grid;gap:36px}@media(min-width:768px){.strix-hotspots__wrapper:not(.strix-hotspots__wrapper.is--top){grid-template-columns:repeat(2,minmax(0,1fr))}}.strix-hotspots__headline{margin-top:0;margin-bottom:12px}.strix-hotspots__content{position:relative;overflow:hidden}.strix-hotspots__content h2{margin-top:0}.strix-hotspots__content.is--center{align-self:center}.strix-hotspots__content.is--bottom{align-self:flex-end}.strix-hotspots__wrapper.is--right .strix-hotspots__content{grid-column:1;grid-row:2}@media(min-width:768px){.strix-hotspots__wrapper.is--right .strix-hotspots__content{grid-column:2;grid-row:1}}.strix-hotspots__image{position:relative}.strix-hotspots__image>picture img{width:100%;height:auto}.strix-hotspots__image.is--cover img{object-fit:cover}.strix-hotspots__image.is--contain img{object-fit:contain}.strix-hotspots__wrapper.is--right .strix-hotspots__image{grid-column:1;grid-row:1}.strix-hotspot{-webkit-appearance:button;background-color:transparent;background-image:none;padding:0;cursor:pointer;--strix-translate-x: 0;--strix-translate-y: 0;--strix-rotate: 0;--strix-skew-x: 0;--strix-skew-y: 0;--strix-scale-x: 1;--strix-scale-y: 1;transform:translate(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skew(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));--strix-translate-x: -50%;--strix-translate-y: -50%;position:absolute;font-weight:700;font-size:2.5rem;width:48px;height:48px;padding:.5rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:100%;border:none;transition:all ease .3s}.strix-hotspot:hover{cursor:pointer}.strix-hotspot:not(.is--active):not(.strix-hotspot:hover){opacity:.4}.strix-hotspot svg{display:flex;width:9px;margin-left:auto;margin-right:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/strix-hotspots.css.map */