.dd-yt{max-width:1440px;margin:0 auto;padding:60px 30px 40px}.dd-yt__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:28px}.dd-yt__eyebrow{font-family:var(--dd-font-mono);font-size:13px;letter-spacing:.2em;color:var(--dd-accent);text-transform:uppercase;margin-bottom:12px}.dd-yt__title{margin:0;font-family:var(--dd-font-heading);font-weight:900;font-size:clamp(30px,4.4vw,56px);line-height:.92;letter-spacing:-.018em;color:var(--dd-text)}.dd-yt__channel{display:inline-flex;align-items:center;gap:8px;font-family:var(--dd-font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dd-text);text-decoration:none;border-bottom:2px solid var(--dd-text);padding-bottom:4px;transition:color .2s ease,border-color .2s ease}.dd-yt__channel:hover{color:var(--dd-accent);border-color:var(--dd-accent)}.dd-yt__channel iconify-icon{font-size:18px}.dd-yt__grid{display:grid;gap:16px}.dd-yt__grid--videos{grid-template-columns:repeat(4,1fr)}.dd-yt__grid--videos:has(.dd-yt__tile:only-child){grid-template-columns:minmax(0,720px);justify-content:center}.dd-yt__grid--shorts{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:12px}.dd-yt__shorts-header{display:flex;align-items:center;gap:14px;margin-top:40px}.dd-yt__shorts-kicker{font-family:var(--dd-font-mono);font-size:11px;letter-spacing:.22em;color:var(--dd-accent);text-transform:uppercase}.dd-yt__shorts-rule{flex:1;height:1px;background:var(--dd-border-soft)}.dd-yt__tile{background:transparent;border:none;padding:0;cursor:pointer;font:inherit;text-align:left;color:var(--dd-text);display:flex;flex-direction:column;gap:12px}.dd-yt__thumb{position:relative;aspect-ratio:16 / 9;border-radius:var(--dd-radius-tile);overflow:hidden;background:var(--dd-surface-1);border:1px solid var(--dd-border);transition:border-color .25s ease,transform .35s ease,box-shadow .35s ease}.dd-yt__tile--short .dd-yt__thumb{aspect-ratio:9 / 16}.dd-yt__tile--short .dd-yt__play{width:44px;height:44px}.dd-yt__tile--short .dd-yt__play iconify-icon{font-size:28px}.dd-yt__tile--short .dd-yt__caption{font-size:13px}.dd-yt__tile:hover .dd-yt__thumb,.dd-yt__tile:focus-visible .dd-yt__thumb{border-color:var(--dd-accent);transform:translateY(-3px);box-shadow:0 18px 34px -18px #000000b3;outline:none}.dd-yt__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,.84,.36,1)}.dd-yt__tile:hover .dd-yt__thumb img,.dd-yt__tile:focus-visible .dd-yt__thumb img{transform:scale(1.04)}.dd-yt__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#0009;color:var(--dd-accent);display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease,transform .2s ease}.dd-yt__play iconify-icon{font-size:36px}.dd-yt__tile:hover .dd-yt__play,.dd-yt__tile:focus-visible .dd-yt__play{background:var(--dd-accent);color:var(--dd-bg);transform:translate(-50%,-50%) scale(1.08)}.dd-yt__badge{position:absolute;top:10px;left:10px;font-family:var(--dd-font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dd-bg);background:var(--dd-accent);padding:4px 8px;border-radius:var(--dd-radius-badge)}.dd-yt__caption{font-family:var(--dd-font-body);font-weight:700;font-size:14.5px;line-height:1.35;color:var(--dd-text)}.dd-yt__head,.dd-yt__tile{animation:dd-rise .6s cubic-bezier(.22,.68,.14,1) both}.dd-yt__head{animation-delay:.05s}.dd-yt__tile:nth-child(1){animation-delay:.14s}.dd-yt__tile:nth-child(2){animation-delay:.2s}.dd-yt__tile:nth-child(3){animation-delay:.26s}.dd-yt__tile:nth-child(4){animation-delay:.32s}.dd-yt__tile:nth-child(5){animation-delay:.38s}.dd-yt__tile:nth-child(6){animation-delay:.44s}.dd-yt__tile:nth-child(7){animation-delay:.5s}.dd-yt__tile:nth-child(8){animation-delay:.56s}@media(prefers-reduced-motion:reduce){.dd-yt__head,.dd-yt__tile{animation-name:dd-fade}.dd-yt__tile:hover .dd-yt__thumb,.dd-yt__tile:focus-visible .dd-yt__thumb{transform:none}.dd-yt__tile:hover .dd-yt__thumb img,.dd-yt__tile:focus-visible .dd-yt__thumb img{transform:none}}@media(max-width:989px){.dd-yt__grid--videos{grid-template-columns:repeat(2,1fr)}.dd-yt__grid--shorts{grid-template-columns:repeat(4,1fr)}}@media(max-width:599px){.dd-yt{padding:44px 22px 32px}.dd-yt__grid--videos{grid-template-columns:1fr}.dd-yt__grid--shorts{grid-template-columns:repeat(3,1fr);gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/dd-youtube.css.map */