#videos.yb-video-gallery{position:relative;isolation:isolate;overflow:hidden;color:#263247;background:radial-gradient(ellipse at 4% 15%,#eadbff 0,transparent 42%),radial-gradient(ellipse at 96% 90%,#f0e5ff 0,transparent 42%),#fffaf5;padding:72px 0}
.yb-video-gallery:before,.yb-video-gallery:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:440px;height:440px;border:1px solid #c5acd955;border-radius:50%;inset:-250px auto auto -170px}
.yb-video-gallery:after{inset:auto -260px -250px auto;border-color:#c5a77366;width:580px;height:580px}
#videos.yb-video-gallery .section-head{margin-bottom:32px;max-width:840px}
#videos.yb-video-gallery .section-head h2{color:#263247;margin:10px 0 12px}
#videos.yb-video-gallery .section-head p{color:#796397;opacity:1;font-size:18px}
.yb-video-ornament{display:flex;align-items:center;justify-content:center;gap:18px;color:#8562b9;font-family:Georgia,serif;font-size:29px;line-height:1}
.yb-video-ornament:before,.yb-video-ornament:after{content:"";width:70px;height:1px;background:linear-gradient(90deg,transparent,#b899d7,transparent)}
#videos.yb-video-gallery .videos{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c4addf transparent;padding:10px 3px 24px;align-items:stretch;-webkit-overflow-scrolling:touch}
#videos.yb-video-gallery.yb-video-ready .videos{scrollbar-width:none}
#videos.yb-video-gallery.yb-video-ready .videos::-webkit-scrollbar{display:none}
#videos.yb-video-gallery .video-card{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start;background:rgba(255,253,249,.95);border:1px solid #d8c4e9;border-radius:23px;padding:4px;box-shadow:0 9px 22px #66507b14;transition:box-shadow .2s,border-color .2s}
#videos.yb-video-gallery .video-card:hover{border-color:#aa83d0;box-shadow:0 12px 26px #66507b26}
.yb-video-media{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:9/16;background:#ede4f2}
#videos.yb-video-gallery .video-card video{width:100%;height:100%;aspect-ratio:9/16;display:block;object-fit:cover;background:#eee5f1;border-radius:18px}
#videos.yb-video-gallery .video-card.yb-video-started video{object-fit:contain;background:#171426}
.yb-video-play{position:absolute;inset:0;margin:auto;width:70px;height:70px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#fff9edef;color:#263247;box-shadow:0 5px 24px #17102a21;cursor:pointer;transition:transform .2s,background .2s;backdrop-filter:blur(5px)}
.yb-video-play:hover{transform:scale(1.09);background:#fffaf3}
.yb-video-play svg{width:24px;height:24px;margin-left:4px;fill:currentColor}
.yb-video-play[hidden],.yb-video-duration[hidden]{display:none}
.yb-video-duration{position:absolute;bottom:14px;left:12px;border-radius:999px;background:#18182acf;color:white;padding:4px 11px;font:600 12px/1.7 Arial,sans-serif;direction:ltr;pointer-events:none}
#videos.yb-video-gallery .video-info{padding:16px 9px 15px;text-align:center}
#videos.yb-video-gallery .video-info b{display:block;font-size:17px;color:#324a6d;line-height:1.4}
.yb-video-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:6px;direction:inherit}
.yb-video-arrow{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #decde9;background:#fffaf5;color:#5d4489;box-shadow:0 5px 16px #78559d14;cursor:pointer;transition:background .2s,transform .2s}
.yb-video-arrow:hover:enabled{background:#efe4fa;transform:translateY(-2px)}
.yb-video-arrow:disabled{opacity:.3;cursor:default;box-shadow:none}
.yb-video-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.yb-video-auto{font:700 17px/1 Arial,sans-serif;flex-shrink:0}
.yb-video-dots{display:flex;align-items:center;justify-content:center;gap:4px}
.yb-video-dot{width:25px;height:30px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}
.yb-video-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:#ddceed;transition:background .2s,transform .2s}
.yb-video-dot[aria-current="true"]:after{background:#8562b9;transform:scale(1.35)}
.yb-video-gallery button:focus-visible,.yb-video-gallery video:focus-visible,.yb-video-gallery .videos:focus-visible{outline:3px solid #997b2a;outline-offset:4px}
.yb-video-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1050px){#videos.yb-video-gallery .video-card{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:760px){#videos.yb-video-gallery .video-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:560px){#videos.yb-video-gallery{padding:52px 0}#videos.yb-video-gallery .shell{width:92vw}#videos.yb-video-gallery .section-head{margin-bottom:20px}#videos.yb-video-gallery .section-head h2{font-size:34px}#videos.yb-video-gallery .section-head p{font-size:16px}#videos.yb-video-gallery .videos{gap:16px}#videos.yb-video-gallery .video-card{flex-basis:78%;max-width:310px}.yb-video-play{width:62px;height:62px}.yb-video-controls{gap:10px}.yb-video-dot{width:24px}.yb-video-arrow{width:42px;height:42px}#videos.yb-video-gallery .video-info b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.yb-video-gallery *{scroll-behavior:auto!important;transition:none!important}}

/* Video book covers open within each original carousel card. */
#videos.yb-video-gallery .video-card.yb-video-book{position:relative;perspective:1300px;padding:5px;border-radius:8px 16px 16px 8px;border-color:#c9bba2;background:repeating-linear-gradient(0deg,#eee7d9 0 2px,#fffaf0 2px 4px);box-shadow:-3px 3px 0 #d9cfbd,0 14px 28px #42325420;overflow:hidden}
.yb-video-cover{position:absolute;inset:0;z-index:3;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px 25px 28px;border:0;border-inline-start:12px solid #171b3038;border-radius:8px 16px 16px 8px;background:linear-gradient(120deg,#ffffff20,transparent 48%),var(--yb-cover-color,#564274);color:#f4e0b4;font:inherit;text-align:center;cursor:pointer;transform-origin:right center;backface-visibility:hidden;transition:transform .6s cubic-bezier(.22,.6,.24,1),opacity .4s}
.yb-video-cover:before{content:"";position:absolute;inset:15px;border:1px solid #e4c98d88;border-radius:3px 8px 8px 3px;pointer-events:none}
.yb-video-cover:after{content:"";position:absolute;inset:21px;border:1px solid #e4c98d22;border-radius:3px 8px 8px 3px;pointer-events:none}
.yb-video-cover-brand{font-size:15px;line-height:1.5;color:#e9daba;letter-spacing:.3px}
.yb-video-cover-symbol{display:grid;place-items:center;flex:none;width:70px;height:70px;border:1px solid #e9d3a165;border-radius:50%;font:40px/1 Georgia,serif;color:#e3cb94}
.yb-video-cover-title{display:block;font:inherit;font-size:31px;line-height:1.35;max-width:12ch;color:#fff0ce;text-wrap:balance}
.yb-video-cover-hint{font-size:14px;line-height:1.5;border-top:1px solid #e4c98d66;padding-top:13px;margin-top:8px;color:#f4e5c6}
.yb-video-book .yb-video-media{border-radius:7px 13px 13px 7px}
.yb-video-book .yb-video-media[aria-hidden="true"]{visibility:hidden}
.yb-video-book-open .yb-video-cover{transform:rotateY(108deg);opacity:0;pointer-events:none}
.yb-video-book-close{position:absolute;top:13px;inset-inline-end:13px;z-index:4;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #d5c9b0;border-radius:50%;background:#fffaf3ed;color:#4d3d66;font:25px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 3px 12px #34264426}
.yb-video-book-close[hidden]{display:none}
html[dir="ltr"] .yb-video-cover{transform-origin:left center;border-radius:16px 8px 8px 16px;font-family:Georgia,'Times New Roman',serif}
html[dir="ltr"] .yb-video-book-open .yb-video-cover{transform:rotateY(-108deg)}
html[dir="ltr"] .yb-video-cover-title{font-size:27px;max-width:15ch}
@media(max-width:1050px){.yb-video-cover{gap:17px;padding:26px 22px}.yb-video-cover-title{font-size:29px}}
@media(max-width:560px){.yb-video-cover{gap:24px;padding:30px 26px}.yb-video-cover-title{font-size:31px}.yb-video-book-close{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.yb-video-cover{transition:none}}
@media(max-width:560px){.yb-video-controls{gap:8px}.yb-video-dot{width:20px}}