.page-header .common-header{display:none}.breadcrumb__list{margin-bottom:40px}.breadcrumb__list .breadcrumb__link.current{color:#fff}.breadcrumb__link>svg{color:#fff}.breadcrumb__item>svg{color:#fff}.breadcrumb__list .breadcrumb__link{color:#fff}#MainContent{background-image:url(/cdn/shop/files/bg_1.webp?v=1779355291);background-size:100% auto;background-repeat:no-repeat;background-color:#0b4ef0;background-position:top}@media(min-width:768px){.breadcrumb__list{margin-bottom:24px}#MainContent{background-image:url(/cdn/shop/files/bg_2.webp)}}.classroom-banner{display:block;width:100%}.classroom-banner__inner{width:100%}.classroom-banner__frame{position:relative;overflow:hidden;border-radius:calc(8 * 100vw / 375);background:#f3f3f5}.classroom-banner__swiper{position:relative;width:100%}.classroom-banner__slide{position:relative;min-height:calc(519 * 100vw / 375);overflow:hidden}.classroom-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.classroom-banner__media picture{display:block;width:100%;height:100%}.classroom-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.classroom-banner__placeholder{width:100%;height:100%;min-height:inherit;background:linear-gradient(180deg,#f5f8ff,#e8edf6)}.classroom-banner__placeholder-svg{width:100%;height:100%}.classroom-banner__content{position:relative;z-index:2;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:calc(8 * 100vw / 375);width:100%;max-width:unset;margin:0 auto;padding:calc(16 * 100vw / 375) calc(16 * 100vw / 375) calc(56 * 100vw / 375);text-align:center}.classroom-banner__badge{margin:0;padding:calc(8 * 100vw / 375) 3.2vw;border-radius:999px;background:#d1e0ff80;color:#001f84;font-size:calc(14 * 100vw / 375);font-weight:400;line-height:calc(20 * 100vw / 375);max-width:100%}.classroom-banner__copy{display:flex;flex-direction:column;align-items:center;gap:3.2vw;width:100%}.classroom-banner__text{display:flex;flex-direction:column;align-items:center;gap:calc(8 * 100vw / 375);width:100%}.classroom-banner__heading{margin:0;color:#000;font-size:calc(26 * 100vw / 375);font-weight:600;line-height:1.2}.classroom-banner__description{color:#000;font-size:3.2vw;font-weight:400;line-height:1.5}.classroom-banner__description p{margin:0}.classroom-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:calc(10 * 100vw / 375);padding:calc(10 * 100vw / 375) 3.2vw;border-radius:10px;background:linear-gradient(90deg,#0037ec,#27dfd9);color:#fff;font-size:calc(16 * 100vw / 375);font-weight:400;line-height:calc(28 * 100vw / 375);text-decoration:none;transition:transform .2s ease,opacity .2s ease,background .3s ease;cursor:pointer;position:relative}custom-dialog-trigger.classroom-banner__button{-webkit-appearance:none;appearance:none;font-family:inherit}.classroom-banner__button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.1);border-radius:calc(10 * 100vw / 375)}.classroom-banner__button:hover{background:linear-gradient(90deg,#002dc2 0% 100%)}.classroom-banner__button[aria-disabled=true]{opacity:.72;pointer-events:none}.classroom-banner__button .classroom-banner__button-icon{transition:transform .3s ease}.classroom-banner__button:hover .classroom-banner__button-icon{transform:rotateY(180deg)}.classroom-banner__button-icon{flex-shrink:0;width:calc(20 * 100vw / 375);height:calc(20 * 100vw / 375);background-image:url(data:\ image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNC4xNjY1IDQuMTU4MDNDNC4xNjY1IDMuMzQ4NzMgNC4xNjY1IDIuOTQ0MDcgNC4zMzUyNSAyLjcyMTAxQzQuNDgyMjUgMi41MjY2OSA0LjcwNjk0IDIuNDA2NDQgNC45NTAxNyAyLjM5MTkyQzUuMjI5MzcgMi4zNzUyNSA1LjU2NjA2IDIuNTk5NzEgNi4yMzk0NCAzLjA0ODYzTDE1LjAwMjQgOC44OTA2MUMxNS41NTg4IDkuMjYxNTQgMTUuODM3IDkuNDQ3MDEgMTUuOTM0IDkuNjgwNzhDMTYuMDE4NyA5Ljg4NTE2IDE2LjAxODcgMTAuMTE0OSAxNS45MzQgMTAuMzE5MkMxNS44MzcgMTAuNTUzIDE1LjU1ODggMTAuNzM4NSAxNS4wMDI0IDExLjEwOTRMNi4yMzk0NCAxNi45NTE0QzUuNTY2MDYgMTcuNDAwMyA1LjIyOTM3IDE3LjYyNDggNC45NTAxNyAxNy42MDgxQzQuNzA2OTQgMTcuNTkzNiA0LjQ4MjI1IDE3LjQ3MzMgNC4zMzUyNSAxNy4yNzlDNC4xNjY1IDE3LjA1NTkgNC4xNjY1IDE2LjY1MTMgNC4xNjY1IDE1Ljg0MlY0LjE1ODAzWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjc3Nzc4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:contain}.classroom-banner__pagination-shell{position:absolute;left:50%;bottom:calc(16 * 100vw / 375);z-index:3;transform:translate(-50%);padding:calc(8 * 100vw / 375) 3.2vw;border-radius:50px;background:#e5e5e570;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.classroom-banner__pagination .swiper-pagination-bullet{width:calc(8 * 100vw / 375);height:calc(8 * 100vw / 375);margin:0;border-radius:50%;background:#000;opacity:.3;transition:opacity .2s ease}.classroom-banner__pagination .swiper-pagination-bullet-active{opacity:1}@media screen and (min-width:750px){.classroom-banner__frame{border-radius:calc(8 * 100vw / 1920)}.classroom-banner__slide{min-height:min(31.25vw,600px)}.classroom-banner__content{position:absolute;top:50%;left:min(4.53125vw,87px);transform:translateY(-50%);align-items:flex-start;gap:min(16px,calc(16 * 100vw / 1920));width:min(599px,calc(599 * 100vw / 1920));margin:0;padding:0;text-align:left}.classroom-banner__badge{padding:min(8px,calc(8 * 100vw / 1920)) min(16px,calc(16 * 100vw / 1920));font-size:min(calc(16 * 100vw / 1920),16px);line-height:min(24px,1.25vw)}.classroom-banner__copy{align-items:flex-start;gap:calc(32 * 100vw / 1920)}.classroom-banner__text{align-items:flex-start;gap:calc(10 * 100vw / 1920)}.classroom-banner__heading{font-size:min(2.5vw,48px)}.classroom-banner__description{font-size:min(calc(20 * 100vw / 1920),20px)}.classroom-banner__button{gap:calc(10 * 100vw / 1920);padding:min(calc(16 * 100vw / 1920),16px) min(calc(22 * 100vw / 1920),22px);border-radius:10px;font-size:min(.9375vw,18px);line-height:min(calc(28 * 100vw / 1920),28px)}.classroom-banner__button:after{border-radius:10px}.classroom-banner__button-icon{width:min(calc(20 * 100vw / 1920),20px);height:min(calc(20 * 100vw / 1920),20px)}.classroom-banner__pagination-shell{bottom:calc(52 * 100vw / 1920);padding:calc(8 * 100vw / 1920) .625vw}.classroom-banner__pagination .swiper-pagination-bullet{width:min(8px,calc(8 * 100vw / 1920));height:min(8px,calc(8 * 100vw / 1920))}}.page-header .page-width,.tutorials-section .page-width{--page-width: 144rem !important}.footer{margin-top:0!important}@media(max-width:749px){.breadcrumb__list{margin-bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-classroom-banner.css.map */