/* Rotating Slider thumbnails with a linked desktop banner and timed progress. */
.yb-float{position:static;flex:0 0 84px;width:84px;height:var(--yb-toolbar-height,94px);color:#fff;font-family:inherit}
.yb-float:not([data-ready]){visibility:hidden}
.yb-float button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.yb-float button:focus-visible{outline:3px solid #ffe49b;outline-offset:4px}
.yb-float [hidden]{display:none!important}
.yb-float__compact{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;filter:drop-shadow(0 5px 12px #00152f66);transition:transform .18s ease}
.yb-float__compact:hover{transform:translateY(-3px)}
.yb-float__portrait{display:block;position:absolute;top:0;left:3px;width:78px;height:78px;overflow:hidden;border:2px solid #cdefff;border-radius:50%;background-color:#19334a;box-shadow:0 0 0 1px #409bc080,inset 0 0 14px #d3f8ff40}
.yb-float__portrait-image{transform-origin:center;animation:yb-float-spin 12s linear infinite;position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0;transition:opacity .55s ease;pointer-events:none}
.yb-float__portrait-image.is-current{opacity:1}
.yb-float__badge{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:4px;min-height:27px;padding:3px 5px;border:1px solid #9ed8ef75;border-radius:5px;background:linear-gradient(120deg,#173c5df2,#102c49d9);font-size:10px;font-weight:800;letter-spacing:.03em;text-shadow:0 2px 4px #00142a}
.yb-float__arrow{font-size:18px;line-height:1;color:#bceaff}
.yb-float__panel{position:absolute;right:0;top:calc(100% + 14px);width:min(320px,calc(100vw - 32px));padding-bottom:12px;overflow:visible;border:1px solid #d3e8ff80;border-radius:10px;background:#132237;box-shadow:0 8px 20px #00152f66,inset 0 1px 0 #ffffff50;animation:yb-float-open .18s ease-out both}
.yb-float__eyebrow{position:absolute;top:-13px;left:14px;font-size:19px;font-style:italic;font-weight:900;line-height:1.2;letter-spacing:1px;color:#fff0f6;text-shadow:0 2px 0 #d75b88,0 -1px 2px #d75b88,2px 0 2px #d75b88}
.yb-float__close{position:absolute;right:7px;top:-24px;z-index:1;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff80;border-radius:50%;background:#263951;font-size:25px!important;line-height:1}
.yb-float__close:hover{background:#102c49e6}
.yb-float__slide{display:block;overflow:hidden;border-radius:9px 9px 0 0}
.yb-float__slide:focus-visible{outline:3px solid #ffe49b;outline-offset:3px}
.yb-float__image{display:block;width:100%;height:auto;aspect-ratio:1600 / 540;object-fit:contain}
.yb-float__content{display:flex;flex-direction:column;gap:3px;padding:10px 14px;color:#f5fbff;text-shadow:0 2px 4px #001423}
.yb-float__content strong{font-size:21px;font-weight:800;line-height:1.3}
.yb-float__content>span{font-size:13px;color:#e7f6ff;line-height:1.4}
.yb-float__accent{position:absolute;bottom:5px;left:7px;right:7px;height:3px;overflow:hidden;border-radius:3px;background:#eef5ff33}
.yb-float__progress{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#99edff,#f7c9e5)}
@keyframes yb-float-open{from{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:none}}
@keyframes yb-float-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:700px){.yb-float{flex-basis:78px;width:78px}.yb-float__portrait{width:72px;height:72px}.yb-float__badge{min-height:24px;padding:2px 4px;gap:3px;font-size:11px}.yb-float__arrow{font-size:15px}}
@media(prefers-reduced-motion:reduce){.yb-float__compact,.yb-float__portrait-image{transition:none}.yb-float__panel,.yb-float__portrait-image{animation:none}}