.switcher-block{position:relative;display:flex;flex-direction:column;flex-shrink:0;border-radius:12px;background-color:#ccc2b3}.switcher-block .switcher-images{position:relative;width:100%;overflow:hidden}.switcher-block .switcher-images .switcher-media{width:100%;height:auto;display:block;transition:opacity .3s ease;position:absolute}.switcher-block .switcher-images .switcher-media.active{opacity:1;position:relative}.switcher-wrapper{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.22rem;margin-top:1.22rem}.control-block{display:flex;justify-content:center}.control-block .control-pannel{display:flex;background-color:#2f2c2812;gap:.3rem;padding:10px;margin-top:-.36rem;border-radius:26px}.control-block .control-pannel .switcher-btn-wrapper{border:2px solid rgba(255,255,255,0);border-radius:17px}.control-block .control-pannel .switcher-btn-wrapper.active{color:#000000bf;border:2px solid rgba(0,0,0,.12)}.control-block .control-pannel .switcher-btn-wrapper .switcher-btn{position:relative;padding:.64rem 1.2rem;border:2px solid rgba(255,255,255,0);background:#d8d3ca;color:#0009;border-radius:15px;font-size:14px;cursor:pointer;overflow:hidden;box-shadow:0 2px 4px #5c574f36}.control-block .control-pannel .switcher-btn-wrapper .switcher-btn.active{color:#000000bf;background:#ffffff0f;border:2px solid rgba(255,255,255,.4)}.control-block .control-pannel .switcher-btn-wrapper .switcher-btn.active:hover{cursor:default;border:2px solid rgba(255,255,255,.4)}.control-block .control-pannel .switcher-btn-wrapper .switcher-btn:hover{border:2px solid rgba(255,255,255,.25)}.control-block .control-pannel .switcher-btn-wrapper .switcher-btn .progress-bar{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background:#ffffff80;pointer-events:none;z-index:-1}body.theme-dark .control-block .control-pannel{background-color:#ffffff0f}body.theme-dark .control-block .control-pannel .switcher-btn-wrapper.active{color:#ffffffbf;border:2px solid rgba(255,255,255,.05)}body.theme-dark .control-block .control-pannel .switcher-btn-wrapper .switcher-btn{background:transparent;color:#fff9;box-shadow:0 2px 5px #0f0e0eb3}body.theme-dark .control-block .control-pannel .switcher-btn-wrapper .switcher-btn:hover:not(.active){border:2px solid rgba(255,255,255,.25)}body.theme-dark .control-block .control-pannel .switcher-btn-wrapper .switcher-btn.active{color:#ffffffbf;background:#ffffff0f;border:2px solid rgba(255,255,255,.2)}body.theme-dark .control-block .control-pannel .switcher-btn-wrapper .switcher-btn.active:hover{cursor:default;border:2px solid rgba(255,255,255,.2)}body.theme-dark .control-block .control-pannel .switcher-btn-wrapper .switcher-btn.active .progress-bar{background:#fff3}