.tabs{--_control-wrapper-height: 5.6rem;--_control-wrapper-padding: 0.8rem}.tabs__panel--hidden{display:none}.tabs__controls{transform:translateZ(0);backface-visibility:hidden;display:inline-block;height:var(--_control-wrapper-height);background-color:var(--color-gray-150);padding:var(--_control-wrapper-padding);border-radius:calc(var(--_control-wrapper-height)/2)}.tabs__controls.swiper{max-width:100%}.tabs__controls.swiper .swiper-slide{width:auto;height:auto}.tabs__controls--buttons-hidden .tabs__controls-button{display:none}.tabs__controls-inner::after{content:"";display:block;position:absolute;top:0;left:var(--decal-x, 0);bottom:var(--_control-wrapper-padding);z-index:-1;border-radius:calc(var(--_control-wrapper-height)/2 - var(--_control-wrapper-padding));height:calc(var(--_control-wrapper-height) - var(--_control-wrapper-padding)*2);width:var(--decal-width);background-color:var(--color-corporate-green);transition:width 200ms ease-out,left 200ms ease-out}.tabs__controls-button{position:absolute;isolation:isolate;z-index:5;top:var(--_control-wrapper-padding);bottom:var(--_control-wrapper-padding);width:calc(var(--_control-wrapper-height) - var(--_control-wrapper-padding)*2);height:calc(var(--_control-wrapper-height) - var(--_control-wrapper-padding)*2);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:opacity 200ms ease-out}.tabs__controls-button::before{content:"";position:absolute;inset:0;border-radius:100%;opacity:0;background-color:var(--color-gray-150);-webkit-box-shadow:inset 0 0 0 .2rem var(--color-corporate-green);box-shadow:inset 0 0 0 .2rem var(--color-corporate-green);transition:opacity 200ms ease-out}.tabs__controls-button::after{content:"";position:absolute;z-index:-1;top:calc(var(--_control-wrapper-padding)*-1);bottom:calc(var(--_control-wrapper-padding)*-1);width:var(--_control-wrapper-height);height:var(--_control-wrapper-height)}.tabs__controls-button .icon{--_icon-color: var(--color-corporate-blue);--_icon-color_visited: var(--color-corporate-blue);--_icon-color_hover: var(--color-corporate-blue);--_icon-color_focus: var(--color-corporate-blue);--_icon-color_active: var(--color-corporate-blue);--_icon-size: calc(var(--_control-wrapper-height) - var(--_control-wrapper-padding) * 3);pointer-events:none}.tabs__controls-button--next{right:var(--_control-wrapper-padding)}.tabs__controls-button--next::after{right:calc(var(--_control-wrapper-padding)*-1);background:linear-gradient(-90deg, rgb(242, 243, 244) 50%, rgba(242, 243, 244, 0) 100%)}.tabs__controls-button--prev{left:var(--_control-wrapper-padding)}.tabs__controls-button--prev::after{left:calc(var(--_control-wrapper-padding)*-1);background:linear-gradient(90deg, rgb(242, 243, 244) 50%, rgba(242, 243, 244, 0) 100%)}.tabs__controls-button--locked{display:none}.tabs__controls-button--disabled{opacity:0;pointer-events:none}.tabs__controls-button:hover::before{opacity:1}.tabs__controls-button:hover .icon{--_icon-color: var(--color-corporate-green)}.tabs__controls-button:focus-visible{outline-style:var(--outline-style);outline-width:var(--outline-width);outline-color:var(--outline-color);outline-offset:var(--outline-width)}.tabs__control{color:var(--color-corporate-blue);font-weight:var(--body-font-weight-medium);white-space:nowrap;width:100%;height:100%;padding-inline:calc(var(--_control-wrapper-height)/2 - var(--_control-wrapper-padding)*1.5);border-radius:calc(var(--_control-wrapper-height)/2 - var(--_control-wrapper-padding));transition:color 200ms ease-out,box-shadow 200ms ease-out}.tabs__control:hover{-webkit-box-shadow:inset 0 0 0 .2rem var(--color-corporate-green);box-shadow:inset 0 0 0 .2rem var(--color-corporate-green);color:var(--color-corporate-green)}.tabs__control[aria-selected=true]{color:var(--color-white);cursor:default}.tabs__control:focus-visible{outline-style:var(--outline-style);outline-width:var(--outline-width);outline-color:var(--outline-color);outline-offset:var(--outline-width)}@media screen and (min-width: 992px){.tabs{--_control-wrapper-height: 6.4rem;--_control-wrapper-padding: 0.8rem}}.bg-gray-150 .tabs__controls{background-color:var(--color-white)}.bg-gray-150 .tabs__controls-button::before{background-color:var(--color-white)}.bg-gray-150 .tabs__controls-button--next::after{background:linear-gradient(-90deg, rgb(255, 255, 255) 33%, rgba(255, 255, 255, 0) 100%)}.bg-gray-150 .tabs__controls-button--prev::after{background:linear-gradient(90deg, rgb(255, 255, 255) 33%, rgba(255, 255, 255, 0) 100%)}
