.discount-code-box{display:block;margin:1.5rem 0;padding:1.6rem;background:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--inputs-radius, 16px);transition:all .3s ease}.discount-code-box:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.12)}.discount-code-box__title{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;color:rgba(var(--color-foreground),.8)}.discount-code-box__title svg{width:1.4rem;height:1.4rem;fill:currentColor}.discount-code-box__input-row{display:flex;gap:1rem;align-items:stretch}.discount-code-box__field{position:relative;flex:1}.discount-code-box__input{width:100%;height:4.5rem;padding:1rem 1.6rem;font-size:1.4rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 16px);box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.discount-code-box__input:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 1px rgb(var(--color-button))}.discount-code-box__input::placeholder{color:rgba(var(--color-foreground),.4)}.discount-code-box__button{min-width:9rem;height:4.5rem;padding:0 2rem;font-size:1.3rem;font-weight:600;border-radius:var(--buttons-radius, 16px);border:none;background:rgb(var(--color-button));color:rgb(var(--color-button-text));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;position:relative}.discount-code-box__button:hover{transform:translateY(-1px);opacity:.95}.discount-code-box__button:active{transform:translateY(0)}.discount-code-box__button[disabled]{opacity:.5;cursor:not-allowed;transform:none}.discount-code-box__applied{display:flex;align-items:center;justify-content:space-between;background:rgba(var(--color-button),.08);border:1px solid rgba(var(--color-button),.2);border-radius:var(--inputs-radius, 16px);padding:1rem 1.6rem;margin-top:.5rem;animation:slideDownIn .3s cubic-bezier(.16,1,.3,1)}.discount-code-box__badge{display:flex;align-items:center;gap:.8rem;font-weight:600;color:rgb(var(--color-button));font-size:1.3rem}.discount-code-box__badge svg{width:1.4rem;height:1.4rem;fill:currentColor}.discount-code-box__remove{background:none;border:none;padding:.4rem;cursor:pointer;color:rgba(var(--color-foreground),.6);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.discount-code-box__remove:hover{background:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.discount-code-box__remove svg{width:1.2rem;height:1.2rem}.discount-code-box__message{font-size:1.2rem;margin-top:.8rem;display:none;animation:fadeIn .2s ease}.discount-code-box__message--success{display:block;color:#2e7d32}.discount-code-box__message--error{display:block;color:#d32f2f}.discount-code-box__button .loading-spinner{width:1.8rem;height:1.8rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/component-discount-box.css.map */