FileMaster

Edit File: coupon-form.css

.sc-coupon-form{container-type:inline-size;position:relative}.sc-coupon-form[hidden]{display:none}.sc-coupon-form .coupon-button{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:all var(--sc-transition-fast) ease;transition:all var(--sc-transition-fast) ease;visibility:hidden}.sc-coupon-form .coupon-button-mobile{display:none;margin-top:var(--sc-input-label-margin)}.sc-coupon-form--has-value .coupon-button{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);visibility:visible}@container (max-width: 320px){.sc-coupon-form .coupon-button{display:none}.sc-coupon-form .coupon-button-mobile{display:block}}.sc-coupon-form .form{gap:var(--sc-spacing-small);height:0;opacity:0;position:relative;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);-webkit-transition:opacity var(--sc-transition-medium) ease,-webkit-transform var(--sc-transition-medium) ease;transition:opacity var(--sc-transition-medium) ease,-webkit-transform var(--sc-transition-medium) ease;transition:opacity var(--sc-transition-medium) ease,transform var(--sc-transition-medium) ease;transition:opacity var(--sc-transition-medium) ease,transform var(--sc-transition-medium) ease,-webkit-transform var(--sc-transition-medium) ease;visibility:hidden}.sc-coupon-form--is-open .form{height:auto;margin:var(--sc-spacing-small) 0;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);visibility:visible}.sc-coupon-form--is-open .trigger{display:none}.sc-coupon-form .trigger{cursor:pointer;font-size:var(--sc-font-size-small);line-height:var(--sc-line-height-dense);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sc-coupon-form .trigger:hover{text-decoration:underline}.sc-coupon-form--is-rtl .trigger{text-align:right}.sc-coupon-form .sc-coupon__status{color:var(--sc-color-warning-700);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--sc-font-size-small);gap:var(--sc-spacing-x-small);line-height:var(--sc-line-height-dense);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:left;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sc-coupon-form .sc-coupon__status[hidden]{display:none}.sc-coupon-form .sc-coupon__status svg{height:12px;width:12px}.sc-coupon-form__input-group .sc-input-group-text{opacity:1}.sc-coupon-form__input-group .sc-input-group-text button{background:rgba(0,0,0,0);border:0;-webkit-box-shadow:none;box-shadow:none;color:var(--sc-color-primary-500);cursor:pointer;font-size:var(--sc-button-font-size-medium);font-weight:var(--sc-font-weight-semibold);padding:0 6px;-webkit-transition:opacity var(--sc-transition-medium) ease;transition:opacity var(--sc-transition-medium) ease}.sc-coupon-form__input-group .sc-input-group-text button:hover{opacity:.75}

Back