.video-tutorials{margin-bottom:20px}.video-tutorials__loading{width:50px;margin:100px auto}.video-tutorials__loading svg{fill:#75cdde}.video-tutorials__not-found{margin:50px auto;text-align:center}.video-tutorials__taxonomies{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;margin-bottom:20px}.video-tutorials__taxonomies-button{padding:8px 16px;border-radius:6px;transition:all .3s ease-in;border:1px solid #dfdfdf}.video-tutorials__taxonomies-button--active,.video-tutorials__taxonomies-button:hover{background-color:#75cdde;border:1px solid transparent}.video-tutorials__list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:1024px){.video-tutorials__list{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.video-tutorials__list{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.video-tutorials__list{grid-template-columns:1fr}}.video-tutorials__list-item{overflow:hidden;background:#fff;transition:transform .15s;cursor:pointer}.video-tutorials__thumbnail-wrapper{position:relative;padding-top:56.25%;overflow:hidden}.video-tutorials__thumbnail-wrapper-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.287);z-index:2;border-radius:12px;pointer-events:none}.video-tutorials__thumbnail-wrapper-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:50px;height:-moz-fit-content;height:fit-content}.video-tutorials__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;overflow:hidden}.video-tutorials__list-item-title{margin:12px;font-size:1.05rem;font-weight:500;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-tutorials .placeholder{position:absolute;color:#aaa;background:#f8f8f8;font-size:.9rem}.video-modal,.video-tutorials .placeholder{inset:0;display:flex;align-items:center;justify-content:center}.video-modal{position:fixed;background:rgba(0,0,0,.65);z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999}.video-modal__content{position:relative;background:#fff;border-radius:16px;width:100%;max-width:860px;max-height:80vh;box-shadow:0 20px 40px rgba(0,0,0,.3)}.video-modal__close{position:absolute;top:16px;right:16px;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s;transform:translate(10px,-70px)}.video-modal__close svg{width:30px;height:30px}.video-modal__close svg path{fill:#fff;stroke:#fff}.video-modal__title{margin:0;padding:20px 60px 12px 24px;font-size:1.4rem;font-weight:600;color:#111}.video-modal__player-wrapper{position:relative;padding-top:56.25%;background:#000}.video-modal__player-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:none}