.youtube-shorts-section{width:100%;color:var(--white);background:#fe3c5e;border-radius:20px;margin:2rem 0;padding:0}.youtube-shorts-inner{width:100%}.youtube-shorts-header{text-align:center;padding:1.5rem 1rem 1rem}.youtube-shorts-title{font-family:var(--font-instrument-serif),"DM Sans",serif;color:var(--white);margin:0 0 .25rem;font-size:1.5rem;font-weight:400}.youtube-shorts-subtitle{color:#ffffffbf;margin:0;font-size:.95rem}.youtube-shorts-wrapper{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0 1.5rem;position:relative;overflow:auto hidden}.youtube-shorts-wrapper::-webkit-scrollbar{display:none}.youtube-shorts-track{gap:1rem;min-height:280px;padding:0 1rem;display:flex}.youtube-shorts-slide-wrap{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 calc(45.4545vw - .909091rem);min-width:calc(45.4545vw - .909091rem);max-width:220px}.youtube-shorts-slide{cursor:pointer;text-align:left;width:100%;height:100%;min-height:280px;color:inherit;border-radius:var(--radius);transition:transform var(--transition);background:0 0;border:none;flex-direction:column;padding:0;font-family:inherit;display:flex;overflow:hidden}.youtube-shorts-slide:hover{transform:scale(1.02)}.youtube-shorts-slide:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.youtube-shorts-thumb{aspect-ratio:9/16;border-radius:var(--radius-sm);background:#fe3c5e;width:100%;position:relative;overflow:hidden}.youtube-shorts-thumb img{object-fit:cover;width:100%;height:100%;display:block}.youtube-shorts-play{color:var(--white);transition:background var(--transition);background:#0006;justify-content:center;align-items:center;font-size:2.5rem;display:flex;position:absolute;inset:0}.youtube-shorts-slide:hover .youtube-shorts-play{background:#00000040}.youtube-shorts-label{color:#ffffffd9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.85rem;line-height:1.3;display:-webkit-box;overflow:hidden}.youtube-shorts-nav{pointer-events:none;z-index:5;justify-content:space-between;padding:0 .5rem;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.youtube-shorts-btn{pointer-events:auto;width:44px;height:44px;color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:background .2s,transform .2s;display:flex}.youtube-shorts-btn:hover:not(:disabled){background:#ffffff59;transform:scale(1.05)}.youtube-shorts-btn:disabled{opacity:.3;cursor:not-allowed}.youtube-shorts-modal{z-index:9999;justify-content:center;align-items:center;padding:1rem;animation:.2s youtube-shorts-fadeIn;display:flex;position:fixed;inset:0}@keyframes youtube-shorts-fadeIn{0%{opacity:0}to{opacity:1}}.youtube-shorts-modal-backdrop{background:#000000e6;position:absolute;inset:0}.youtube-shorts-modal-content{aspect-ratio:9/16;z-index:1;width:100%;max-width:500px;max-height:90vh;animation:.25s youtube-shorts-scaleIn;position:relative}@keyframes youtube-shorts-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.youtube-shorts-modal-close{width:40px;height:40px;color:var(--white);cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:background .2s;display:flex;position:absolute;top:-2.5rem;right:0}.youtube-shorts-modal-close:hover{background:#ffffff59}.youtube-shorts-modal-video{border-radius:var(--radius);background:#000;width:100%;height:100%;overflow:hidden}.youtube-shorts-modal-video iframe{border:none;width:100%;height:100%;display:block}@media (min-width:600px){.youtube-shorts-track{gap:1.25rem;min-height:320px;padding:0 2rem}.youtube-shorts-slide-wrap{flex:0 0 calc(28.5714vw - 1.14286rem);min-width:calc(28.5714vw - 1.14286rem);max-width:200px}.youtube-shorts-slide{min-height:320px}.youtube-shorts-title{font-size:1.75rem}.youtube-shorts-header{padding:2rem 2rem 1.25rem}.youtube-shorts-nav{padding:0 1rem}}@media (min-width:900px){.youtube-shorts-track{gap:1.5rem;min-height:360px;padding:0 3rem}.youtube-shorts-slide-wrap{flex:0 0 calc(min(1200px,100vw)/5 - 1.2rem);min-width:180px;max-width:220px}.youtube-shorts-slide{min-height:360px}.youtube-shorts-modal-content{max-width:420px}}