.niccos-tutorials .niccos-tutorials__head{display:flex;flex-direction:column;gap:var(--sp-5);padding:78px 22px 116px;align-items:center}@media screen and (max-width: 990px){.niccos-tutorials .niccos-tutorials__head{padding:50px 22px 70px}}.niccos-tutorials .niccos-tutorials__title{font-size:clamp(var(--sp-6d5),2.5vw,var(--sp-10));color:rgb(var(--color-text-black));text-align:center;line-height:1.1}.niccos-tutorials .niccos-tutorials__description{font-size:clamp(var(--sp-3d5),2.5vw,var(--sp-4d5));color:rgb(var(--color-light-blue));text-align:center;line-height:1.45}.niccos-tutorials .tutorials-control{padding:30px 40px;box-shadow:0 0 12px 2px #7777771a;background:rgb(var(--color-total-white));border-radius:14px;width:fit-content;margin:auto;transform:translateY(-50%);max-width:calc(100% - var(--sp-10))}@media screen and (max-width: 990px){.niccos-tutorials .tutorials-control{padding:25px;transform:translateY(-50px)}}.niccos-tutorials .tutorials-control .tutorials-control__title{font-weight:var(--font-semi-bold);font-size:clamp(var(--sp-4d5),2.5vw,var(--sp-5d5));line-height:1.45;margin-bottom:clamp(var(--sp-2d5),2.5vw,var(--sp-4))}.niccos-tutorials .tutorials-control .tutorials-control__list{display:flex;flex-wrap:wrap;gap:var(--sp-2d5)}.niccos-tutorials .tutorials-control .tutorials-control__button.button--primary{border:1px solid transparent}.niccos-tutorials .tutorials-list{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:var(--sp-7);row-gap:var(--sp-10)}@media screen and (max-width: 1200px){.niccos-tutorials .tutorials-list{grid-template-columns:1fr 1fr}}@media screen and (max-width: 990px){.niccos-tutorials .tutorials-list{grid-template-columns:1fr}}.niccos-tutorials .tutorials-list .tutorials-list__item{display:none;cursor:pointer}.niccos-tutorials .tutorials-list .tutorials-list__item .image-block{position:relative;border-radius:var(--sp-3);overflow:hidden;aspect-ratio:387/217}.niccos-tutorials .tutorials-list .tutorials-list__item .image-block svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.niccos-tutorials .tutorials-list .tutorials-list__item .image-block img{width:100%;height:100%;object-fit:cover}.niccos-tutorials .tutorials-list .tutorials-list__item h4{margin-top:var(--sp-3d5);font-size:var(--sp-4d5);font-weight:var(--font-semi-bold);line-height:1.25;color:rgb(var(--color-text-black))}.niccos-tutorials .tutorials-list .tutorials-list__item.active{display:block}.niccos-tutorials .tutorials-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none}.niccos-tutorials .tutorials-popup .tutorials-popup__overlay{display:block;width:100%;height:100%;background-color:rgb(var(--color-text-black),.4)}.niccos-tutorials .tutorials-popup .tutorials-popup__video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:900px}.niccos-tutorials .tutorials-popup .tutorials-popup__video .video-wrapper{position:relative;width:80vw;max-width:100%;padding-bottom:56.25%;height:0}.niccos-tutorials .tutorials-popup .tutorials-popup__video .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.niccos-tutorials .tutorials-popup .tutorials-popup__video .video-wrapper .button{position:absolute;right:0;top:0;transform:translate(100%,-100%)}@media screen and (max-width: 639px){.niccos-tutorials .tutorials-popup .tutorials-popup__video .video-wrapper .button{height:var(--sp-7);width:var(--sp-7);clip:unset}}.niccos-tutorials .tutorials-popup.active{display:block}
/*# sourceMappingURL=/cdn/shop/t/56/assets/niccos-tutorials.css.map */