.hero-purchase{position:absolute;z-index:7;left:20px;right:20px;top:550.4595px;width:min(361.8608px,calc(100% - 40px));height:192.1523px;margin-inline:auto;border-radius:28px;background:var(--nex-white, #fff);color:var(--nex-black, #1a1a18);font-family:var(--gdab-font-brand, "Nex", sans-serif);pointer-events:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased}.hero-purchase *,.hero-purchase *:before,.hero-purchase *:after{box-sizing:border-box}.hero-purchase__colors{position:absolute;top:13.89px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:26px;transform:translate(-2.4px)}.hero-purchase__color{position:relative;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.hero-purchase__color>span{display:block;width:17.32px;height:17.32px;border-radius:50%;background:var(--purchase-swatch);transition:transform .28s var(--gdab-ease, cubic-bezier(0, 0, .29, 1)),box-shadow .28s var(--gdab-ease, cubic-bezier(0, 0, .29, 1))}.hero-purchase__color[aria-checked=true]>span{box-shadow:0 0 0 2px #fff,0 0 0 3.25px var(--nex-black, #1a1a18)}.hero-purchase__color[data-color=orange][aria-checked=false]>span{animation:hero-color-invite 1.8s var(--gdab-ease, cubic-bezier(0, 0, .29, 1)) .42s 2}.hero-purchase__color:focus-visible{outline:2px solid var(--nex-orange, #da511d);outline-offset:2px}.hero-purchase__color:disabled{cursor:default;opacity:.42}.hero-purchase__pricing{position:absolute;top:52px;left:21px;right:21px;height:66.08px;display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:stretch}.hero-purchase__divider{width:1px;height:51.0835px;align-self:start;margin-top:2.5215px;background:#ddd8ce}.hero-purchase__price{min-width:0;display:grid;align-content:start;justify-items:center;text-align:center}.hero-purchase__label{min-height:30px;display:grid;align-content:center;font:700 12px/15px var(--gdab-font-brand, "Nex", sans-serif)}.hero-purchase__label>strong,.hero-purchase__label>span{display:block;font:inherit}.hero-purchase__label>span{white-space:nowrap}.hero-purchase__label>span>span{display:inline;font:inherit}.hero-purchase__amount{margin-top:6.08px;font:700 24px/30px var(--gdab-font-brand, "Nex", sans-serif);white-space:nowrap}.hero-purchase__price--now .hero-purchase__amount{color:var(--nex-orange, #da511d)}.hero-purchase__price--retail,.hero-purchase__price--retail .hero-purchase__amount{color:var(--nex-gray, #a3a3a3)}.hero-purchase__actions{position:absolute;left:13.09px;right:10.12px;bottom:8.15px;height:42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,8.62vw,34.653px)}.hero-purchase__checkout-form,.hero-purchase__buy,.hero-purchase__buy-form{position:relative;min-width:0;width:100%;height:42px;margin:0}.hero-purchase__checkout{width:100%;height:42px;padding:0 8px;border:0;border-radius:32px;background:var(--nex-orange, #da511d);color:var(--nex-light-beige, #f3efe6);font:700 14px/1 var(--gdab-font-action, "Red Hat Display", sans-serif);white-space:nowrap;cursor:pointer}.hero-purchase__checkout[aria-busy=true]{opacity:.68;cursor:wait}.hero-purchase__checkout:focus-visible{outline:2px solid var(--nex-black, #1a1a18);outline-offset:2px}.hero-purchase__buy{overflow:hidden;border-radius:32px;--shopify-accelerated-checkout-button-block-size: 42px;--shopify-accelerated-checkout-button-border-radius: 32px;--shopify-accelerated-checkout-button-box-shadow: none;--shopify-accelerated-checkout-skeleton-background-color: #5a31f4}.hero-purchase__buy-form{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .22s var(--gdab-ease, cubic-bezier(0, 0, .29, 1))}.hero-purchase__buy-form[hidden]{display:block;opacity:0;visibility:hidden;pointer-events:none}.hero-purchase__buy-form .shopify-payment-button,.hero-purchase__buy-form .shopify-payment-button__button{width:100%!important;min-width:0!important;height:42px!important;margin:0!important}.hero-purchase__error{position:absolute;left:18px;right:18px;bottom:54px;margin:0;color:#8b2711;font:600 11px/1.2 var(--gdab-font-action, sans-serif);text-align:center}.hero-purchase__error[hidden]{display:none}.hero-purchase.is-changing .hero-purchase__pricing{animation:hero-purchase-content-in .32s var(--gdab-ease, cubic-bezier(0, 0, .29, 1))}.hero__bag-shell.is-color-changing{animation:purchase-bag-color-in .36s var(--gdab-ease, cubic-bezier(0, 0, .29, 1))}@keyframes hero-color-invite{0%,to{transform:scale(1);box-shadow:0 0 #da511d00}45%{transform:scale(1.09);box-shadow:0 0 0 7px #da511d1f}}@keyframes hero-purchase-content-in{0%{opacity:.22;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes purchase-bag-color-in{0%{opacity:.35;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}html[data-rise=off] .hero-purchase{opacity:0;visibility:hidden;pointer-events:none}.hero-purchase__actions[data-shop-pay=pending],.hero-purchase__actions[data-shop-pay=unavailable]{grid-template-columns:minmax(0,1fr);gap:0}.hero-purchase__actions[data-shop-pay=pending] .hero-purchase__checkout-form,.hero-purchase__actions[data-shop-pay=unavailable] .hero-purchase__checkout-form{grid-column:1 / -1}.hero-purchase__actions[data-shop-pay=pending] .hero-purchase__buy,.hero-purchase__actions[data-shop-pay=unavailable] .hero-purchase__buy{position:absolute;width:1px;height:1px;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none}.hero-purchase__actions[data-shop-pay=available] .hero-purchase__buy{position:relative;width:100%;height:42px;opacity:1;visibility:visible}.hero-purchase__buy .shopify-payment-button__button--unbranded{display:none!important}@media(max-width:1023.98px){.hero .hero__colors,.hero .hero__scroll-hint{display:none!important}.hero .hero__title{left:21.435px;top:142.662px;z-index:4;font-size:49.275px;line-height:.94}.hero .hero__title-model{height:46.32px}.hero .hero__teaser{top:142.662px}.hero .hero__bag-shell{left:-.3px;top:226.6px;z-index:3;width:288.1px}.hero-purchase{transform-origin:0 0;backface-visibility:hidden}.hero-purchase__colors,.hero-purchase__pricing,.hero-purchase__actions,.hero-purchase__error{will-change:opacity,transform,filter}}@media(max-width:1023.98px)and (max-height:760px){.hero .hero__title{top:96px;font-size:44px}.hero .hero__title-model{height:41.36px}.hero .hero__teaser{top:96px;width:74px;height:136px}.hero .hero__bag-shell{left:-.3px;top:190px;width:248px}.hero-purchase{top:calc(100svh - 192.1523px - max(16px,env(safe-area-inset-bottom,0px)))}}@media(max-width:1023.98px)and (max-height:680px){.hero .hero__title{top:82px;font-size:40px}.hero .hero__title-model{height:37.6px}.hero .hero__teaser{top:82px;height:124px}.hero .hero__bag-shell{top:166px;width:230px}.hero-purchase{top:calc(100svh - 192.1523px - max(10px,env(safe-area-inset-bottom,0px)))}}@media(max-width:1023.98px)and (max-height:600px){.hero .hero__title{top:70px;font-size:34px}.hero .hero__title-model{height:31.96px}.hero .hero__teaser{top:70px;width:64px;height:104px}.hero .hero__bag-shell{top:150px;width:210px}}@media(max-width:1023.98px){.hero{--hero-mobile-title-top: 142.662px;--hero-mobile-title-line: 46.32px;--hero-mobile-purchase-top: 550.4595px;--hero-mobile-bag-visible-top: calc( var(--hero-mobile-title-top) + var(--hero-mobile-title-line) + var(--hero-mobile-title-line) + 2px );--hero-mobile-bag-ratio: 960 / 893;--hero-mobile-bag-crop-y: -2.911534%}.hero[data-product-color=orange]{--hero-mobile-bag-ratio: 960 / 860;--hero-mobile-bag-crop-y: -3.023256%}.hero .hero__title{top:var(--hero-mobile-title-top)}.hero .hero__title-model{height:var(--hero-mobile-title-line)}.hero-purchase{top:var(--hero-mobile-purchase-top)}.hero .hero__bag-shell{left:-.3px;top:var(--hero-mobile-bag-visible-top);z-index:3;width:auto;height:max(0px,calc(var(--hero-mobile-purchase-top) - var(--hero-mobile-bag-visible-top)));aspect-ratio:var(--hero-mobile-bag-ratio);overflow:visible}.hero .hero__bag-shell .hero__bag{position:absolute;left:0;top:var(--hero-mobile-bag-crop-y);width:100%;max-width:none;height:auto}}@media(max-width:1023.98px)and (max-height:760px){.hero{--hero-mobile-title-top: 96px;--hero-mobile-title-line: 41.36px;--hero-mobile-purchase-top: calc(100svh - 192.1523px - max(16px, env(safe-area-inset-bottom, 0px))) }}@media(max-width:1023.98px)and (max-height:680px){.hero{--hero-mobile-title-top: 82px;--hero-mobile-title-line: 37.6px;--hero-mobile-purchase-top: calc(100svh - 192.1523px - max(10px, env(safe-area-inset-bottom, 0px))) }}@media(max-width:1023.98px)and (max-height:600px){.hero{--hero-mobile-title-top: 70px;--hero-mobile-title-line: 31.96px}}@media(max-width:359px){.hero-purchase{left:12px;right:12px;width:calc(100% - 24px)}.hero-purchase__pricing{left:8px;right:8px}.hero-purchase__actions{left:9px;right:9px;gap:12px}.hero-purchase__checkout{font-size:13px}}@media(min-width:1024px){.hero-purchase{display:none!important}}@media(max-width:1023.98px)and (prefers-reduced-motion:reduce){.hero[data-entrance=reduced]{height:calc(200vh - 62px);height:calc(200svh - 62px);min-height:1240px}.hero[data-reduced-intro] .hero__shadow{opacity:.51}.hero[data-reduced-intro] .hero__title,.hero[data-reduced-intro] .hero__bag,.hero[data-reduced-intro] .hero__teaser,.hero[data-reduced-intro] .hero-purchase{opacity:1!important;visibility:visible}.hero[data-reduced-intro] .hero__sheet{transform:translateY(100%)}.hero[data-reduced-intro] .hero__hl,.hero[data-reduced-intro] .hero__hlbg,.hero[data-reduced-intro] .nex-highlights__heading,.hero[data-reduced-intro] .nex-highlights__controls{opacity:0!important;pointer-events:none}.hero[data-entrance=reduced]:not([data-reduced-intro]) .hero__shadow,.hero[data-entrance=reduced]:not([data-reduced-intro]) .hero__title,.hero[data-entrance=reduced]:not([data-reduced-intro]) .hero__bag,.hero[data-entrance=reduced]:not([data-reduced-intro]) .hero__teaser,.hero[data-entrance=reduced]:not([data-reduced-intro]) .hero-purchase{opacity:0!important;visibility:hidden}.hero[data-entrance=reduced]:not([data-reduced-intro]) .hero__sheet{transform:none}.hero[data-entrance=reduced]:not([data-reduced-intro]) .hero__slide,.hero[data-entrance=reduced]:not([data-reduced-intro]) .hero__hl,.hero[data-entrance=reduced]:not([data-reduced-intro]) .nex-highlights__heading,.hero[data-entrance=reduced]:not([data-reduced-intro]) .nex-highlights__controls{opacity:1}.hero-purchase *,.hero__bag-shell{animation:none!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/hero-purchase.css.map */