.sv-routine-banner{position:relative;isolation:isolate;height:min(38.16vw,727px);min-height:480px;scroll-margin-top:84px;--sv-routine-surface: #fafafa;background:var(--sv-routine-surface);color:#fff}.sv-routine-banner__scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1}.sv .sv-routine-banner__scene>img{position:absolute;width:103.38%;max-width:none;height:151.72%;left:-2.53%;top:-50.62%;object-fit:cover}.sv-routine-banner__scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 42%,rgba(244,244,245,.12) 53%,var(--sv-routine-surface) 91%),linear-gradient(90deg,transparent 58%,rgba(0,76,123,.64) 65%,rgba(0,76,123,.66) 100%),radial-gradient(ellipse 19% 55% at 32% 26%,rgba(0,76,123,.28) 50%,transparent 100%)}.sv-routine-banner__heading{position:absolute;top:min(3.52vw,67px);left:27%;width:285px;max-width:19%}.sv .sv-routine-banner__badge{width:clamp(94px,6.72vw,128px);height:auto;aspect-ratio:500 / 499;object-fit:contain}.sv .sv-routine-banner__heading h2{margin-top:18px;font-size:clamp(32px,2.415vw,46px);line-height:1.22;letter-spacing:-.015em}.sv .sv-routine-banner__note{position:absolute;top:min(8.6vw,164px);left:64.15%;width:232px;max-width:24%;font-size:clamp(14px,.84vw,16px);line-height:1.625;color:#fff}.sv-routine-banner .sv-routine-banner__action{position:absolute;top:auto;bottom:24px;left:50%;transform:translate(-50%);display:block;width:280px;max-width:calc(100% - 40px);margin:0;padding:0;border:0;border-radius:0;background:none;text-align:center}.sv-routine-banner__action .sv-popup{min-width:0;max-width:350px;margin:0}.sv .sv-routine-banner__action .sv-button{width:100%;min-height:52px;padding:14px 24px;gap:10px;border-radius:14px;font-size:14px!important;text-transform:none;letter-spacing:0}.sv-routine-banner__action .sv-button img{width:14px;height:14px;flex:none}.sv-routine-banner__action .sv-status,.sv-routine-banner__action .sv-retry{color:var(--sv-navy)}.sv .sv-routine-banner+.sv-kit-flavors{padding-top:40px}@media(max-width:1280px){.sv-routine-banner__heading{left:22%;max-width:24%}.sv .sv-routine-banner__note{left:67%;width:210px}}@media(max-width:1000px){.sv-routine-banner__heading{left:12%;max-width:28%}.sv .sv-routine-banner__note{left:70%;max-width:25%;font-size:14px}}@media(max-width:820px){.sv-routine-banner{height:660px;min-height:0;max-height:none}.sv-routine-banner__scene{background:#238cbd}.sv .sv-routine-banner__scene>img{width:auto;height:100%;left:50%;top:0;transform:translate(-50%);object-fit:contain}.sv-routine-banner__scene:after{background:linear-gradient(180deg,rgba(22,38,77,.42) 0%,rgba(22,38,77,.42) 36%,transparent 46%,rgba(244,244,245,.15) 65%,var(--sv-routine-surface) 94%)}.sv-routine-banner__heading{display:flex;align-items:center;gap:22px;left:32px;right:32px;top:35px;width:auto;max-width:none}.sv .sv-routine-banner__badge{width:94px;flex:none}.sv .sv-routine-banner__heading h2{margin:0;max-width:300px;font-size:36px;line-height:1.15}.sv .sv-routine-banner__note{top:155px;left:32px;width:280px;max-width:46%;font-size:14px}.sv .sv-routine-banner+.sv-kit-flavors{padding-top:32px}}@media(max-width:480px){.sv-routine-banner{height:640px}.sv-routine-banner__heading{top:30px;left:24px;right:24px;gap:18px}.sv .sv-routine-banner__badge{width:86px}.sv .sv-routine-banner__heading h2{font-size:31px}.sv .sv-routine-banner__note{top:145px;left:24px;right:24px;width:auto;max-width:310px;font-size:14px;line-height:1.65}}@media(max-width:360px){.sv-routine-banner__heading{left:20px;right:20px;gap:14px}.sv .sv-routine-banner__badge{width:78px}.sv .sv-routine-banner__heading h2{font-size:27px}.sv .sv-routine-banner__note{left:20px;right:20px}}.sv-routine-banner__copy{display:contents}.sv .sv-routine-banner__heading h2>span{display:block;text-wrap:balance}.sv .sv-routine-banner__link{display:inline-block;margin-top:4px;min-height:44px;box-sizing:border-box;padding-block:12px;line-height:20px;color:var(--sv-navy, #16264D);font-size:13px;font-weight:400;text-decoration:underline;text-underline-offset:4px}.sv .sv-routine-banner__link:hover{text-decoration-thickness:2px}.sv .sv-routine-banner__link:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}@media(max-width:820px){.sv-routine-banner__copy{display:flex;flex-direction:column;gap:16px;position:absolute;top:35px;left:32px;right:32px}.sv-routine-banner__copy>.sv-routine-banner__heading{position:static}.sv .sv-routine-banner__copy>.sv-routine-banner__note{position:static;width:auto;max-width:320px}}@media(max-width:480px){.sv-routine-banner__copy{top:30px;left:24px;right:24px;gap:14px}}@media(max-width:360px){.sv-routine-banner__copy{left:20px;right:20px}}@media(min-width:821px){.sv-routine-banner{display:grid;grid-template-columns:minmax(0,460px) 1fr;align-content:center;row-gap:24px;height:auto;min-height:620px;padding:48px max(6vw,calc((100% - 1200px)/2));box-sizing:border-box;background:#17618d}.sv .sv-routine-banner__scene>img{width:125%;height:auto;min-height:100%;left:-1%;top:50%;transform:translateY(-50%);object-fit:cover}.sv-routine-banner__scene:after{background:linear-gradient(90deg,rgba(12,44,75,.88) 0%,rgba(12,44,75,.8) 30%,rgba(12,44,75,.38) 49%,transparent 70%)}.sv-routine-banner__copy{display:block;grid-column:1}.sv-routine-banner__heading{position:static;width:auto;max-width:none}.sv .sv-routine-banner__badge{width:72px}.sv .sv-routine-banner__heading h2{margin:20px 0 0;font-size:clamp(32px,3vw,44px);line-height:1.14}.sv .sv-routine-banner__note{position:static;width:auto;max-width:420px;margin:22px 0 0;font-size:15px;line-height:1.7}.sv-routine-banner .sv-routine-banner__action{position:static;grid-column:1;transform:none;width:280px;max-width:100%;text-align:left}.sv .sv-routine-banner__action .sv-button{background:#fff;color:var(--sv-navy, #16264D)}.sv-routine-banner__action .sv-button img{filter:brightness(0) saturate(100%) invert(12%) sepia(32%) saturate(1762%) hue-rotate(188deg) brightness(95%) contrast(95%)}.sv .sv-routine-banner__link{color:#fff;margin-top:8px}.sv-routine-banner__action .sv-status,.sv-routine-banner__action .sv-retry{color:#fff}.sv .sv-routine-banner+.sv-kit-flavors{padding-top:64px}}@media(min-width:821px)and (max-width:1100px){.sv-routine-banner{grid-template-columns:minmax(0,390px) 1fr;padding-inline:5vw}.sv .sv-routine-banner__scene>img{width:150%;left:-6%}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/fizzy-sample-routine.css.map */