.yb-hiw{--yb-hiw-text: #eeece0;--yb-hiw-muted: rgba(238, 236, 224, .53);--yb-hiw-bar-1: #ffb71b;--yb-hiw-bar-2: #f47200;--yb-hiw-bar-3: #eeece0;--yb-hiw-bar-gap: 0px;--yb-hiw-bar-height: 6px;position:relative;padding:54px 24px 42px;background:var(--yb-color-brown);color:var(--yb-hiw-text);font-family:var(--yb-font);letter-spacing:0}.yb-hiw__notch{position:absolute;bottom:calc(100% - 1px);left:0;z-index:2;width:100%;pointer-events:none}.yb-hiw__notch svg{display:block;width:100%;height:auto}.yb-hiw__notch svg+svg{display:none}.yb-hiw__tab{position:absolute;top:max(-5.897vw,-28.3px);left:0;z-index:2;width:100%;height:min(7.692vw,36.9px);pointer-events:none}.yb-hiw__tab svg{display:block;width:100%;height:100%}.yb-hiw__inner{display:flex;flex-direction:column}.yb-hiw__content{display:contents}.yb-hiw__header{order:1}.yb-hiw__media{order:2}.yb-hiw__steps{order:3}.yb-hiw__eyebrow{margin:0;font-size:11px;font-weight:var(--yb-weight-bold);line-height:16.5px;letter-spacing:1.6px;text-transform:uppercase}.yb-hiw__heading{margin:0;padding-top:10px;color:var(--yb-hiw-text);font-family:var(--yb-font);font-size:36px;font-weight:var(--yb-weight-black);line-height:32.9px;letter-spacing:-1.4px}.yb-hiw__bars{display:flex;gap:var(--yb-hiw-bar-gap);margin-top:20px}.yb-hiw__bars span{flex:1 0 0;height:var(--yb-hiw-bar-height);background:var(--yb-hiw-bar-1)}.yb-hiw__bars span:nth-child(2){background:var(--yb-hiw-bar-2)}.yb-hiw__bars span:nth-child(3){background:var(--yb-hiw-bar-3)}.yb-hiw__media{position:relative;margin-top:24px;aspect-ratio:650 / 571;border-radius:7px 7px 25px;box-shadow:3px 3px #f47200}.yb-hiw__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;animation:yb-hiw-fade .3s ease}.yb-hiw__frame[hidden]{display:none}.yb-hiw__img{display:block;width:100%;height:100%;object-fit:cover}@keyframes yb-hiw-fade{0%{opacity:0}}.yb-hiw__arrow,.yb-hiw__dots{display:none}.yb-hiw__steps{margin:0;padding:28px 0 24px 24px;list-style:none}.yb-hiw__step+.yb-hiw__step{padding-top:17px}.yb-hiw__step-title,.yb-hiw__step-title:focus-visible{display:flex;padding:0;border:0;background:none;color:var(--yb-hiw-muted);font-family:var(--yb-font);font-size:21px;font-weight:var(--yb-weight-bold);line-height:25.2px;text-align:left;cursor:pointer;transition:color .2s ease}.yb-hiw__step[data-active] .yb-hiw__step-title{color:var(--yb-hiw-text);cursor:default}.yb-hiw__num,.yb-hiw__title--desktop,.yb-hiw__step-body[hidden]{display:none}.yb-hiw__step-body{animation:yb-hiw-fade .3s ease}.yb-hiw__desc{max-width:322px;margin:0;padding-top:9px;font-size:14px;font-weight:400;line-height:19.6px}.yb-hiw__next{display:none}.yb-hiw__video{display:flex;justify-content:center}.yb-hiw__video-link,.yb-hiw__video-link:focus-visible{display:inline-flex;align-items:center;justify-content:center;min-width:191px;height:48px;padding:0 20px;border-radius:4px 4px 22px;background:#f47200;box-shadow:2px 2px 0 var(--yb-color-brown);font-size:16px;font-weight:var(--yb-weight-bold);line-height:24px;text-decoration:none}button.yb-hiw__video-link{border:0;font-family:var(--yb-font);cursor:pointer}.yb-hiw__dialog{width:min(960px,calc(100vw - 32px));max-width:none;padding:0;overflow:visible;border:0;border-radius:8px;background:#000}.yb-hiw__dialog::backdrop{background:#000c}.yb-hiw__dialog-video{display:block;opacity:1;width:100%;height:auto;max-height:calc(100vh - 96px);border-radius:8px}.yb-hiw__dialog-close,.yb-hiw__dialog-close:focus-visible{position:absolute;top:-44px;right:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--yb-color-cream);color:var(--yb-color-brown);cursor:pointer}.yb-hiw__video-link .yb-hiw__video-label{color:var(--yb-color-cream)}.yb-hiw__video-label--desktop{display:none}@media screen and (min-width:991px){.yb-hiw{--yb-hiw-muted: rgba(238, 236, 224, .5);--yb-hiw-bar-1: #ffb621;--yb-hiw-bar-2: #f16e25;--yb-hiw-bar-3: #e8dfd5;--yb-hiw-bar-gap: 7px;--yb-hiw-bar-height: 4px;padding:95px 0 52px}.yb-hiw--no-desktop-video{padding-bottom:61px}.yb-hiw__notch svg:first-child,.yb-hiw__tab{display:none}.yb-hiw__notch svg+svg{display:block}.yb-hiw__inner{display:grid;grid-template-columns:minmax(0,650fr) minmax(0,563.5fr);column-gap:63.5px;align-items:start;max-width:1440px;margin-inline:auto;padding:0 93px 0 70px}.yb-hiw__media{grid-column:1;grid-row:1;margin-top:0;aspect-ratio:650 / 571;border-radius:8px 8px 32px;box-shadow:4px 4px 0 var(--yb-color-orange)}.yb-hiw__content{display:block;grid-column:2;grid-row:1;padding-top:16px}.yb-hiw__eyebrow{color:#f5efe3;font-size:14px;font-weight:var(--yb-weight-medium);line-height:16px;letter-spacing:1.2px}.yb-hiw__heading{padding-top:14px;font-size:44px;font-weight:var(--yb-weight-heavy);line-height:32px;letter-spacing:0}.yb-hiw__bars{margin-top:39px}.yb-hiw__arrow{position:absolute;top:calc(50% - .5px);z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:2px solid var(--yb-color-brown);border-radius:50%;background:transparent;color:var(--yb-color-brown);cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease}.yb-hiw__arrow:hover{background:#75391c14}.yb-hiw__arrow[hidden]{display:none}.yb-hiw__arrow svg{display:block;width:24px;height:24px}.yb-hiw__arrow--next{right:16px}.yb-hiw__arrow--prev{left:16px}.yb-hiw__arrow--prev svg{transform:rotate(180deg)}.yb-hiw__dots{position:absolute;bottom:20px;left:50%;z-index:1;display:flex;gap:10px;transform:translate(-50%)}.yb-hiw__dot{width:14px;height:14px;border-radius:7px;background:#75391c80;transition:width .3s ease,background-color .3s ease}.yb-hiw__dot[data-active]{width:40px;background:var(--yb-color-orange)}.yb-hiw__steps{display:flex;flex-direction:column;gap:32px;padding:44px 0 0}.yb-hiw__step+.yb-hiw__step{padding-top:0}.yb-hiw__step-title,.yb-hiw__step-title:focus-visible{position:relative;padding-left:48px;font-size:32px;font-weight:var(--yb-weight-medium);line-height:28px}.yb-hiw__step[data-active] .yb-hiw__step-title{font-weight:var(--yb-weight-bold)}.yb-hiw__num{position:absolute;left:0;display:block;width:40px;text-align:right}.yb-hiw__title--desktop{display:inline}.yb-hiw__title--mobile{display:none}.yb-hiw__step-body:not([hidden]){display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-top:16px}.yb-hiw__desc{max-width:564px;padding-top:0;font-size:20px;font-weight:var(--yb-weight-medium);line-height:24px}.yb-hiw__next,.yb-hiw__next:focus-visible{display:inline-flex;width:150px;height:44px;font-size:20px}.yb-hiw__next .yb-btn__label{color:var(--yb-hiw-text)}.yb-hiw__video{margin-top:56px}.yb-hiw__video--mobile-only{display:none}.yb-hiw__video-link,.yb-hiw__video-link:focus-visible{min-width:250px;height:56px;padding:8px 21px 8px 20px;border-radius:var(--yb-radius-btn);background:none;box-shadow:none;font-size:24px;line-height:20px}.yb-hiw__video-link .yb-hiw__video-label{color:var(--yb-color-sand);text-decoration:underline;text-decoration-thickness:from-font;text-underline-position:from-font}.yb-hiw__video-label--desktop{display:inline}.yb-hiw__video-label--mobile{display:none}}.yb-hiw--light{--yb-hiw-text: var(--yb-color-brown);--yb-hiw-muted: rgba(117, 57, 28, .53);background:#eee7df}.yb-hiw--light .yb-hiw__media{border:2px solid var(--yb-color-brown);box-shadow:3px 3px 0 var(--yb-color-brown)}.yb-hiw--light .yb-hiw__next .yb-btn__label,.yb-hiw--light .yb-hiw__video-link .yb-btn__label{color:var(--yb-color-cream)}@media screen and (min-width:991px){.yb-hiw--light{--yb-hiw-muted: rgba(117, 57, 28, .5);--yb-hiw-bar-3: var(--yb-color-brown)}.yb-hiw--light .yb-hiw__eyebrow{color:var(--yb-color-brown)}.yb-hiw--light .yb-hiw__media{box-shadow:4px 4px 0 var(--yb-color-brown)}.yb-hiw--light .yb-hiw__video-link .yb-hiw__video-label{color:var(--yb-color-brown)}}@media(prefers-reduced-motion:reduce){.yb-hiw__frame,.yb-hiw__step-body,.yb-hiw__dot,.yb-hiw__step-title,.yb-hiw__arrow{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/yb-how-it-works.css.map */