.cloudframe[data-cloudframe]{width:100%;max-width:var(--cf-width,1024px);margin-inline:auto;position:relative;outline-offset:5px;--cf-panel-width:100%;--cf-gap:16px}
.cloudframe[data-layout=full]{width:var(--cf-page-width,100%);max-width:none;margin-left:var(--cf-full-offset,0px)!important;margin-right:0!important}
.wp-admin .cloudframe[data-layout=full],.editor-styles-wrapper .cloudframe[data-layout=full]{width:100%;max-width:var(--cf-width,1024px);margin-inline:auto!important}
.cloudframe,.cloudframe *{box-sizing:border-box}
.cloudframe__viewport{position:relative;width:100%;overflow:hidden;height:var(--cf-frame-height,auto);aspect-ratio:var(--cf-ratio,16/9);touch-action:pan-y}
.cloudframe__window{position:relative;height:100%;overflow:hidden;mask-image:var(--cf-edge-mask,none);-webkit-mask-image:var(--cf-edge-mask,none)}
.cloudframe__track{display:flex;align-items:center;gap:var(--cf-gap);height:100%;width:100%;transition:transform var(--cf-duration,450ms) cubic-bezier(.22,.68,0,1)}
.cloudframe__slide,.cloudframe__peek{flex:0 0 var(--cf-panel-width);width:var(--cf-panel-width);min-width:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--cf-radius,12px)}
.cloudframe__slide img,.cloudframe__peek img{display:block;width:100%;height:100%;max-width:none;object-fit:var(--cf-fit,contain)}
.cloudframe[data-transition=fade] .cloudframe__track{position:relative;width:var(--cf-panel-width);margin-inline:auto;display:block;transform:none!important}
.cloudframe[data-transition=fade] .cloudframe__slide{position:absolute;inset:0;width:100%;opacity:0;transition:opacity var(--cf-duration,450ms) ease;pointer-events:none}
.cloudframe[data-transition=fade] .cloudframe__slide.is-active{opacity:1;pointer-events:auto}
.cloudframe__peek{position:absolute;top:0;pointer-events:none}
.cloudframe__peek--prev{left:calc(50% - var(--cf-panel-width)*1.5 - var(--cf-gap))}
.cloudframe__peek--next{left:calc(50% + var(--cf-panel-width)*.5 + var(--cf-gap))}
.cloudframe[data-transition=none] .cloudframe__track{transition:none}
.cloudframe:not([data-ready]) .cloudframe__slide:not(.is-active){display:none}
.cloudframe button{font:inherit;cursor:pointer;line-height:1.2}
.cloudframe__prev,.cloudframe__next{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;border:0;background:rgb(17 31 40 / var(--cf-arrow-alpha,.4));color:rgb(255 255 255 / .92);border-radius:2px;height:44px;width:44px;padding:10px;box-shadow:none;z-index:2;transition:background-color 150ms ease}
.cloudframe__prev{left:clamp(10px,2vw,28px)}
.cloudframe__next{right:clamp(10px,2vw,28px)}
.cloudframe__prev svg,.cloudframe__next svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:square;stroke-linejoin:miter}
.cloudframe__prev:hover,.cloudframe__next:hover,.cloudframe__prev:focus-visible,.cloudframe__next:focus-visible{background:rgb(17 31 40 / .72)}
.cloudframe button:focus-visible{outline:3px solid #087da3;outline-offset:3px}
.cloudframe__controls{display:flex;justify-content:center;align-items:center;gap:12px;min-height:36px;margin-top:8px}
.cloudframe__pause{border:1px solid #8897a3;background:#fff;color:#172b39;border-radius:6px;padding:7px 14px;font-size:14px!important}
.cloudframe__dots{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.cloudframe__dots button{height:28px;width:28px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle,#aab6bd 4px,transparent 5px)}
.cloudframe__dots button[aria-pressed=true]{background:radial-gradient(circle,#172b39 5px,transparent 6px)}
.cloudframe__thumbnails{display:flex;gap:8px;overflow-x:auto;padding:8px 3px 12px;scrollbar-width:thin;max-width:var(--cf-width,1024px);margin-inline:auto}
.cloudframe__thumbnails button{flex:0 0 100px;border:3px solid transparent;background:#edf3f6;padding:2px;border-radius:7px}
.cloudframe__thumbnails button[aria-pressed=true]{border-color:#087da3}
.cloudframe__thumbnails img{display:block;width:100%;height:66px;object-fit:contain}
.cloudframe__status{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.cloudframe__prev{left:8px}.cloudframe__next{right:8px}.cloudframe__thumbnails button{flex-basis:80px}.cloudframe__thumbnails img{height:54px}}
@media(prefers-reduced-motion:reduce){.cloudframe__track,.cloudframe__slide,.cloudframe__prev,.cloudframe__next{transition:none!important}}

.cloudframe[data-peeks=false] .cloudframe__window{width:var(--cf-panel-width);margin-inline:auto}
.cloudframe[data-peeks=false] .cloudframe__prev{left:calc((100% - var(--cf-panel-width))/2 + 12px)}
.cloudframe[data-peeks=false] .cloudframe__next{right:calc((100% - var(--cf-panel-width))/2 + 12px)}