.cs{--mh:#0000;--mv:#000;--offset-x:var(--page-padding);--offset-xh:calc(var(--page-padding) - var(--grid-gap));--padding-top:15px;--padding-bottom:15px;display:flex;flex-direction:column;position:relative;z-index:50}.cs .mask{width:100%;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);overflow:hidden;mask-image:linear-gradient(to right,var(--mh) 0,var(--mh) var(--offset-xh),var(--mv) var(--offset-x),var(--mv) calc(100% - var(--offset-x)),var(--mh) calc(100% - var(--offset-xh)),var(--mh) 100%)}.cs-inner{width:100%;padding-left:var(--page-padding);padding-right:var(--page-padding);max-width:100vw}.cs.activated .cs-ssr{opacity:0}.cs-ssr{width:100%;display:block;max-width:100vw;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);.ci .foot{opacity:0}}.cs-client{position:absolute;width:100%;height:100%;top:0;left:0;contain:layout style;button.nav{--btn-height:64px;--btn-width:28px;opacity:0;transition:opacity .3s ease-in-out;width:var(--page-padding);height:var(--ci-height);cursor:pointer;z-index:10;position:absolute;top:0;border:none;outline:none;display:flex;align-items:center;justify-content:center}button.nav{svg{--size:26px;display:flex;width:var(--size);height:var(--size)}span{width:var(--btn-width);height:var(--btn-height);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 4px);background-color:#73737380;--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important;--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.25s;transition-duration:.3s;animation-duration:.3s}span:hover{background-color:#a3a3a380}&:hover{span{background-color:#a3a3a380}}&[disabled]{cursor:default}&.prev{left:0}&.next{right:0}}&:hover{button.nav{opacity:1;&[disabled]{opacity:.2!important}}.cs-dots{opacity:1}}}.cs-dots{position:absolute;display:none;top:0;left:0;right:0;gap:0;justify-content:center;padding:0;opacity:0;transition:opacity .3s ease-in-out}.cs-dots button{border-radius:1px;position:relative;padding:4px 2px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;opacity:.3;transition:opacity .15s ease-in-out;&:hover{opacity:.7}&:before{content:"";display:block;width:100%;height:100%;border-radius:2px;background-color:#fff;width:15px;height:5px}&.active{opacity:1}}.cs-slide{display:flex;flex-direction:row;gap:var(--grid-gap);width:-moz-fit-content;width:fit-content;transition:transform .3s ease-in-out;will-change:transform}