.belora-htu{box-sizing:border-box;padding-block:var(--htu-space-top, 20px) var(--htu-space-bottom, 20px);padding-inline:0;color:rgb(var(--htu-text, var(--belora-ink, 45 42 38)))}.belora-htu *,.belora-htu *:before,.belora-htu *:after{box-sizing:border-box}.belora-htu :is(p,h2,h3,span,li){overflow-wrap:anywhere}.belora-htu__inner{display:flex;flex-direction:column-reverse;gap:16px}.belora-htu__panel{padding-inline:var(--belora-gutter, 20px);min-inline-size:0}.belora-htu__heading{margin:0 0 16px;font-family:var(--heading-font-family, "Tstar Pro Headline"),sans-serif;font-size:var(--htu-title-m, 24px);line-height:1.2;font-weight:700;letter-spacing:var(--belora-heading-tracking, .025em);text-transform:uppercase}.belora-htu__text[hidden]{display:none}.belora-htu__text:focus-visible{outline:2px solid rgb(var(--htu-accent, var(--belora-ink, 45 42 38)));outline-offset:4px}.belora-htu__rte{font-family:var(--text-font-family, Inter),sans-serif;font-size:14px;line-height:20px;font-weight:400}.belora-htu__rte>:first-child{margin-block-start:0}.belora-htu__rte>:last-child{margin-block-end:0}.belora-htu__rte p{margin:0 0 8px}.belora-htu__rte p:last-child{margin-block-end:0}.belora-htu__rte :is(strong,b){font-weight:700}.belora-htu:not([data-htu-ready]) .belora-htu__nav{display:none}.belora-htu:not([data-htu-ready]) .belora-htu__text[hidden]{display:block}.belora-htu:not([data-htu-ready]) .belora-htu__frame[hidden]{display:block}.belora-htu:not([data-htu-ready]) .belora-htu__frame+.belora-htu__frame{margin-block-start:8px}.belora-htu__nav{display:flex;flex-wrap:nowrap;column-gap:8px;padding-block-start:14px;margin-block-start:24px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}.belora-htu__nav::-webkit-scrollbar{display:none}.belora-htu__step{position:relative;flex:0 0 auto;display:block;padding-block-start:24px}.belora-htu__step-name{position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--heading-font-family, "Tstar Pro Headline"),sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:var(--belora-label-tracking, .025em);text-transform:uppercase;color:rgb(var(--htu-accent, var(--belora-ink, 45 42 38)));opacity:0;pointer-events:none;transition:opacity var(--belora-dur-fast, .15s) var(--belora-ease-ui, ease)}.belora-htu__step:has(.belora-htu__step-btn[aria-selected=true]) .belora-htu__step-name{opacity:1}.belora-htu__step-btn{display:grid;place-items:center;inline-size:48px;block-size:48px;margin:0;padding:0;background:none;border-inline:0;border-block:2px solid rgb(var(--htu-line, var(--belora-ink, 45 42 38)) / 20%);color:rgb(var(--htu-text, var(--belora-ink, 45 42 38)) / 45%);font-family:var(--heading-font-family, "Tstar Pro Headline"),sans-serif;font-size:16px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-appearance:none;appearance:none;transition:color var(--belora-dur-fast, .15s) var(--belora-ease-ui, ease),border-color var(--belora-dur-fast, .15s) var(--belora-ease-ui, ease)}.belora-htu__step-btn[aria-selected=true]{border-block-width:3px;border-block-color:rgb(var(--htu-accent, var(--belora-ink, 45 42 38)));color:rgb(var(--htu-accent, var(--belora-ink, 45 42 38)))}.belora-htu__step-btn:focus-visible{outline:2px solid rgb(var(--htu-accent, var(--belora-ink, 45 42 38)));outline-offset:3px}.belora-htu__sr{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.belora-htu__frame{position:relative;aspect-ratio:var(--htu-ratio, 4 / 3);overflow:hidden;background:rgb(var(--belora-border, 250 248 245))}.belora-htu__frame[hidden]{display:none}.belora-htu__el{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;display:block}.belora-htu__el--m{display:none}@media screen and (max-width:767px){.belora-htu__frame--split .belora-htu__el--d{display:none}.belora-htu__frame--split .belora-htu__el--m{display:block}}.belora-htu__playpause{position:absolute;inset-block-end:12px;inset-inline-start:12px;inline-size:44px;block-size:44px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:50%;background:rgb(var(--belora-scrim, 0 0 0) / 45%);color:rgb(var(--belora-on-media, 255 255 255));cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color var(--belora-dur-fast, .15s) var(--belora-ease-ui, ease)}.belora-htu__playpause:hover{background:rgb(var(--belora-scrim, 0 0 0) / 62%)}.belora-htu__playpause:focus-visible{outline:2px solid rgb(var(--belora-on-media, 255 255 255));outline-offset:2px}.belora-htu__icon{inline-size:16px;block-size:16px;display:block}.belora-htu__playpause .belora-htu__icon--play,.belora-htu__playpause.is-paused .belora-htu__icon--pause{display:none}.belora-htu__playpause.is-paused .belora-htu__icon--play{display:block}@media screen and (min-width:768px){.belora-htu{padding-block:var(--htu-space-top-d, 40px) var(--htu-space-bottom-d, 40px);padding-inline:var(--belora-gutter, 24px)}.belora-htu__inner{display:grid;grid-template-columns:minmax(0,697fr) minmax(0,617fr);column-gap:32px;gap:32px;align-items:start}.belora-htu--media-left .belora-htu__panel{order:2}.belora-htu--media-left .belora-htu__media{order:1}.belora-htu--media-left .belora-htu__inner{grid-template-columns:minmax(0,617fr) minmax(0,697fr)}.belora-htu__panel{padding-inline:40px 0}.belora-htu--media-left .belora-htu__panel{padding-inline:0 40px}.belora-htu__heading{font-size:var(--htu-title-d, 32px);margin-block-end:24px}.belora-htu__rte{font-size:16px;line-height:22px}.belora-htu__step-name{font-size:18px;line-height:25px}}@media(prefers-reduced-motion:reduce){.belora-htu .belora-htu__step-name,.belora-htu .belora-htu__step-btn,.belora-htu .belora-htu__playpause{transition:none}.belora-htu .belora-htu__nav{scroll-behavior:auto}}.belora-htu__heading{font-weight:400}.belora-htu__el{object-position:var(--htu-focal, 50% 50%)}.belora-htu__el{object-fit:var(--htu-fit, cover)}@media screen and (min-width:768px){.belora-htu__inner{grid-template-columns:minmax(0,1fr) var(--htu-media-w, 50%);column-gap:var(--htu-gap, 24px);gap:var(--htu-gap, 24px)}.belora-htu--media-left .belora-htu__inner{grid-template-columns:var(--htu-media-w, 50%) minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/belora-how-to-use.css.map */