.oracura-guide{--guide-blue:#1ca3dd;display:block;background:#f7f3e9;color:#4b4b4b;padding:30px 16px 130px;font-family:var(--font-body--family)}.oracura-guide h1{color:var(--guide-blue);font-family:var(--font-heading--family);font-size:40px;line-height:1.1;font-weight:600;margin:0 0 18px}.oracura-guide__intro h1{max-width:300px}.oracura-guide__intro p{font-size:14px;line-height:1.45;margin:0 0 32px}.oracura-guide__categories{display:grid;gap:20px}.oracura-guide__category{position:relative;height:auto;aspect-ratio:361/223;border-radius:12px;overflow:hidden;color:#4b4b4b;border:1px solid #dedad4}.oracura-guide__category img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.oracura-guide__category--water-flossers{color:#fff}.oracura-guide__category--water-flossers img{object-position:50% 40%}.oracura-guide__category--toothbrushes img{object-position:50% 19%}.oracura-guide__category--accessories img{object-position:50% 30%}.oracura-guide__category h2{position:absolute;bottom:20px;left:20px;max-width:165px;margin:0;font-size:20px;line-height:1.2;font-weight:600;color:inherit}.oracura-guide__category--water-flossers h2{max-width:110px}.oracura-guide__category:hover img{transform:scale(1.025)}.oracura-guide__category:focus-visible,.oracura-guide button:focus-visible,.oracura-guide a:focus-visible{outline:2px solid var(--guide-blue);outline-offset:3px}.oracura-guide--detail{padding-bottom:86px}.oracura-guide--detail h1{font-size:36px;margin-bottom:22px}.oracura-guide__back{display:none}.oracura-guide__button{display:inline-flex;justify-content:center;padding:10px 14px;border-radius:9px;color:#fff;background:var(--guide-blue);font-size:16px;font-weight:500;text-decoration:none}.oracura-guide__models{display:flex;overflow-x:auto;gap:8px;margin:20px 0 22px;padding:2px 0 34px;border-bottom:1px solid #dfd7c7;scrollbar-width:none}.oracura-guide__manuals{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 30px}.oracura-guide__button--manual{display:flex;width:fit-content;margin:0}.oracura-guide__models::-webkit-scrollbar{display:none}.oracura-guide__model{flex:0 0 calc((100% - 24px)/4);min-width:78px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#fff;color:#555;cursor:pointer}.oracura-guide__model img{width:100%;height:78px;object-fit:contain;background:#f4f2ef}.oracura-guide__model span{display:block;padding:5px 2px;font-size:14px;font-weight:600;line-height:1.2}.oracura-guide__model[aria-selected=true]{border-color:#30b4ef;background:#dcf4ff}.oracura-guide__description{font-size:12px;line-height:1.45;margin:0 0 18px}.oracura-guide__content h2{font-size:20px;line-height:1.3;font-weight:500;margin:0 0 18px}.oracura-guide__panel[hidden]{display:none}.oracura-guide__step{margin-bottom:34px}.oracura-guide__step h2{margin:0 0 14px}.oracura-guide__video{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#121212}.oracura-guide__video video{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:transparent}.oracura-guide__video--portrait{aspect-ratio:var(--guide-video-ratio, .5625)}.oracura-guide__video--empty{display:grid;place-content:center;justify-items:center;gap:6px;padding:20px;background:#ece7db;border:1px dashed #c9bfa8;color:#7a7263;text-align:center}.oracura-guide__video--empty svg{width:44px;height:44px;opacity:.5;margin-bottom:6px}.oracura-guide__video--empty p{margin:0;font-size:16px;font-weight:600}.oracura-guide__video--empty small{font-size:12px;line-height:1.4}.oracura-guide__register{display:grid;gap:16px;padding:18px;border-radius:14px;background:#fff;border:1px solid #e3ddd0}.oracura-guide__register-copy{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45}.oracura-guide__register-copy p{margin:0}.oracura-guide__register-copy svg{flex:none;width:24px;height:24px;color:var(--guide-blue)}.oracura-guide__register-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.oracura-guide__link{font-size:14px;color:inherit;text-underline-offset:4px}@media(max-width:760px){body:has(.oracura-guide) .header__row--top{min-height:90px}}@media(min-width:761px){.oracura-guide{padding:70px max(5.5vw,calc((100vw - 1440px)/2)) 100px}.oracura-guide h1{font-size:clamp(44px,4vw,64px)}.oracura-guide--landing{padding-block:clamp(40px,4.4vw,64px) clamp(60px,6.2vw,90px)}.oracura-guide__intro{max-width:none;margin-bottom:clamp(22px,2.2vw,32px)}.oracura-guide__intro h1{max-width:none;font-size:clamp(34px,4.15vw,60px);line-height:1.15;margin-bottom:clamp(8px,.9vw,14px)}.oracura-guide__intro p{max-width:none;font-size:clamp(14px,1.7vw,24px);line-height:1.3;margin-bottom:0}.oracura-guide__categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.7vw,40px)}.oracura-guide__category{aspect-ratio:198/218}.oracura-guide__category h2{top:50%;bottom:auto;left:12%;translate:0 -50%;max-width:42%;font-size:clamp(11px,1.28vw,19px);line-height:1.25}.oracura-guide__category--water-flossers h2{left:14%;max-width:26%}.oracura-guide--detail{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:clamp(40px,5vw,90px)}.oracura-guide__detail-head{position:sticky;top:110px;align-self:start}.oracura-guide__back{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px}.oracura-guide__back svg{width:16px;height:16px;rotate:90deg}.oracura-guide--detail h1{font-size:44px}.oracura-guide__models{flex-wrap:wrap;overflow:visible;border:0;padding:0}.oracura-guide__model{flex-basis:100px}.oracura-guide__model img{height:90px}.oracura-guide__description{font-size:16px;margin-bottom:32px;max-width:660px}.oracura-guide__content h2{font-size:26px}.oracura-guide__step{margin-bottom:46px}.oracura-guide__video--portrait{aspect-ratio:16/9}.oracura-guide__video--portrait:before{content:"";position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:var(--guide-video-poster, none) center/cover #121212;filter:blur(30px) brightness(.55)}.oracura-guide__register{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:22px 24px}.oracura-guide__register-copy{font-size:15px}}@media(prefers-reduced-motion:reduce){.oracura-guide__category img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/oracura-guide.css.map */
