.costan-delivery-check{--costan-delivery-accent: var(--costan-accent, #c9ff36);width:100%;margin:18px 0 20px;color:rgb(var(--color-foreground))}.costan-delivery-check,.costan-delivery-check *,.costan-delivery-check *:before,.costan-delivery-check *:after{box-sizing:border-box}.costan-delivery-check__head{display:grid;grid-template-columns:auto minmax(24px,1fr);align-items:center;gap:10px;margin-bottom:11px}.costan-delivery-check__head span{color:var(--costan-delivery-accent);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:10px;font-weight:850;line-height:1;letter-spacing:.16em;text-transform:uppercase}.costan-delivery-check__head i{height:1px;display:block;background:linear-gradient(90deg,rgba(201,255,54,.44),rgba(201,255,54,.12),transparent)}.costan-delivery-check__box{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}.costan-delivery-check__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(201,255,54,.22);background:radial-gradient(circle at 50% 0%,rgba(201,255,54,.16),transparent 62%),rgba(var(--color-foreground),.035);color:var(--costan-delivery-accent);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.035),0 10px 24px #00000029}.costan-delivery-check__icon svg{width:18px;height:18px;display:block}.costan-delivery-check__field{min-width:0;display:grid;gap:5px;padding-bottom:8px;border-bottom:1px solid rgba(var(--color-foreground),.24);transition:border-color .22s ease}.costan-delivery-check:focus-within .costan-delivery-check__field{border-bottom-color:#c9ff36b3}.costan-delivery-check__field label{margin:0;color:rgba(var(--color-foreground),.54);font-size:11px;font-weight:520;line-height:1}.costan-delivery-check__field input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:15px;font-weight:620;line-height:1.2;letter-spacing:.02em;box-shadow:none;-webkit-appearance:none;appearance:none}.costan-delivery-check__field input::placeholder{color:rgba(var(--color-foreground),.4)}.costan-delivery-check__button{min-width:94px;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:0;border-radius:12px;background:var(--costan-delivery-accent);color:#050505;cursor:pointer;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:11px;font-weight:850;line-height:1;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 14px 28px #c9ff3624,inset 0 1px #ffffff57;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.costan-delivery-check__button:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 18px 34px #c9ff3638,inset 0 1px #ffffff6b}.costan-delivery-check__button:active{transform:translateY(0)}.costan-delivery-check__button svg{width:14px;height:14px;display:block}.costan-delivery-check__message{margin:9px 0 0 54px;font-size:11px;line-height:1.4;color:rgba(var(--color-foreground),.62)}.costan-delivery-check__message[hidden]{display:none!important}.costan-delivery-check.is-error .costan-delivery-check__field{border-bottom-color:#ff6b6bb3}.costan-delivery-check.is-error .costan-delivery-check__message{color:#ff6b6b}.costan-delivery-check.is-success .costan-delivery-check__field{border-bottom-color:#c9ff36b8}.costan-delivery-check.is-success .costan-delivery-check__message{color:var(--costan-delivery-accent)}@media screen and (max-width:749px){.costan-delivery-check{margin:16px 0 18px}.costan-delivery-check__box{grid-template-columns:38px minmax(0,1fr) auto;gap:10px}.costan-delivery-check__icon{width:38px;height:38px}.costan-delivery-check__icon svg{width:17px;height:17px}.costan-delivery-check__button{min-width:84px;height:38px;padding:0 14px;border-radius:11px;font-size:10px}.costan-delivery-check__field label{font-size:10px}.costan-delivery-check__field input{font-size:14px}.costan-delivery-check__message{margin-left:48px;font-size:10px}}@media screen and (max-width:380px){.costan-delivery-check__box{grid-template-columns:36px minmax(0,1fr)}.costan-delivery-check__button{grid-column:2;justify-self:flex-start;margin-top:4px}.costan-delivery-check__message{margin-left:46px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/costan-delivery-check.css.map */