@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";.programming-instructions{background:var(--pi-bg, #fff);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.programming-instructions__grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);gap:var(--pi-grid-gap, 40px);align-items:center}.programming-instructions__media-card{display:block;position:relative;overflow:hidden;border-radius:var(--pi-radius, 14px);height:var(--pi-media-height, 320px);background:var(--pi-card-bg, #0e1116);text-decoration:none}.programming-instructions__media-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000f,#00000052);pointer-events:none}.programming-instructions__media-image{width:100%;height:100%;object-fit:cover;display:block}.programming-instructions__media-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-weight:600;background:linear-gradient(135deg,#2d323b,#161a20)}.programming-instructions__media-badge{position:absolute;top:16px;left:16px;z-index:2;background:var(--pi-media-badge-bg, var(--pi-primary, #ffd600));color:var(--pi-media-badge-text, #111);border-radius:999px;padding:6px 12px;font-size:var(--pi-badge-size, 11px);font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase}.programming-instructions__play{width:var(--pi-play-size, 72px);height:var(--pi-play-size, 72px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;border-radius:999px;display:grid;place-items:center;background:var(--pi-play-bg, var(--pi-primary, #ffd600));color:var(--pi-play-icon, #111);box-shadow:0 8px 24px #00000059}.programming-instructions__play svg{width:42%;height:42%;fill:currentColor;margin-left:4%}.programming-instructions__play img{width:100%;height:100%;object-fit:contain;display:block}.programming-instructions__content-col{position:relative}.programming-instructions__content-col:before{content:"";position:absolute;left:-16px;top:24%;width:clamp(80px,16vw,170px);height:clamp(80px,16vw,170px);border-radius:999px;background:radial-gradient(circle,var(--pi-shadow, rgba(255, 214, 0, .36)) 0%,rgba(255,214,0,0) 70%);filter:blur(8px);pointer-events:none}.programming-instructions__badge{display:inline-block;margin-bottom:14px;background:var(--pi-right-badge-bg, var(--pi-primary, #ffd600));color:var(--pi-right-badge-text, #111);border-radius:999px;padding:6px 12px;font-size:var(--pi-badge-size, 11px);font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase}.programming-instructions__heading{margin:0 0 12px;color:var(--pi-heading, #121212);font-size:clamp(26px,2.6vw,var(--pi-heading-size, 48px));line-height:1.06;font-weight:800;position:relative;z-index:1}.programming-instructions__heading p{margin:0}.programming-instructions__description{margin-bottom:20px;color:var(--pi-body, #6c6c6c);font-size:var(--pi-body-size, 18px);line-height:1.45;position:relative;z-index:1}.programming-instructions__description p{margin:0}.programming-instructions__button{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:var(--pi-btn-bg, var(--pi-primary, #ffd600));color:var(--pi-btn-text, #111);border-radius:var(--pi-btn-radius, 20px);padding:var(--pi-btn-py, 8px) var(--pi-btn-px, 18px);font-size:var(--pi-btn-size, 14px);line-height:1.1;font-weight:700;position:relative;z-index:1}.programming-instructions__button-arrow{font-size:1.15em;line-height:1}.programming-instructions__button-icon{width:16px;height:16px;object-fit:contain;display:block}.programming-instructions__button:hover{background:var(--pi-btn-hover-bg, var(--pi-btn-bg, var(--pi-primary, #ffd600)));color:var(--pi-btn-hover-text, var(--pi-btn-text, #111))}@media screen and (max-width:991px){.programming-instructions__grid{grid-template-columns:1fr;gap:clamp(18px,4vw,32px)}.programming-instructions__media-card{height:clamp(220px,52vw,var(--pi-media-height, 320px))}.programming-instructions__content-col:before{left:0;top:14%}}@media screen and (max-width:575px){.programming-instructions__inner{padding-left:12px;padding-right:12px}.programming-instructions__media-badge,.programming-instructions__badge{font-size:max(10px,calc(var(--pi-badge-size, 11px) - 1px))}.programming-instructions__description{font-size:max(13px,calc(var(--pi-body-size, 18px) - 2px))}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/programming-instructions-figma.css.map */