#hbs-container .interactive_grid .swiper-wrapper{height:auto}.interactive_grid{font-family:"Codec pro",sans-serif;text-wrap:pretty;width:100%;max-width:71.25rem;margin-inline:auto;padding-inline:1rem}@media(min-width: 1024px){.interactive_grid{border:.25rem solid #fff;background-color:#f6f8fe;border-radius:1rem;padding:1.25rem;box-shadow:0 .5rem 2.875rem .25rem rgba(16,24,40,.1)}}.interactive_grid .swiper{overflow:initial}@media(min-width: 1024px){.interactive_grid .swiper-wrapper{display:contents}}@media(min-width: 1024px){.interactive_grid__items{display:grid;gap:1.25rem;grid-template-columns:19.4rem 11.425rem 14.75rem 19rem;overflow:initial;grid-auto-flow:row;align-items:start;justify-items:start}}.interactive_grid__items-navigation{display:flex;justify-content:space-between;align-items:center;margin-inline:-1rem}@media(min-width: 1024px){.interactive_grid__items-navigation{display:none}}.interactive_grid__items-navigation-prev,.interactive_grid__items-navigation-next{width:1.5rem;height:1.5rem;background-image:url("../images/arrow.svg");background-size:contain;background-repeat:no-repeat;left:0;top:20.375rem}.interactive_grid__items-navigation-prev::before,.interactive_grid__items-navigation-prev::after,.interactive_grid__items-navigation-next::before,.interactive_grid__items-navigation-next::after{content:none}.interactive_grid__items-navigation-next{left:auto;right:0;transform:rotate(180deg)}@media(min-width: 1024px){.interactive_grid:has(.interactive_grid__item:hover) .interactive_grid__item{opacity:.25}}.interactive_grid__item{position:relative}.interactive_grid__item.swiper-slide{overflow:initial}@media(min-width: 600px){.interactive_grid__item{display:flex;flex-direction:row;align-items:center;gap:1rem}}@media(min-width: 1024px){.interactive_grid__item{text-align:initial;padding:0;display:initial;transition:opacity .3s ease-in-out;opacity:1}.interactive_grid__item.swiper-slide{backface-visibility:initial;z-index:initial;transform:initial;overflow:initial;will-change:initial}}@media(min-width: 1024px){.interactive_grid__item:nth-child(1){width:19.4rem;grid-column:1;grid-row:1;justify-self:start}.interactive_grid__item:nth-child(2){width:11.425rem;grid-column:2;grid-row:1;justify-self:start}.interactive_grid__item:nth-child(3){width:14.75rem;grid-column:3;grid-row:1;justify-self:start}.interactive_grid__item:nth-child(4){width:auto;grid-column:4;grid-row:1;justify-self:start}.interactive_grid__item:nth-child(5){width:calc(100% - 2.5rem);grid-column:1/span 3;grid-row:2/span 2;justify-self:start}.interactive_grid__item:nth-child(6){width:21.55rem;transform:translateX(-2.5rem);grid-column:4;grid-row:2;justify-self:start}.interactive_grid__item:nth-child(7){width:21.55rem;transform:translateX(-2.5rem);grid-column:4;grid-row:3;justify-self:start}}.interactive_grid__item-visual{margin:0 auto 1.5rem !important;display:block;min-width:35%;text-align:center}@media(min-width: 600px){.interactive_grid__item-visual{margin-bottom:0 !important}}@media(min-width: 1024px){.interactive_grid__item-visual{min-width:initial}}.interactive_grid__item-visual-image:is(img){object-fit:contain;height:17.5rem;box-shadow:0 .25rem .75rem 0 rgba(16,24,40,.08);border-radius:.75rem;outline:1px solid #dfe3eb;outline-offset:-1px;overflow:hidden}@media(min-width: 1024px){.interactive_grid__item-visual-image:is(img){width:100%;height:auto;max-height:initial;min-height:initial;object-fit:cover}}@media(min-width: 1024px){.interactive_grid__item:hover{opacity:1 !important}.interactive_grid__item:hover .interactive_grid__item-tooltip{visibility:visible;opacity:1;transition:opacity .5s ease-in-out .2s}}.interactive_grid__item-tooltip{padding-inline:1.25rem}@media(min-width: 1024px){.interactive_grid__item-tooltip{position:absolute;z-index:1;top:50%;transform:translateY(-50%);left:calc(100% + .5rem);visibility:hidden;background:#0f0635;color:#fff;padding:1rem;border-radius:.75rem;width:16rem;opacity:0;transition:opacity .3s ease-in-out}}@media(min-width: 1024px){.interactive_grid__item:nth-child(4) .interactive_grid__item-tooltip,.interactive_grid__item:nth-child(6) .interactive_grid__item-tooltip,.interactive_grid__item:nth-child(7) .interactive_grid__item-tooltip{left:auto;right:calc(100% + .5rem)}}.interactive_grid__item-title{font-size:1rem;display:block;margin-bottom:.5rem}.interactive_grid__item-content{font-size:.875rem}
/*# sourceMappingURL=interactive-grid.min.css.map */
