.tutorial-circular-section{padding:60px 0;position:relative;overflow:hidden}@media(max-width:549px){.tutorial-circular-section{padding:40px 0}}.tutorial-circular-section .textBlock{margin-bottom:40px}.tutorial-circular-section .textBlock .container{max-width:1220px;margin:0 auto;padding:0 15px}.tutorial-circular-section .textBlock .containerMid{width:100%}.tutorial-circular-section .textBlock .containerInner{text-align:center;max-width:65ch;margin-left:auto;margin-right:auto}.tutorial-circular-section .textBlock h2{font-size:2.5em;font-weight:700;color:#0f426f;margin:.5em 0}.tutorial-circular-section .textBlock h2 strong{font-weight:700}.tutorial-circular-section .textBlock p{font-size:1.1em;color:#666;margin:1em 0}@media(max-width:549px){.tutorial-circular-section .textBlock h2{font-size:1.8em}.tutorial-circular-section .textBlock p{font-size:1em}}.tutorial-circular-container{max-width:800px;margin:0 auto;padding:0 15px;position:relative}.tutorial-circular-wrapper{position:relative;width:100%;max-width:600px;height:600px;margin:0 auto;transform-style:preserve-3d;transition:transform .6s ease}@media(max-width:549px){.tutorial-circular-wrapper{max-width:400px;height:400px}}.tutorial-circular-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:#4baef8;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 8px 24px #4baef866;transition:all .3s ease;cursor:pointer}.tutorial-circular-hub:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 12px 32px #4baef899}@media(max-width:549px){.tutorial-circular-hub{width:100px;height:100px}}.tutorial-circular-hub-text{font-size:1.2em;font-weight:700;text-align:center}@media(max-width:549px){.tutorial-circular-hub-text{font-size:1em}}.tutorial-circular-hub-icon{width:60px;height:60px;color:#fff}@media(max-width:549px){.tutorial-circular-hub-icon{width:50px;height:50px}}.tutorial-circular-hub-icon svg{width:100%;height:100%}.tutorial-circular-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.tutorial-circular-card{position:absolute;top:50%;left:50%;width:200px;transform:translate(-50%,-50%);transform-origin:center;transition:transform .3s ease,z-index .3s ease;z-index:2}@media(max-width:549px){.tutorial-circular-card{width:150px}}.tutorial-circular-card.active{z-index:5;transform:translate(-50%,-50%) scale(1.1)}.tutorial-circular-card:hover{z-index:6;transform:translate(-50%,-50%) scale(1.15)}.tutorial-circular-card-inner{background:#fff;border:3px solid #4baef8;border-radius:16px;padding:20px;text-align:center;box-shadow:0 8px 24px #00000026;transition:all .3s ease;position:relative}.tutorial-circular-card:hover .tutorial-circular-card-inner{box-shadow:0 12px 32px #4baef84d;border-color:#ea1351}@media(max-width:549px){.tutorial-circular-card-inner{padding:15px}}.tutorial-circular-card-number{position:absolute;top:-15px;right:-15px;width:40px;height:40px;border-radius:50%;background:#4baef8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2em;font-weight:700;box-shadow:0 4px 10px #4baef84d;z-index:1}.tutorial-circular-card-emoji{font-size:3em;line-height:1;margin-bottom:10px}.tutorial-circular-card-emoji span{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;display:block}@media(max-width:549px){.tutorial-circular-card-emoji{font-size:2.5em}}.tutorial-circular-card-content{width:100%}.tutorial-circular-card-content h3{font-size:1.2em;font-weight:700;color:#0f426f;margin:0 0 10px}.tutorial-circular-card-content p{font-size:.95em;line-height:1.5;color:#666;margin:0}@media(max-width:549px){.tutorial-circular-card-content h3{font-size:1.1em}.tutorial-circular-card-content p{font-size:.9em}}.tutorial-circular-controls{display:flex;justify-content:center;margin-top:40px}.tutorial-circular-rotate-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#4baef8;color:#fff;border:none;border-radius:99px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4baef84d}.tutorial-circular-rotate-btn:hover{background:#ea1351;transform:translateY(-2px);box-shadow:0 4px 12px #ea135166}.tutorial-circular-rotate-btn svg{width:20px;height:20px}.tutorial-circular-section .buttonBlock{margin-top:40px}.tutorial-circular-section .buttonBlock .container{max-width:1220px;margin:0 auto;padding:0 15px}.tutorial-circular-section .buttonBlock .containerMid{width:100%}.tutorial-circular-section .buttonBlock .containerInner{max-width:65ch;margin-left:auto;margin-right:auto}.tutorial-circular-section .buttonBlock .flowInline{display:flex;justify-content:center;align-items:center;gap:1em;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tutorial-circular-wrapper.auto-rotating{animation:rotate var(--rotation-speed, 10s) linear infinite}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tutorial-circular.css.map */