.numo-youtube-playlist{--numo-yt-columns:3;--numo-yt-columns-tablet:2;--numo-yt-columns-mobile:1;--numo-yt-gap:20px;--numo-yt-title-lines:2;--numo-yt-ratio:16 / 9;--numo-yt-thumb-height:auto}.numo-youtube-grid{display:grid;grid-template-columns:repeat(var(--numo-yt-columns),minmax(0,1fr));gap:var(--numo-yt-gap)}.numo-youtube-playlist .numo-youtube-card{display:flex;min-width:0;margin:0;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:left;flex-direction:column;cursor:pointer;appearance:none}.numo-youtube-playlist .numo-youtube-card:hover,.numo-youtube-playlist .numo-youtube-card:focus{border:0;background:transparent;color:inherit;box-shadow:none}.numo-youtube-playlist .numo-youtube-card:focus-visible{outline:3px solid #59806c;outline-offset:4px}.numo-youtube-thumb{position:relative;display:block;width:100%;height:var(--numo-yt-thumb-height);overflow:hidden;border-radius:12px;background:#e7eee8}.numo-youtube-thumb.is-ratio{height:auto;aspect-ratio:var(--numo-yt-ratio)}.numo-youtube-thumb img{display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;transition:filter 0.25s ease,transform 0.25s ease}.numo-youtube-card:hover .numo-youtube-thumb img,.numo-youtube-card:focus-visible .numo-youtube-thumb img{filter:brightness(.82);transform:scale(1.035)}.numo-youtube-play{position:absolute;top:50%;left:50%;width:54px;height:54px;border:2px solid rgba(255,255,255,.88);border-radius:50%;background:rgba(21,81,53,.78);box-shadow:0 8px 24px rgba(0,0,0,.2);opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity 0.25s ease,transform 0.25s ease}.numo-youtube-play::after{position:absolute;top:50%;left:52%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff;content:"";transform:translate(-40%,-50%)}.numo-youtube-card:hover .numo-youtube-play,.numo-youtube-card:focus-visible .numo-youtube-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.numo-youtube-title{display:-webkit-box;margin-top:10px;overflow:hidden;color:#1f3f32;font-size:16px;font-weight:600;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:var(--numo-yt-title-lines)}.numo-youtube-link-wrap{margin-top:24px;text-align:center}.numo-youtube-link{display:inline-flex;align-items:center;justify-content:center;color:#155135;font-size:15px;font-weight:600;text-decoration:none}.numo-youtube-link.is-button{min-height:44px;padding:10px 22px;border:1px solid #155135;border-radius:999px;transition:background-color 0.2s ease,color 0.2s ease}.numo-youtube-link.is-button:hover,.numo-youtube-link.is-button:focus-visible{background:#155135;color:#fff}.numo-youtube-link.is-text:hover,.numo-youtube-link.is-text:focus-visible{text-decoration:underline}.numo-youtube-modal{position:fixed;z-index:99999;inset:0;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(9,27,19,.9)}.numo-youtube-modal.is-open{display:flex}.numo-youtube-modal__content{position:relative;width:min(960px, 100%)}.numo-youtube-modal__frame{width:100%;overflow:hidden;border-radius:14px;background:#000;aspect-ratio:16 / 9}.numo-youtube-modal__iframe{display:block;width:100%;height:100%;border:0}.numo-youtube-playlist .numo-youtube-modal__close{position:absolute;z-index:1;top:-18px;right:-18px;display:grid;width:42px;height:42px;margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:#155135;font:700 27px/1 sans-serif;place-items:center;cursor:pointer}.numo-youtube-playlist .numo-youtube-modal__close:hover,.numo-youtube-playlist .numo-youtube-modal__close:focus{border:0;background:#fff;color:#155135}.numo-youtube-playlist .numo-youtube-modal__close:focus-visible{outline:3px solid #9dc9ae;outline-offset:3px}body.numo-youtube-modal-open{overflow:hidden}.numo-youtube-error{margin:0;padding:12px 16px;border-left:4px solid #b42318;background:#fff3f1;color:#7a271a}@media (max-width:921px){.numo-youtube-grid{grid-template-columns:repeat(var(--numo-yt-columns-tablet),minmax(0,1fr))}}@media (max-width:600px){.numo-youtube-grid{grid-template-columns:repeat(var(--numo-yt-columns-mobile),minmax(0,1fr))}.numo-youtube-modal{padding:18px}.numo-youtube-modal__close{top:-14px;right:-10px}}@media (hover:none){.numo-youtube-play{opacity:1;transform:translate(-50%,-50%) scale(.86)}}@media (prefers-reduced-motion:reduce){.numo-youtube-thumb img,.numo-youtube-play{transition:none}}