.ui-video-tabs{--ui-video-tabs-bg:var(--background-alternative);--ui-video-tabs-divider-color:var(--bankpro-accent-color);padding-block:var(--spacing-5xl) var(--spacing-6xl);width:calc(100% - var(--spacing-l));background-color:var(--ui-video-tabs-bg);color:var(--color-alternative);margin-inline:auto;position:relative;overflow:hidden}.ui-video-tabs__content{z-index:var(--content-z-index-relative);padding-inline:var(--spacing-l);flex-direction:column;gap:185px;display:flex;position:relative}.ui-video-tabs__title{padding-inline:var(--spacing-s);font-family:var(--font-family-libre);font-size:var(--font-size-5xl);font-weight:var(--font-weight-default);line-height:var(--line-height-110)}.ui-video-tabs__panels{padding-inline:var(--spacing-s);flex-direction:column;gap:0;display:flex}.ui-video-tabs__divider{margin-block:var(--spacing-2xl);border:none;border-block-start:1px solid var(--ui-video-tabs-divider-color)}@media (width>=768px){.ui-video-tabs{padding-inline:var(--spacing-2xl);width:calc(100% - var(--spacing-4xl));block-size:720px}.ui-video-tabs__content{justify-content:space-between;gap:0;height:100%}.ui-video-tabs__title,.ui-video-tabs__panels{padding-inline:0}}@media (width>=1024px){.ui-video-tabs{max-width:var(--container-max-inline-size);padding-inline:0;overflow:hidden}.ui-video-tabs__content{padding-inline:var(--spacing-5xl);max-width:none}}.ui-video-tabs-media{inset-inline:var(--ui-video-tabs-media-inset-inline-start,0) var(--ui-video-tabs-media-inset-inline-end,auto);inset-block:var(--ui-video-tabs-media-inset-block-start,0) var(--ui-video-tabs-media-inset-block-end,auto);width:var(--ui-video-tabs-media-width,100%);pointer-events:none;transform:translateX(var(--ui-video-tabs-media-translate-x,0));aspect-ratio:var(--ui-video-tabs-media-aspect-ratio,auto);position:absolute}.ui-video-tabs-media:after{content:"";background:linear-gradient(to bottom, transparent, var(--ui-video-tabs-bg));pointer-events:none;height:100px;position:absolute;inset-block-end:0;inset-inline:0}.ui-video-tabs-media__layer{opacity:0;position:absolute;inset:0}.ui-video-tabs-media__layer_visible{opacity:1}.ui-video-tabs-media__video{width:100%;height:100%;position:relative;overflow:hidden}.ui-video-tabs-media__video canvas{width:100%;height:100%}@media (width>=1024px){.ui-video-tabs-media:after{display:none}}.ui-video-played-on-visible__canvas{backface-visibility:hidden;will-change:transform;contain:paint;transform:translateZ(0)}.ui-video-played-on-visible__video{display:none}.ui-video-tabs-panel{--ui-video-tabs-panel-trigger-hover-color:#cfa349;--ui-video-tabs-panel-feature-icon-image:url(https://cdn.bankpro.com/repo/bankpro/pages/personal/mark-icon.svg);padding-inline:var(--spacing-s)}.ui-video-tabs-panel__trigger{color:var(--color-alternative);font-family:var(--font-family-libre);font-size:var(--font-size-3xl);font-weight:var(--font-weight-default);line-height:var(--line-height-110);text-align:start;cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s;display:inline-block}.ui-video-tabs-panel__trigger:hover,.ui-video-tabs-panel__trigger:focus-visible{color:var(--ui-video-tabs-panel-trigger-hover-color)}.ui-video-tabs-panel__trigger_open{cursor:default}.ui-video-tabs-panel__trigger_open:hover,.ui-video-tabs-panel__trigger_open:focus-visible{color:var(--color-alternative)}.ui-video-tabs-panel__content{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.ui-video-tabs-panel__content_open{grid-template-rows:1fr}.ui-video-tabs-panel__content-inner{min-block-size:0;overflow:hidden}.ui-video-tabs-panel__content-inner>.ui-video-tabs-panel__features{margin-block-start:var(--spacing-m)}.ui-video-tabs-panel__features{gap:var(--spacing-m);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ui-video-tabs-panel__feature{align-items:flex-start;gap:var(--spacing-s);display:flex}.ui-video-tabs-panel__feature-icon{background-image:var(--ui-video-tabs-panel-feature-icon-image);background-repeat:no-repeat;background-size:contain;flex-shrink:0;block-size:18px;inline-size:18px;margin-block-start:2px;display:inline-block}.ui-video-tabs-panel__feature-text{font-size:var(--font-size-m);line-height:var(--line-height-150)}
