.costan-buy-buttons{--costan-buy-accent: var(--costan-accent, #c9ff36);--costan-buy-radius: 16px;width:100%;display:block;margin:22px 0 18px}.costan-buy-buttons,.costan-buy-buttons *,.costan-buy-buttons *:before,.costan-buy-buttons *:after{box-sizing:border-box}.costan-buy-buttons__form{width:100%;margin:0}.costan-buy-buttons__error{align-items:center;gap:8px;margin-bottom:12px;color:#ff6b6b;font-size:13px;line-height:1.35}.costan-buy-buttons__error[hidden]{display:none!important}.costan-buy-buttons__error svg{width:16px;height:16px;flex:0 0 auto}.costan-buy-buttons__stack{width:100%;display:grid;gap:12px}.costan-buy-buttons__top-row{width:100%;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center}.costan-buy-buttons__wishlist,.costan-buy-buttons__add,.costan-buy-buttons__dynamic{height:56px;min-height:56px;border-radius:var(--costan-buy-radius);-webkit-appearance:none;appearance:none}.costan-buy-buttons__wishlist{width:56px;display:grid;place-items:center;padding:0;margin:0;border:1px solid rgba(var(--color-foreground),.18);background:radial-gradient(circle at 50% 0%,rgba(var(--color-foreground),.08),transparent 58%),rgba(var(--color-foreground),.025);color:rgb(var(--color-foreground));cursor:pointer;line-height:0;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.035),0 0 #0000;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease,color .24s ease}.costan-buy-buttons__wishlist:hover{transform:translateY(-2px);border-color:rgba(var(--color-foreground),.32);background:rgba(var(--color-foreground),.06);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.05),0 14px 30px #00000038}.costan-buy-buttons__wishlist.is-active{border-color:var(--costan-buy-accent);background:#c9ff361f;color:var(--costan-buy-accent)}.costan-buy-buttons__wishlist svg{width:21px;height:21px;display:block}.costan-buy-buttons__add{position:relative;isolation:isolate;width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:0 12px;margin:0;border:1px solid var(--costan-buy-accent);background:radial-gradient(circle at 10% 50%,rgba(201,255,54,.12),transparent 34%),rgba(var(--color-background),.92);color:rgb(var(--color-foreground));cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.03),0 0 #c9ff3600;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease,opacity .24s ease}.costan-buy-buttons__add:before,.costan-buy-buttons__add:after,.costan-buy-buttons__add.button:before,.costan-buy-buttons__add.button:after{content:none!important;display:none!important;box-shadow:none!important;outline:0!important}.costan-buy-buttons__add-slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transform:translate(-105%);background:linear-gradient(90deg,#c9ff3600,#c9ff3633 34%,#c9ff361a 60%,#c9ff3600)}.costan-buy-buttons__add:hover{transform:translateY(-2px);border-color:var(--costan-buy-accent);background:radial-gradient(circle at 10% 50%,rgba(201,255,54,.18),transparent 34%),rgba(var(--color-background),.96);box-shadow:0 16px 34px #c9ff3624,inset 0 0 0 1px rgba(var(--color-foreground),.05)}.costan-buy-buttons__add:hover .costan-buy-buttons__add-slide{animation:costan-buy-slide .72s cubic-bezier(.16,1,.3,1) forwards}.costan-buy-buttons__add:active{transform:translateY(0)}.costan-buy-buttons__add[disabled],.costan-buy-buttons__add[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.costan-buy-buttons__add-icon,.costan-buy-buttons__plus,.costan-buy-buttons__bolt,.costan-buy-buttons__arrow{width:38px;height:38px;display:grid;place-items:center;border-radius:999px}.costan-buy-buttons__add-icon,.costan-buy-buttons__plus,.costan-buy-buttons__add-text,.costan-buy-buttons__add .loading__spinner{position:relative;z-index:4}.costan-buy-buttons__add-icon{background:#c9ff3624;color:rgb(var(--color-foreground));transition:background .24s ease,transform .24s ease,box-shadow .24s ease}.costan-buy-buttons__plus{justify-self:end;background:#c9ff3629;color:rgb(var(--color-foreground));transition:background .24s ease,transform .24s ease,box-shadow .24s ease}.costan-buy-buttons__add:hover .costan-buy-buttons__add-icon{background:#c9ff3642;transform:translate(3px) scale(1.05);box-shadow:0 6px 16px #c9ff3624}.costan-buy-buttons__add:hover .costan-buy-buttons__plus{background:#c9ff3647;transform:rotate(90deg) scale(1.06);box-shadow:0 6px 16px #c9ff3624}.costan-buy-buttons__add-icon svg,.costan-buy-buttons__plus svg,.costan-buy-buttons__bolt svg,.costan-buy-buttons__arrow svg{width:18px;height:18px;display:block}.costan-buy-buttons__add-text{min-width:0;display:block;text-align:center;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:13px;font-weight:780;line-height:1;letter-spacing:.02em;white-space:nowrap;transition:transform .24s ease,letter-spacing .24s ease}.costan-buy-buttons__add:hover .costan-buy-buttons__add-text{transform:translate(2px);letter-spacing:.035em}.costan-buy-buttons__add .loading__spinner{position:absolute;right:22px;width:18px;height:18px}.costan-buy-buttons__add .loading__spinner.hidden{display:none!important}.costan-buy-buttons__add[aria-disabled=true] .costan-buy-buttons__plus,.costan-buy-buttons__add[aria-disabled=true] .costan-buy-buttons__add-icon{opacity:0}.costan-buy-buttons__dynamic{position:relative;isolation:isolate;width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;padding:0 12px;margin:0;overflow:hidden;background:radial-gradient(circle at 0% 50%,rgba(255,255,255,.24),transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--costan-buy-accent) 84%,#ffffff 16%),var(--costan-buy-accent));color:#050505;box-shadow:0 18px 40px #c9ff362e,inset 0 1px #ffffff61;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}.costan-buy-buttons__buy-slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transform:translate(-105%);background:linear-gradient(90deg,#fff0,#ffffff75 34%,#ffffff2e 60%,#fff0)}.costan-buy-buttons__dynamic:hover,.costan-buy-buttons__dynamic:focus-within,.costan-buy-buttons__dynamic.is-processing{transform:translateY(-2px);filter:brightness(1.015);box-shadow:0 24px 52px #c9ff3647,inset 0 1px #ffffff75}.costan-buy-buttons__dynamic:hover .costan-buy-buttons__buy-slide,.costan-buy-buttons__dynamic:focus-within .costan-buy-buttons__buy-slide,.costan-buy-buttons__dynamic.is-slide-ready .costan-buy-buttons__buy-slide{animation:costan-buy-slide .72s cubic-bezier(.16,1,.3,1) forwards}.costan-buy-buttons__bolt,.costan-buy-buttons__arrow{position:relative;z-index:7;background:radial-gradient(circle at 35% 25%,#fffffff5,#ffffff6b 70%);color:#050505;box-shadow:0 7px 14px #0000001a,0 5px 18px #ffffff47,inset 0 1px #ffffffd6;transition:background .24s ease,transform .24s ease,box-shadow .24s ease,opacity .22s ease;pointer-events:none}.costan-buy-buttons__dynamic:hover .costan-buy-buttons__bolt,.costan-buy-buttons__dynamic:focus-within .costan-buy-buttons__bolt{transform:translate(3px) scale(1.08) rotate(-10deg);box-shadow:0 10px 20px #00000021,0 7px 24px #ffffff61,inset 0 1px #fffffff5}.costan-buy-buttons__dynamic:hover .costan-buy-buttons__arrow,.costan-buy-buttons__dynamic:focus-within .costan-buy-buttons__arrow{transform:translate(5px) scale(1.08);box-shadow:0 10px 20px #00000021,0 7px 24px #ffffff61,inset 0 1px #fffffff5}.costan-buy-buttons__buy-text{position:relative;z-index:7;display:block;text-align:center;color:#050505;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:13px;font-weight:820;line-height:1;letter-spacing:.02em;pointer-events:none;transition:transform .24s ease,letter-spacing .24s ease,opacity .2s ease}.costan-buy-buttons__dynamic:hover .costan-buy-buttons__buy-text,.costan-buy-buttons__dynamic:focus-within .costan-buy-buttons__buy-text{transform:translate(2px) scale(1.015);letter-spacing:.035em}.costan-buy-buttons__buy-spinner{position:absolute;left:calc(50% + 58px);top:50%;z-index:8;width:17px;height:17px;display:none;margin-top:-8.5px;border-radius:999px;border:2px solid rgba(5,5,5,.25);border-top-color:#050505;pointer-events:none;animation:costan-buy-spin .72s linear infinite}.costan-buy-buttons__dynamic.is-processing{cursor:wait}.costan-buy-buttons__dynamic.is-processing .costan-buy-spinner,.costan-buy-buttons__dynamic.is-processing .costan-buy-buttons__buy-spinner{display:block}.costan-buy-buttons__dynamic.is-processing .costan-buy-buttons__arrow{opacity:0;transform:translate(10px) scale(.82)}.costan-buy-buttons__dynamic.is-processing .costan-buy-buttons__buy-text{transform:none;letter-spacing:.035em}.costan-buy-buttons__payment{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:auto}.costan-buy-buttons__payment,.costan-buy-buttons__payment *,.costan-buy-buttons__payment *:before,.costan-buy-buttons__payment *:after{box-shadow:none!important;outline:none!important}.costan-buy-buttons__payment .shopify-payment-button,.costan-buy-buttons__payment .shopify-payment-button__button,.costan-buy-buttons__payment .shopify-payment-button__button--unbranded,.costan-buy-buttons__payment .shopify-payment-button__button--branded,.costan-buy-buttons__payment .shopify-payment-button__button.button{width:100%!important;height:100%!important;min-height:56px!important;margin:0!important;padding:0!important;border:0!important;border-radius:var(--costan-buy-radius)!important;outline:0!important;box-shadow:none!important;overflow:hidden!important;background:transparent!important;color:transparent!important;font-size:0!important;line-height:0!important;opacity:.01!important;cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important}.costan-buy-buttons__payment .shopify-payment-button__button:before,.costan-buy-buttons__payment .shopify-payment-button__button:after,.costan-buy-buttons__payment .shopify-payment-button__button--unbranded:before,.costan-buy-buttons__payment .shopify-payment-button__button--unbranded:after,.costan-buy-buttons__payment .shopify-payment-button__button--branded:before,.costan-buy-buttons__payment .shopify-payment-button__button--branded:after,.costan-buy-buttons__payment .button:before,.costan-buy-buttons__payment .button:after{content:none!important;display:none!important;opacity:0!important;visibility:hidden!important;box-shadow:none!important;outline:none!important;background:transparent!important}.costan-buy-buttons__payment .shopify-payment-button__button--hidden,.costan-buy-buttons__payment .shopify-payment-button__more-options{display:none!important}.costan-buy-buttons__bolt,.costan-buy-buttons__arrow,.costan-buy-buttons__buy-text,.costan-buy-buttons__buy-spinner,.costan-buy-buttons__buy-slide{pointer-events:none}.costan-buy-buttons button:before,.costan-buy-buttons button:after,.costan-buy-buttons .button:before,.costan-buy-buttons .button:after{box-shadow:none!important}@keyframes costan-buy-slide{0%{transform:translate(-105%)}to{transform:translate(105%)}}@keyframes costan-buy-spin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.costan-buy-buttons{margin:20px 0 16px}.costan-buy-buttons__stack{gap:10px}.costan-buy-buttons__top-row{grid-template-columns:52px minmax(0,1fr);gap:10px}.costan-buy-buttons__wishlist,.costan-buy-buttons__add,.costan-buy-buttons__dynamic{height:52px;min-height:52px;border-radius:14px}.costan-buy-buttons__wishlist{width:52px}.costan-buy-buttons__add{grid-template-columns:38px minmax(0,1fr) 38px;padding:0 10px}.costan-buy-buttons__dynamic{grid-template-columns:40px minmax(0,1fr) 40px;padding:0 10px}.costan-buy-buttons__add-icon,.costan-buy-buttons__plus,.costan-buy-buttons__bolt,.costan-buy-buttons__arrow{width:36px;height:36px}.costan-buy-buttons__wishlist svg{width:20px;height:20px}.costan-buy-buttons__add-icon svg,.costan-buy-buttons__plus svg,.costan-buy-buttons__bolt svg,.costan-buy-buttons__arrow svg{width:16px;height:16px}.costan-buy-buttons__add-text,.costan-buy-buttons__buy-text{font-size:12px}.costan-buy-buttons__buy-spinner{width:16px;height:16px;left:calc(50% + 50px);margin-top:-8px}.costan-buy-buttons__payment .shopify-payment-button,.costan-buy-buttons__payment .shopify-payment-button__button,.costan-buy-buttons__payment .shopify-payment-button__button--unbranded,.costan-buy-buttons__payment .shopify-payment-button__button--branded{min-height:52px!important;border-radius:14px!important}}@media screen and (max-width:380px){.costan-buy-buttons__top-row{grid-template-columns:48px minmax(0,1fr);gap:8px}.costan-buy-buttons__wishlist{width:48px}.costan-buy-buttons__wishlist,.costan-buy-buttons__add,.costan-buy-buttons__dynamic{height:50px;min-height:50px;border-radius:13px}.costan-buy-buttons__add{grid-template-columns:34px minmax(0,1fr) 34px}.costan-buy-buttons__dynamic{grid-template-columns:36px minmax(0,1fr) 36px}.costan-buy-buttons__add-icon,.costan-buy-buttons__plus,.costan-buy-buttons__bolt,.costan-buy-buttons__arrow{width:33px;height:33px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/costan-buy-buttons.css.map */