.tampon-guide-section .ova-page-heading{margin-bottom:-1%}.tampon-guide{--tampon-guide-white: #fdfcef;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:24px 24px 0 0;overflow:hidden}@media screen and (min-width:750px){.tampon-guide{border-radius:48px 48px 0 0}}.tampon-guide__inner{display:flex;flex-direction:column;align-items:flex-start;gap:40px}.tampon-guide__intro{padding:0 3rem}.tampon-guide__inner .tampon-guide__steps{padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width:750px){.tampon-guide__inner{gap:64px}.tampon-guide__intro{padding:0 6rem}}.tampon-guide__heading,.tampon-guide__card-heading{margin:0;font-family:var(--font-heading-family);font-style:normal;font-weight:400;font-size:22px;line-height:1.1;text-transform:uppercase}@media screen and (min-width:989px){.tampon-guide__heading{font-size:28px;line-height:30px}}@media screen and (min-width:750px){.tampon-guide__card-heading{font-size:28px;line-height:30px}}.tampon-guide__intro-text,.tampon-guide__card-text,.tampon-guide__reminders-list,.tampon-guide__step-label,.tampon-guide__reminders-label{font-family:var(--font-body-family);font-style:normal;font-weight:500;font-size:16px;line-height:135%}@media screen and (min-width:989px){.tampon-guide__intro-text{font-size:18px}}@media screen and (min-width:750px){.tampon-guide__card-text,.tampon-guide__reminders-list,.tampon-guide__step-label,.tampon-guide__reminders-label{font-size:18px}}.tampon-guide__intro-text p,.tampon-guide__card-text p{margin:0}.tampon-guide__step-label,.tampon-guide__reminders-label{margin:0;opacity:.6}.tampon-guide__intro{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%}@media screen and (min-width:750px){.tampon-guide__intro{gap:48px}}.tampon-guide__intro-row{display:flex;flex-direction:column;gap:24px;width:100%}@media screen and (min-width:989px){.tampon-guide__intro-row{flex-direction:row;gap:32px}}.tampon-guide__heading{flex:1 0 0;color:var(--tampon-guide-white);mix-blend-mode:overlay}.tampon-guide__intro-text{flex:1 0 0}.tampon-guide__diagram-row{max-width:50%;width:100%;margin:auto}.tampon-guide__diagram-row img{width:100%;height:auto}@media screen and (max-width:1199px){.tampon-guide__diagram-row{max-width:80%}}@media screen and (max-width:767px){.tampon-guide__diagram-row{max-width:100%}}.tampon-guide__steps{display:flex;align-items:stretch;gap:16px;width:100%;overflow-x:auto;padding-bottom:20px;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tampon-guide__steps::-webkit-scrollbar{height:3px}.tampon-guide__steps::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.2)}.tampon-guide__steps::-webkit-scrollbar-thumb{background:rgba(var(--color-button))}@media screen and (min-width:750px){.tampon-guide__steps{gap:32px}}.tampon-guide__card{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:32px;flex:0 0 auto;scroll-snap-align:start;width:min(85vw,280px);border-radius:16px}@media screen and (min-width:750px){.tampon-guide__card{width:520px;gap:48px}}.tampon-guide__card-head{display:flex;flex-direction:column;gap:10px;width:100%}@media screen and (min-width:750px){.tampon-guide__card-head{gap:24px}}.tampon-guide__card-media{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;position:relative}.tampon-guide__card-media img{display:block;max-width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.tampon-guide__card-media--split{flex-direction:row;justify-content:space-between}.tampon-guide__card-media--split img{width:48%}.tampon-guide__card-media--split img:last-child{margin-top:12px}.tampon-guide__card-media-shadow{position:absolute;left:22%;top:58%;width:42%}.tampon-guide__card-media-shadow svg{display:block;width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-tampon-insertion-guide.css.map */