.stefano-youtube{background:#111 url(stefano-texture.webp) center/1400px auto;color:#fff;font-family:StefanoMontserrat,Montserrat,sans-serif;padding:40px;letter-spacing:0}.stefano-youtube[hidden],.stefano-youtube [hidden]{display:none!important}.stefano-youtube__inner{max-width:1380px;margin:auto;min-width:0}.stefano-youtube h2{font:700 26px/1.35 StefanoMontserrat,Montserrat,sans-serif;letter-spacing:0;color:#fff;margin:0 0 24px;text-align:center}.stefano-youtube__track{display:flex;gap:28px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aaa #222;padding:4px 0 12px;-webkit-overflow-scrolling:touch}.stefano-youtube__card{flex:0 0 calc((100% - 28px)/2);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.stefano-youtube__frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#202a32}.stefano-youtube__poster{width:100%;height:100%;display:block;object-fit:cover}.stefano-youtube__play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:grid;place-items:center;border:0;padding:0;background:linear-gradient(transparent,#00000040);color:#fff;cursor:pointer}.stefano-youtube__play span,.stefano-youtube__pending-icon{display:grid;place-items:center;background:#710000;width:68px;height:48px;border-radius:12px}.stefano-youtube__play svg,.stefano-youtube__pending-icon svg{width:26px;height:26px;fill:currentColor}.stefano-youtube__play:hover span{background:#710000}.stefano-youtube__pending{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;text-align:center;background:linear-gradient(135deg,#17242e,#2f414e);font-size:15px;line-height:1.6}.stefano-youtube__pending-icon{background:#536779;color:#fff}.stefano-youtube__pending strong{font-weight:700}.stefano-youtube__pending small{font-size:12px;color:#e0e5e9}.stefano-youtube iframe{display:block;width:100%;height:100%;border:0}.stefano-youtube__card h3{font:650 18px/1.5 StefanoMontserrat,Montserrat,sans-serif;color:#fff;margin:15px 0 6px;letter-spacing:0}.stefano-youtube__description{font-size:14px;line-height:1.7;margin:0;color:#e5e5e5;white-space:pre-line}.stefano-youtube__controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px}.stefano-youtube__arrow{display:inline-grid;place-items:center;width:46px;height:46px;flex:none;border:1px solid #698090;border-radius:50%;background:#710000;color:#fff;cursor:pointer}.stefano-youtube__arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5}.stefano-youtube__arrow:disabled{background:#303941;color:#b7bfc5;cursor:default;opacity:.65}.stefano-youtube__status{font-size:14px;min-width:70px;text-align:center;font-variant-numeric:tabular-nums}.stefano-youtube :is(button,a):focus-visible,.stefano-youtube__track:focus-visible{outline:3px solid #f2a900;outline-offset:3px}.stefano-youtube__track:focus-visible{outline-offset:-3px}.stefano-youtube__nojs{font-size:14px;line-height:1.7;text-align:center}.stefano-youtube__nojs a{color:#fff;text-decoration:underline}@media(max-width:749px){.stefano-youtube{padding:28px 20px}.stefano-youtube h2{font-size:22px;margin-bottom:20px}.stefano-youtube__track{gap:16px}.stefano-youtube__card{flex-basis:100%}.stefano-youtube__frame{border-radius:12px}.stefano-youtube__pending{font-size:13px;gap:8px;padding:16px}.stefano-youtube__pending small{font-size:11px}.stefano-youtube__card h3{font-size:17px}}.stefano-youtube__card--landscape{flex:0 0 calc((100% - 28px)/2);min-width:0}.stefano-youtube__card--landscape .stefano-youtube__frame{aspect-ratio:16 / 9}.stefano-youtube__card--portrait{flex:0 0 calc((100% - 56px) / 3);width:calc((100% - 56px) / 3);max-width:340px;min-width:0}.stefano-youtube__card--portrait .stefano-youtube__frame{aspect-ratio:9 / 16;height:auto}.stefano-youtube__card--portrait .stefano-youtube__poster{width:100%;height:100%;object-fit:cover}.stefano-youtube__card--portrait iframe{width:100%;height:100%;border:0}.stefano-youtube__card--portrait .stefano-youtube__play{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-width:749px){.stefano-youtube__card--landscape{flex:0 0 100%;width:100%}.stefano-youtube__card--portrait{flex:0 0 min(72vw,320px);width:min(72vw,320px);max-width:100%}.stefano-youtube__card--portrait .stefano-youtube__frame{aspect-ratio:9 / 16}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/stefano-youtube.css.map */