.InstagramRatioTutorial-module__y0BPda__panel{background:radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--tool-platform-color)8%,transparent),transparent 25%),radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--tool-platform-color)6%,transparent),transparent 24%),#fff;overflow:hidden}.InstagramRatioTutorial-module__y0BPda__heading{text-align:center;justify-content:center}.InstagramRatioTutorial-module__y0BPda__heading p{color:#667085;max-width:650px;margin:.55rem auto 0;font-size:.9rem;line-height:1.6}.InstagramRatioTutorial-module__y0BPda__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.7rem);margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.InstagramRatioTutorial-module__y0BPda__fourSteps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.InstagramRatioTutorial-module__y0BPda__step{min-width:0}.InstagramRatioTutorial-module__y0BPda__phone{width:min(100%,238px);box-shadow:0 0 0 1px color-mix(in srgb,var(--tool-platform-color)18%,transparent),0 18px 42px #17192d21;isolation:isolate;background:#fff;border:7px solid #fffffff5;border-radius:30px;margin:0 auto;position:relative;overflow:hidden}.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__phone{width:min(100%,205px)}.InstagramRatioTutorial-module__y0BPda__phone:after{z-index:7;content:"";pointer-events:none;border:1px solid #0f172a0f;border-radius:23px;position:absolute;inset:0}.InstagramRatioTutorial-module__y0BPda__screenshot{width:100%;height:auto;display:block}.InstagramRatioTutorial-module__y0BPda__marker{z-index:4;pointer-events:none;background:#f43f5e0a;border:3px solid #f43f5e;border-radius:12px;position:absolute;box-shadow:0 0 0 3px #ffffffdb,0 0 0 7px #f43f5e24}.InstagramRatioTutorial-module__y0BPda__inputMarker{width:84%;height:7%;top:46.2%;left:8%}.InstagramRatioTutorial-module__y0BPda__buttonMarker{width:84%;height:7%;top:53.6%;left:8%}.InstagramRatioTutorial-module__y0BPda__profilePictureResultMarker{width:80%;height:7.5%;top:66.3%;left:10%}.InstagramRatioTutorial-module__y0BPda__profileViewerResultMarker{width:84%;height:29.5%;top:35.8%;left:8%}.InstagramRatioTutorial-module__y0BPda__storyResultMarker{width:84%;height:57%;top:39.2%;left:8%}.InstagramRatioTutorial-module__y0BPda__ratioResultMarker{width:71%;height:17.4%;top:56.8%;left:12.5%}.InstagramRatioTutorial-module__y0BPda__fontInputMarker{width:82%;height:20%;top:27%;left:9%}.InstagramRatioTutorial-module__y0BPda__fontCategoryMarker{width:88%;height:7%;top:54%;left:6%}.InstagramRatioTutorial-module__y0BPda__fontResultMarker{width:82%;height:17%;top:42%;left:9%}.InstagramRatioTutorial-module__y0BPda__pinterestInputMarker{width:84%;height:7%;top:65.5%;left:8%}.InstagramRatioTutorial-module__y0BPda__pinterestButtonMarker{width:84%;height:7%;top:73.5%;left:8%}.InstagramRatioTutorial-module__y0BPda__pinterestPreviewMarker{width:84%;height:38%;top:31%;left:8%}.InstagramRatioTutorial-module__y0BPda__pinterestDownloadMarker{width:68%;height:7%;top:46.8%;left:8%}.InstagramRatioTutorial-module__y0BPda__markerArrow{z-index:8;color:#fff;background:linear-gradient(135deg,#dd2a7b,#fd5949);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:-35px;right:-17px;box-shadow:0 7px 16px #dd2a7b4d}.InstagramRatioTutorial-module__y0BPda__copy{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:.75rem;max-width:270px;margin:1.15rem auto 0;display:grid}.InstagramRatioTutorial-module__y0BPda__number{background:linear-gradient(135deg,color-mix(in srgb,var(--tool-platform-color)78%,#fd5949),var(--tool-platform-color));color:#fff;width:32px;height:32px;box-shadow:0 7px 16px color-mix(in srgb,var(--tool-platform-color)25%,transparent);border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;font-weight:850;display:inline-flex}.InstagramRatioTutorial-module__y0BPda__copy h3{color:#111827;margin:0;font-size:1rem;font-weight:850;line-height:1.3}.InstagramRatioTutorial-module__y0BPda__copy p{color:#6b7280;margin:.4rem 0 0;font-size:.8rem;line-height:1.55}.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__copy{grid-template-columns:30px minmax(0,1fr);gap:.55rem}.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__number{width:28px;height:28px}.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__copy h3{font-size:.88rem}.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__copy p{font-size:.72rem}@media (max-width:767px){.InstagramRatioTutorial-module__y0BPda__panel{width:100%;margin-inline:0;padding-inline:clamp(.75rem,3.5vw,1rem);overflow:clip}.InstagramRatioTutorial-module__y0BPda__heading{text-align:center;width:100%}.InstagramRatioTutorial-module__y0BPda__heading p{max-width:34rem;margin-inline:auto;font-size:.82rem}.InstagramRatioTutorial-module__y0BPda__steps,.InstagramRatioTutorial-module__y0BPda__fourSteps{grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;margin:1.15rem 0 0;padding:0;display:grid;overflow:visible}.InstagramRatioTutorial-module__y0BPda__step{border:1px solid color-mix(in srgb,var(--tool-platform-color)14%,#e6e9ef);background:linear-gradient(180deg,color-mix(in srgb,var(--tool-platform-color)4%,#fff),#fff 45%);border-radius:18px;width:100%;min-width:0;padding:1rem .7rem 1.05rem;overflow:hidden;box-shadow:0 9px 24px #0f172a0e}.InstagramRatioTutorial-module__y0BPda__phone,.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__phone{width:min(68vw,246px);max-width:100%;box-shadow:0 0 0 1px color-mix(in srgb,var(--tool-platform-color)16%,transparent),0 13px 30px #17192d1f;border-width:5px;border-radius:25px}.InstagramRatioTutorial-module__y0BPda__copy,.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__copy{grid-template-columns:34px minmax(0,1fr);gap:.75rem;width:min(100%,310px);max-width:100%;margin-top:1rem}.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__number{width:32px;height:32px}.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__copy h3{font-size:1rem}.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__copy p{font-size:.8rem}}@media (max-width:380px){.InstagramRatioTutorial-module__y0BPda__panel{padding-inline:.65rem}.InstagramRatioTutorial-module__y0BPda__step{padding-inline:.55rem}.InstagramRatioTutorial-module__y0BPda__phone,.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__phone{width:min(72vw,226px)}.InstagramRatioTutorial-module__y0BPda__copy,.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__copy{grid-template-columns:30px minmax(0,1fr);gap:.6rem}.InstagramRatioTutorial-module__y0BPda__number,.InstagramRatioTutorial-module__y0BPda__fourSteps .InstagramRatioTutorial-module__y0BPda__number{width:30px;height:30px}}@media (prefers-reduced-motion:no-preference){.InstagramRatioTutorial-module__y0BPda__marker{animation:2.6s ease-in-out infinite InstagramRatioTutorial-module__y0BPda__tutorial-focus}}@keyframes InstagramRatioTutorial-module__y0BPda__tutorial-focus{0%,to{box-shadow:0 0 0 3px #ffffffdb,0 0 0 7px #f43f5e1f}50%{box-shadow:0 0 0 3px #ffffffeb,0 0 0 10px #f43f5e33}}