.tutorial-swipe-section{padding:60px 0;position:relative}@media(max-width:549px){.tutorial-swipe-section{padding:40px 0}}.tutorial-swipe-section .textBlock{margin-bottom:40px}.tutorial-swipe-section .textBlock .container{max-width:1220px;margin:0 auto;padding:0 15px}.tutorial-swipe-section .textBlock .containerMid{width:100%}.tutorial-swipe-section .textBlock .containerInner{text-align:center;max-width:65ch;margin-left:auto;margin-right:auto}.tutorial-swipe-section .textBlock h2{font-size:2.5em;font-weight:700;color:#0f426f;margin:.5em 0}.tutorial-swipe-section .textBlock h2 strong{font-weight:700}.tutorial-swipe-section .textBlock p{font-size:1.1em;color:#666;margin:1em 0}@media(max-width:549px){.tutorial-swipe-section .textBlock h2{font-size:1.8em}.tutorial-swipe-section .textBlock p{font-size:1em}}.tutorial-swipe-container{max-width:1200px;margin:0 auto;padding:0 15px;position:relative}.tutorial-swipe-wrapper{position:relative;overflow:hidden}.tutorial-swipe-track{display:flex;transition:transform .4s ease;will-change:transform}@media(min-width:768px){.tutorial-swipe-wrapper[data-desktop-layout=grid] .tutorial-swipe-track{flex-wrap:wrap;justify-content:center;gap:30px;transform:none!important}.tutorial-swipe-wrapper[data-desktop-layout=grid] .tutorial-swipe-card{flex:0 0 calc(33.333% - 20px);max-width:calc(33.333% - 20px);transform:none!important}.tutorial-swipe-wrapper[data-desktop-layout=grid] .tutorial-swipe-nav{display:none}}@media(min-width:768px){.tutorial-swipe-wrapper[data-desktop-layout=carousel] .tutorial-swipe-track{gap:30px}.tutorial-swipe-wrapper[data-desktop-layout=carousel] .tutorial-swipe-card{flex:0 0 calc(33.333% - 20px);max-width:calc(33.333% - 20px)}}@media(max-width:767px){.tutorial-swipe-track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:20px;padding:0 20px}.tutorial-swipe-track::-webkit-scrollbar{display:none}.tutorial-swipe-card{flex:0 0 85%;max-width:85%;scroll-snap-align:center}}.tutorial-swipe-card{background:#fff;border:3px solid #4baef8;border-radius:16px;padding:40px;box-shadow:0 8px 24px #00000026;transition:all .3s ease;position:relative;min-height:350px;display:flex;flex-direction:column}@media(max-width:549px){.tutorial-swipe-card{padding:30px 20px;min-height:300px}}.tutorial-swipe-card.active{border-color:#ea1351;box-shadow:0 12px 32px #ea13514d;transform:scale(1.02)}.tutorial-swipe-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #4baef84d}.tutorial-swipe-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;height:100%}.tutorial-swipe-card-number{position:absolute;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#4baef8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;box-shadow:0 4px 10px #4baef84d}.tutorial-swipe-card.active .tutorial-swipe-card-number{background:#ea1351}.tutorial-swipe-card-emoji{font-size:4em;line-height:1}.tutorial-swipe-card-emoji span{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;display:block}@media(max-width:549px){.tutorial-swipe-card-emoji{font-size:3em}}.tutorial-swipe-card-text{width:100%}.tutorial-swipe-card-text h3{font-size:1.5em;font-weight:700;color:#0f426f;margin:0 0 15px}.tutorial-swipe-card-text p{font-size:1.1em;line-height:1.6;color:#666;margin:0}@media(max-width:549px){.tutorial-swipe-card-text h3{font-size:1.3em}.tutorial-swipe-card-text p{font-size:1em}}.tutorial-swipe-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#4baef8;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4baef84d;z-index:10}.tutorial-swipe-nav:hover{background:#ea1351;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #ea135166}.tutorial-swipe-nav:disabled{opacity:.5;cursor:not-allowed}.tutorial-swipe-prev{left:10px}.tutorial-swipe-next{right:10px}@media(max-width:767px){.tutorial-swipe-nav{display:none}}.tutorial-swipe-nav svg{width:24px;height:24px}.tutorial-swipe-indicators{display:flex;justify-content:center;gap:10px;margin-top:30px;flex-wrap:wrap}.tutorial-swipe-indicator{width:12px;height:12px;border-radius:50%;background:#e0e0e0;border:none;cursor:pointer;transition:all .3s ease;padding:0;position:relative}.tutorial-swipe-indicator span{display:block;width:100%;height:100%;border-radius:50%;background:transparent;transition:all .3s ease}.tutorial-swipe-indicator.active{background:#4baef8;transform:scale(1.2)}.tutorial-swipe-indicator.active span{background:#4baef8}.tutorial-swipe-indicator:hover{background:#4baef8;transform:scale(1.1)}.tutorial-swipe-section .buttonBlock{margin-top:40px}.tutorial-swipe-section .buttonBlock .container{max-width:1220px;margin:0 auto;padding:0 15px}.tutorial-swipe-section .buttonBlock .containerMid{width:100%}.tutorial-swipe-section .buttonBlock .containerInner{max-width:65ch;margin-left:auto;margin-right:auto}.tutorial-swipe-section .buttonBlock .flowInline{display:flex;justify-content:center;align-items:center;gap:1em;width:100%}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tutorial-swipe.css.map */