:root{--error-color: #cc0000;--remove-button-border-color: #ebebeb;--remove-button-icon-color: #7c878e;--tag-text-color: #434343}.cart-drawer__discount-input{padding:0 1.5rem;margin:2rem 0 4rem}.cart-drawer__discount-input .discount-input__content{max-height:0;margin-top:0;opacity:0;overflow:hidden;transform:translateY(-8px);transition:all var(--duration-short) ease}.cart-drawer__discount-input .discount-input__content.active{max-height:fit-content;margin-top:.8rem;opacity:1;transform:translateY(0)}.cart-drawer__discount-input .discount-input__button{font-size:1.6rem}.cart-drawer__discount-input .discount-input__button,.cart-drawer__discount-input .discount-input__submit{font-family:var(--font-body-family);font-weight:var(--font-body-weight);line-height:1.2;letter-spacing:0;display:flex;width:100%;justify-content:space-between;align-items:center;background:transparent;border:none;padding:.25rem 0 1.05rem}.cart-drawer__discount-input .discount-input__button svg{color:rgb(var(--color-grey-2));cursor:pointer;transition:transform var(--duration-medium) ease}.cart-drawer__discount-input .discount-input__button.open svg{transform:rotate(180deg)}.cart-drawer__discount-input .discount-input__button-text{font-weight:var(--font-body-weight-bold);color:rgb(var(--color-secondary-brown))}.cart-drawer__discount-input .discount-input__form{padding:3px;border:1px solid rgb(var(--color-grey-3));border-radius:.8rem;display:flex;flex-flow:row nowrap;place-content:stretch flex-start;align-items:stretch;width:100%}.discount-input__error-message{color:var(--error-color)}.cart-drawer__discount-input .discount-input__input-wrapper{display:flex;position:relative;flex-flow:row wrap;flex-grow:1}.cart-drawer__discount-input .discount-input__form .discount-input__input{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:1.4rem;border:none;border-radius:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;flex:1 1 auto;margin:0 10px 0 0;box-shadow:none;padding:10px 15px;width:100%;outline-offset:2px}.cart-drawer__discount-input .discount-input__input-wrapper .discount-input__input:focus-visible{outline-color:rgb(var(--color-primary-1))}.cart-drawer__discount-input .discount-input__form .discount-input__submit{font-weight:var(--font-body-weight-bold);border-radius:.6rem;background-color:rgb(var(--color-grey-2));color:rgb(var(--color-grey-5));padding:1.2rem 2rem;height:4.2rem;display:block;flex:0 0 auto;width:auto;min-width:80px;cursor:pointer;transition:background-color var(--duration-medium) ease}.cart-drawer__discount-input .discount-input__form .discount-input__submit:hover{background-color:rgb(var(--color-secondary-brown))}.discount-code-display__content{font-size:1.4rem;margin-top:1rem;animation:slideIn var(--duration-medium) ease-out}.discount-code-display__tag-wrapper{margin-bottom:1rem;display:flex;flex-direction:column}.discount-code-display__tag{padding:.3rem 0;border-radius:3px;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.discount-code-display__tag .icon-tags{width:2rem;height:2rem;margin-left:1rem}.discount-code-display__code-wrapper{font-weight:var(--font-body-weight-light)}.discount-code-display__code{color:rgb(var(--color-secondary-4));font-weight:var(--font-body-weight-bold);text-transform:uppercase}.discount-code-display__amount-wrapper{display:flex;align-items:center}.discount-code-display__amount{color:rgb(var(--color-secondary-4));font-weight:var(--font-body-weight-bold)}.discount-code-display__remove{padding:0;margin-left:4px;background:none;border:1px solid var(--remove-button-border-color);border-radius:50%;cursor:pointer;transition:all var(--duration-short) ease;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem}.discount-code-display__remove:hover svg{color:rgb(var(--color-grey-2))}.discount-code-display__remove svg{color:var(--remove-button-icon-color);width:2rem;height:2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.cart-drawer__discount-input .discount-input__input-wrapper .discount-input__input:focus-visible::placeholder{visibility:hidden}}@media screen and (min-width:750px){.cart-drawer__discount-input{padding:0 4rem}.cart-drawer__discount-input .discount-input__form .discount-input__submit{padding:1.2rem 2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/874/assets/component-cart-drawer-discount-input.css.map */