.custom-discount-code details{border-bottom:1px solid rgba(var(--color-foreground),.1)}.custom-discount-code details summary{display:flex;align-items:center;justify-content:space-between;padding:var(--custom-space-4) 0;cursor:pointer;list-style:none;outline:none}.custom-discount-code details summary:focus,.custom-discount-code details summary:focus-visible{outline:none;box-shadow:none}.custom-discount-code details summary::-webkit-details-marker{display:none}.custom-discount-code details summary .summary__title{display:flex;align-items:center;gap:var(--custom-gap-sm);font-size:var(--custom-text-sm);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.custom-discount-code details summary .summary__title .icon-caret{width:10px;height:10px;transition:transform var(--custom-transition-normal)}.custom-discount-code details[open] summary .summary__title .icon-caret{transform:rotate(180deg)}.custom-discount-code__content{padding-bottom:var(--custom-space-4)}.custom-discount-code__form{display:flex;gap:var(--custom-gap-sm)}.custom-discount-code__input-wrapper{flex:1;margin:0}.custom-discount-code__input-wrapper.field:before,.custom-discount-code__input-wrapper.field:after{display:none}.custom-discount-code__input{width:100%;height:48px;line-height:48px;padding:0 var(--custom-input-padding-x);border:1px solid rgba(var(--color-foreground),.55);background:transparent;font-size:var(--custom-text-base);box-shadow:none}.custom-discount-code__input:hover{border:1px solid rgba(var(--color-foreground),.55);box-shadow:none}.custom-discount-code__input:focus{outline:none;border:1px solid rgba(var(--color-foreground),.55);box-shadow:none}.custom-discount-code__input.field__input:focus,.custom-discount-code__input.field__input:not(:placeholder-shown),.custom-discount-code__input.field__input:-webkit-autofill{padding:0 var(--custom-input-padding-x);margin:0}.custom-discount-code__button{padding:var(--custom-space-3) var(--custom-space-4);font-size:var(--custom-text-sm);font-weight:500;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;cursor:pointer;transition:opacity var(--custom-transition-normal)}.custom-discount-code__button:hover{opacity:.85}.custom-discount-code__button:disabled{opacity:.5;cursor:not-allowed}.custom-discount-code__message{margin-top:var(--custom-space-2);padding:var(--custom-space-2) var(--custom-space-3);font-size:var(--custom-text-base);border-radius:4px}.custom-discount-code__message--success{background:#0080001a;color:var(--custom-color-success)}.custom-discount-code__message--error{background:#ff00001a;color:var(--custom-color-error)}.custom-discount-code__applied{margin-top:var(--custom-space-3)}.custom-discount-code__applied-item{display:flex;align-items:center;gap:var(--custom-gap-sm);padding:var(--custom-space-2) var(--custom-space-3);background:rgba(var(--color-foreground),.05);border-radius:4px;font-size:var(--custom-text-base)}.custom-discount-code__applied-item+.custom-discount-code__applied-item{margin-top:var(--custom-space-2)}.custom-discount-code__applied-icon{display:flex;align-items:center;color:rgb(var(--color-foreground))}.custom-discount-code__applied-icon svg{width:16px;height:16px}.custom-discount-code__applied-title{flex:1;font-weight:500}.custom-discount-code__applied-amount{color:rgba(var(--color-foreground),.7)}.custom-discount-code__remove{padding:0;font-size:var(--custom-text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;text-decoration:underline;color:rgba(var(--color-foreground),.6);background:none;border:none;cursor:pointer;transition:color var(--custom-transition-normal)}.custom-discount-code__remove:hover{color:rgb(var(--color-foreground))}.custom-discount-code__button.loading{position:relative;color:transparent}.custom-discount-code__button.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgb(var(--color-button-text));border-top-color:transparent;border-radius:50%;animation:custom-discount-spin .8s linear infinite}@keyframes custom-discount-spin{to{transform:rotate(360deg)}}@media screen and (max-width:375px){.custom-discount-code__input{height:44px;line-height:44px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/custom-discount-code.css.map */