.ui-animation .fa-icon{display:inline-block;width:12px;height:12px;flex-shrink:0;color:inherit;fill:currentColor}.ui-animation__sidebar .fa-icon{transition:transform .5s cubic-bezier(.32,0,.67,0),opacity .5s cubic-bezier(.32,0,.67,0)}.ui-animation__body{position:relative;display:flex;align-items:flex-start;flex:1 0 0;align-self:stretch;border-radius:18px;background:rgba(255,255,255,.2);padding:6px}.ui-animation__body:before{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(180deg,#ffffff80,#ffffff00) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:exclude;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude}.ui-animation__sidebar{background:var(--PRIMARY-50,#0074e4);color:rgba(255,255,255,.9);display:flex;min-width:48px;flex-basis:48px;padding:12px 0 8px;flex-direction:column;justify-content:space-between;align-self:stretch;border-radius:12px 0 0 12px}.ui-animation__sidebar__group ul{border-bottom:1px solid rgba(255,255,255,.3);list-style-type:none;padding:5px 0;margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}.ui-animation__sidebar__group ul li{padding:0 11px;min-height:25px;border-radius:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:background-color .5s cubic-bezier(.32,0,.67,0),transform .5s cubic-bezier(.32,0,.67,0)}.ui-animation__sidebar__group ul li.active-sidebar-item{background:rgba(255,255,255,.2)}.ui-animation__sidebar__group ul li.active-sidebar-item .fa-icon{opacity:1}.ui-animation__sidebar__group ul li:not(.active-sidebar-item) .fa-icon{opacity:.82}.ui-animation__sidebar__group ul:last-child{border-bottom:none}.ui-animation__sidebar__group:last-child ul{border-top:1px solid rgba(255,255,255,.3)}.ui-animation__animation{flex-grow:1;background:#f1f5f8;aspect-ratio:1450/900;border-radius:0 12px 12px 0;overflow:hidden;display:grid}.ui-animation__animation .ui-animation__slide{width:100%;height:100%;background:#f0f5f8;grid-area:1/1;opacity:0;transform:scale(1);transition:opacity .5s cubic-bezier(.32,0,.67,0),transform .5s cubic-bezier(.32,0,.67,0);pointer-events:none}.ui-animation__animation .ui-animation__slide.active-image{opacity:1;transform:scale(1)}.ui-animation__animation .ui-animation__slide.is-exiting-left{opacity:0;transform:scale(1)}.ui-animation__animation .ui-animation__slide.is-exiting-right{opacity:0;transform:scale(1)}.ui-animation__animation .ui-animation__slide.is-entering-left{opacity:0;transform:scale(1)}.ui-animation__animation .ui-animation__slide.is-entering-right{opacity:0;transform:scale(1)}.ui-animation__animation .ui-animation__slide img,.ui-animation__animation .ui-animation__slide svg,.ui-animation__animation .ui-animation__slide canvas{width:100%;height:100%;display:block}li.ui-animation__sidebar__avatar{position:relative}li.ui-animation__sidebar__avatar img{width:28px;height:28px}.ui-animation__sidebar__avatar__count{position:absolute;top:-3px;right:6px;border-radius:71.23px;background:var(--ACCENT-Notification-Yellow,#ffe74c);color:var(--TEXT-Black-90,#07182a);text-align:center;font-family:Lato;font-size:7.13px;font-style:normal;font-weight:600;line-height:8.556px;letter-spacing:.143px;padding:.5px 4px}.ui-animation__tabs{text-align:center}.ui-animation__tabs ul{display:inline-flex;align-items:center;gap:4px;align-self:stretch;border-radius:11px;padding:6px;background:rgba(14,20,51,.35)}.ui-animation__tabs ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:6px;padding-top:3px;overflow:hidden}.ui-animation__tabs ul li.active-tab{background:#fff}.ui-animation__tabs ul li:not(.active-tab):hover,.ui-animation__tabs ul li:not(.active-tab):focus{background:rgba(255,255,255,.05)}.ui-animation__tabs ul li a{text-decoration:none;display:flex;align-items:center;gap:7px;padding:7px 16px;color:#fff;text-align:center;font-family:Onest;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.ui-animation__tabs ul li a .fa-icon{font-size:18px;width:18px;height:18px;fill:currentColor}.ui-animation__tabs ul li.active-tab a{color:#0e1433}.ui-animation__tabs ul li.active-tab a .fa-icon{color:currentColor}.ui-animation__tabs ul li.active-tab .progress-bar{background:#fff;width:100%;height:3px}.ui-animation__tabs ul li .progress-bar__progress{width:100%;height:3px;background:#1c90ff;transform:scaleX(0);transform-origin:left center}.ui-animation__tabs ul li.progress-animating .progress-bar__progress{animation:tab-progress var(--autoplay-duration,5s) linear forwards}@keyframes tab-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.ui-animation{gap:26px;display:flex;flex-direction:column}@media (max-width:1024px){.ui-animation__sidebar{display:none}.ui-animation__tabs ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px;width:600px;max-width:100%;margin:0 auto}.ui-animation__tabs ul li{width:100%}.ui-animation__tabs ul li a{justify-content:center;width:100%}.ui-animation__animation{border-radius:12px}}@media (max-width:600px){.ui-animation__tabs ul li{padding-top:3px}.ui-animation__tabs ul li a{font-size:12px;gap:4px;padding:4px 8px}.ui-animation__tabs ul li a .fa-icon{width:14px;height:14px}.ui-animation__tabs ul li.active-tab .progress-bar,.ui-animation__tabs ul li .progress-bar__progress{height:3px}}body.page-id-5196 .ui-animation__tabs ul li.active-tab .progress-bar{background:#9cdafb}body.page-id-5196 .ui-animation__tabs ul li .progress-bar__progress{background:#0e1433}.dark-mode .ui-animation__sidebar,.dark-mode .ui-animation__animation,.dark-mode .ui-animation__animation .ui-animation__slide{background:#202222}body.page-id-5196 .ui-animation__sidebar__group ul{padding:8px 0;margin:0 8px}body.page-id-5196 .ui-animation__sidebar__group ul li.sourcewhale-logo{padding:0}body.page-id-5196 .ui-animation{mask-image:linear-gradient(to top,transparent 18%,#000 38%)}