.clint-panels{position:relative;overflow:hidden}.clint-panels.cp-initialized .cp-panel{display:none!important}.clint-panels.cp-initialized .cp-panel.cp-active{display:flex!important;animation:cp-in 0.5s cubic-bezier(.4,0,.2,1) both}@keyframes cp-in{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.cp-nav{position:absolute;left:28px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:14px}.cp-dot{width:46px;height:46px;border-radius:50%;border:2px solid rgb(0 0 0 / .2);background:#fff0;color:rgb(0 0 0 / .45);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;font-family:inherit;transition:background 0.3s,border-color 0.3s,color 0.3s,transform 0.3s;padding:0;outline:none}.cp-dot:hover{border-color:rgb(0 0 0 / .5);color:rgb(0 0 0 / .8);transform:scale(1.1)}.cp-dot.cp-active{background:rgb(0 0 0 / .85);border-color:#fff0;color:#fff;transform:scale(1.14);box-shadow:0 4px 14px rgb(0 0 0 / .2)}.clint-panels.cp-dots-light .cp-dot{border-color:rgb(255 255 255 / .4);color:rgb(255 255 255 / .6)}.clint-panels.cp-dots-light .cp-dot:hover{border-color:rgb(255 255 255 / .9);color:#fff}.clint-panels.cp-dots-light .cp-dot.cp-active{background:rgb(255 255 255 / .9);color:#111}.clint-panels.cp-dots-right .cp-nav{left:auto;right:28px}@media (max-width:767px){.cp-nav{flex-direction:row;left:50%;top:auto;bottom:16px;transform:translateX(-50%);gap:10px}.cp-dot{width:36px;height:36px;font-size:13px}}