/* Template additions to the generated v4.css. Edit here, never in v4.css, which is regenerated from the mockup */
#cld-v4 .cld-up-error{margin-top:10px;font-size:13px;color:#FF8A80}
#cld-v4 .cld-busy{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(13,30,50,.72);color:var(--ink);font-size:14px;font-weight:500}
#cld-v4 .cld-busy[hidden]{display:none!important}
#cld-v4 .cld-spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--accent);animation:cld-v4-spin .8s linear infinite}
@keyframes cld-v4-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#cld-v4 .cld-spin{animation-duration:2.4s}}
#cld-v4 .cld-urlin[aria-invalid="true"]{border-color:#FF8A80}
#cld-v4 .cld-rail-add{flex:none;display:grid;place-items:center;width:66px;height:44px;margin:0;padding:0;border:1.5px dashed var(--line);border-radius:var(--r-sm);background:transparent;color:var(--dim);cursor:pointer;transition:border-color .15s ease,color .15s ease}
#cld-v4 .cld-rail-add:hover,#cld-v4 .cld-rail-add:focus-visible{border-color:var(--accent);color:var(--ink);outline:none}
#cld-v4 .cld-rail-add svg{width:18px;height:18px}
#cld-v4 .cld-rail-thumb{position:relative}
#cld-v4 .cld-rail-thumb.cld-is-loading img,#cld-v4 .cld-rail-thumb.cld-is-failed img{visibility:hidden}
#cld-v4 .cld-rail-thumb.cld-is-loading::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--accent);animation:cld-v4-spin .8s linear infinite}
#cld-v4 .cld-rail-thumb.cld-is-failed::after{content:"";position:absolute;inset:0;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393A4BA' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='M21 16l-5-5-8 9'/%3E%3C/svg%3E")}
#cld-v4 .cld-tile-wide{grid-column:span 2}
#cld-v4 .cld-tile-media .cld-tile-shot{aspect-ratio:16/9}
#cld-v4 .cld-stat{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-height:72px;margin-bottom:20px}
#cld-v4 .cld-stat-v{font-size:44px;font-weight:300;line-height:1;letter-spacing:-.02em;color:var(--ink)}
#cld-v4 .cld-stat-u{font-size:13px;color:var(--accent)}
@media (max-width:760px){#cld-v4 .cld-tile-wide{grid-column:auto}}