.idxl{--idxl-columns:5;--idxl-grid-gap:24px;--idxl-slides:5;--idxl-step:1;--idxl-carousel-gap:24px;--idxl-arrow-size:20px;--idxl-arrow-box:40px;--idxl-arrow-offset:0px;--idxl-transition:250ms;--idxl-zoom:8;--idxl-float:3px;--idxl-normal-gray:100%;--idxl-hover-gray:100%;position:relative;min-width:0;box-sizing:border-box;width:100%}.idxl *{box-sizing:border-box}.idxl__grid{display:grid;grid-template-columns:repeat(var(--idxl-columns),minmax(0,1fr));gap:var(--idxl-grid-gap);align-items:start}.idxl__item,.idxl__card{min-width:0}.idxl__visual{display:block;text-align:center;align-content:center;min-height:140px;padding:16px;text-decoration:none;color:inherit;transition:background-color var(--idxl-transition),border-color var(--idxl-transition),box-shadow var(--idxl-transition)}.idxl .idxl__image{display:inline-block;width:auto;height:auto;max-width:min(100%,var(--idxl-image-width,180px));max-height:var(--idxl-image-height,90px);object-fit:contain;vertical-align:middle;opacity:1;filter:grayscale(0);transform:none;transition:transform var(--idxl-transition),filter var(--idxl-transition),opacity var(--idxl-transition),box-shadow var(--idxl-transition)}.idxl--normal-gray .idxl__image{filter:grayscale(var(--idxl-normal-gray))}.idxl .idxl__card:is(:hover,:focus-within) .idxl__image{filter:grayscale(0);transform:none;opacity:1}.idxl--hover-gray .idxl__card:is(:hover,:focus-within) .idxl__image{filter:grayscale(var(--idxl-hover-gray))}.idxl--hover-zoom_in .idxl__card:is(:hover,:focus-within) .idxl__image{transform:scale(calc(1 + var(--idxl-zoom)/100))}.idxl--hover-zoom_out .idxl__card:is(:hover,:focus-within) .idxl__image{transform:scale(calc(1 - var(--idxl-zoom)/100))}.idxl--hover-float .idxl__card:is(:hover,:focus-within) .idxl__image{transform:translateY(calc(-1 * var(--idxl-float)))}.idxl .idxl__title{font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;color:inherit;text-align:center;margin:12px 0 0;padding:0}.idxl .idxl__description{font-family:inherit;font-size:14px;line-height:1.6;color:inherit;text-align:center;margin:12px 0 0;padding:0}.idxl__viewport{overflow:hidden;min-width:0;width:100%}.idxl__viewport:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:var(--idxl-carousel-gap)}.idxl__viewport .swiper-wrapper{display:flex;align-items:stretch;box-sizing:content-box}.idxl__viewport .swiper-slide{flex-shrink:0;height:auto}.idxl__viewport:not(.swiper-initialized) .swiper-slide{width:calc((100% - (var(--idxl-slides) - 1)*var(--idxl-carousel-gap))/var(--idxl-slides))}.idxl .idxl__arrow{appearance:none;display:flex;align-items:center;justify-content:center;position:absolute;top:calc(var(--idxl-viewport-top,0px) + var(--idxl-viewport-height,140px)/2);transform:translateY(-50%);z-index:3;width:var(--idxl-arrow-box);height:var(--idxl-arrow-box);font-size:var(--idxl-arrow-size);line-height:1;min-width:0;padding:0;margin:0;background:transparent;color:#192d34;border:0;border-radius:50%;box-shadow:none;cursor:pointer;transition:background-color .2s,color .2s}.idxl .idxl__arrow--prev{left:var(--idxl-arrow-offset)}.idxl .idxl__arrow--next{right:var(--idxl-arrow-offset)}.idxl .idxl__arrow:is(:hover,:focus-visible){background:transparent;color:#08acd8}.idxl__arrow svg{width:1em;height:1em;fill:currentColor}.idxl__visual:focus-visible,.idxl__arrow:focus-visible,.idxl__dots .swiper-pagination-bullet:focus-visible{outline:2px solid currentColor;outline-offset:3px}.idxl .idxl__arrow.swiper-button-disabled{opacity:.35;cursor:default;pointer-events:none}.idxl .idxl__arrow.swiper-button-lock,.idxl .idxl__dots.swiper-pagination-lock{display:none}.idxl__dots{--idxl-dot-size:8px;--idxl-dot-gap:8px;position:static;text-align:center;line-height:1;margin:20px 0 0;padding:0}.idxl__dots .swiper-pagination-bullet{display:inline-block;width:var(--idxl-dot-size);height:var(--idxl-dot-size);min-width:0;min-height:0;padding:0;margin:0 calc(var(--idxl-dot-gap)/2);border:0;border-radius:50%;background:#cbd5dc;opacity:1;cursor:pointer}.idxl__dots .swiper-pagination-bullet-active{background:#08acd8}.idxl__empty{padding:16px;border:1px dashed #cbd5dc;text-align:center}
@media(prefers-reduced-motion:reduce){.idxl .idxl__image,.idxl .idxl__visual{transition:none!important}.idxl .idxl__card:is(:hover,:focus-within) .idxl__image{transform:none!important}}
