.coupon-card{background:0 0;align-items:stretch;width:100%;transition:transform .2s,opacity .2s;display:flex;position:relative}.coupon-card:after{content:"";background:var(--icon-color);width:.5rem;height:100%;position:absolute;left:0}.coupon-card.used{filter:brightness(.5)}.coupon-card .info-wrapper{border-right:2px dotted var(--gray-alpha-300);background:var(--background);border-top:1px solid var(--gray-alpha-200);border-radius:0 .75rem .75rem 0;flex:1;padding:1.5rem 1rem 1.5rem 1.5rem;position:relative;overflow:hidden;box-shadow:1.95px 1.95px 2.6px #00000026}.coupon-card .info-wrapper .name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:700;overflow:hidden}.coupon-card .info-wrapper .description{color:var(--foreground);white-space:break-spaces;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:2.5rem;margin-bottom:.5rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.coupon-card .info-wrapper .discount-info{white-space:nowrap;text-overflow:ellipsis;align-items:center;font-size:.875rem;display:flex;overflow:hidden}.coupon-card .info-wrapper .discount-info .discount-value{color:var(--primary-color);letter-spacing:-.5px;flex-shrink:0;font-weight:700}.coupon-card .info-wrapper .discount-info .max-discount,.coupon-card .info-wrapper .discount-info .min-order,.coupon-card .info-wrapper .discount-info .expire-time{color:var(--gray-alpha-500);letter-spacing:-.5px;flex-shrink:0;font-size:.75rem}.coupon-card .info-wrapper .discount-info .max-discount:before,.coupon-card .info-wrapper .discount-info .min-order:before,.coupon-card .info-wrapper .discount-info .expire-time:before{content:"|";color:var(--gray-alpha-400);margin-right:.35rem;padding-left:.35rem}.coupon-card .info-wrapper .expire-time{color:var(--gray-alpha-400);letter-spacing:-.5px;flex-shrink:0;font-size:.75rem;line-height:1}.coupon-card .coupon-btn{z-index:1;pointer-events:none;background:var(--background);border-top:1px solid var(--gray-alpha-200);transform-origin:bottom;border-radius:.75rem;justify-content:center;align-items:center;padding:0 .75rem;transition:transform .2s;display:flex;box-shadow:1.95px 1.95px 2.6px #00000026}.coupon-card .coupon-btn.clickable:not(.used){pointer-events:auto}.coupon-card .coupon-btn.clickable:not(.used) .icon{background:var(--primary-color);opacity:1}.coupon-card .coupon-btn .icon{background:var(--icon-color);color:var(--background);opacity:.5;border-radius:50%;padding:.25rem;font-size:2rem}@media (hover:hover) and (pointer:fine){.coupon-card.clickable:hover{cursor:pointer;opacity:.8;transform:translateY(-1px)}.coupon-card .coupon-btn:not(.used).clickable{pointer-events:auto}.coupon-card .coupon-btn:not(.used).clickable:hover{opacity:.8;transform:rotate(5deg)}}
.coupon-dialog{scrollbar-color:var(--gray-alpha-300)#0000}.coupon-dialog .MuiDialog-paper{min-height:500px}.coupon-dialog.edit .content .item-detail-wrapper .required-info{color:var(--gray-alpha-500);margin-top:-.5rem;margin-bottom:.75rem;font-size:.875rem}.coupon-dialog.edit .content .item-detail-wrapper .input-label{align-content:center;min-width:135px;font-weight:700}.coupon-dialog.edit .content .item-detail-wrapper .input-label.required:after{content:"*";color:var(--false-color)}.coupon-dialog.edit .content .item-detail-wrapper .name-wrapper .name{width:100%;font-size:1rem;font-weight:400}.coupon-dialog.edit .content .item-detail-wrapper .description-wrapper .description{resize:vertical;font-size:1rem}.coupon-dialog.edit .content .item-detail-wrapper .coupon-code-wrapper{margin-top:1rem;display:flex}.coupon-dialog.edit .content .item-detail-wrapper .coupon-code-wrapper .coupon-code{font-size:1rem}.coupon-dialog.edit .content .item-detail-wrapper .coupon-code-wrapper .coupon-code.first{text-align:center;width:2.5rem;margin-right:.5rem}.coupon-dialog.edit .content .item-detail-wrapper .coupon-code-wrapper .coupon-code.second{text-align:center;width:2.5rem}.coupon-dialog .title-wrapper{background-color:var(--background);width:100%;color:var(--foreground);border-bottom:1px solid var(--gray-alpha-300);justify-content:space-between;align-items:center;padding:1rem;font-size:1rem;font-weight:700;display:flex;position:sticky;top:0}.coupon-dialog .title-wrapper .title{align-items:center;gap:.5rem;display:flex}.coupon-dialog .title-wrapper .close-icon{cursor:pointer}.coupon-dialog .content{overflow-y:overlay;flex-direction:column;padding:0;display:flex}.coupon-dialog .content .preview{background:var(--background-hover);flex:1;padding:1.5rem 2rem}.coupon-dialog .content .preview .coupon-list{flex-direction:column;gap:.5rem;display:flex}.coupon-dialog .content .item-detail-wrapper{z-index:1;background:var(--background);border-top:1px solid var(--gray-alpha-300);flex-direction:column;flex:1.5;width:100%;padding:1.5rem 1rem;display:flex;overflow-y:auto}.coupon-dialog .content .item-detail-wrapper .name-wrapper{justify-content:space-between;display:flex}.coupon-dialog .content .item-detail-wrapper .name-wrapper .name{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.coupon-dialog .content .item-detail-wrapper .description-wrapper{display:flex}.coupon-dialog .content .item-detail-wrapper .description-wrapper .description{width:100%;min-height:5rem;margin-top:1rem;padding:1rem .5rem}.coupon-dialog .content .item-detail-wrapper .expire-time-wrapper{justify-content:space-between;margin-top:1rem;display:flex}.coupon-dialog .content .item-detail-wrapper .expire-time-wrapper .date-input{width:100%}.coupon-dialog .content .item-detail-wrapper .expire-time-wrapper .expire-time{width:100%;font-size:1rem;font-weight:400}.coupon-dialog .content .item-detail-wrapper .coupon-code-wrapper{display:none}.coupon-dialog .content .item-detail-wrapper .coupon-type-wrapper{justify-content:space-between;margin-top:1rem;display:flex}.coupon-dialog .content .item-detail-wrapper .coupon-type-wrapper .selector{width:100%}.coupon-dialog .content .item-detail-wrapper .discount-value-wrapper,.coupon-dialog .content .item-detail-wrapper .max-discount-amount-wrapper,.coupon-dialog .content .item-detail-wrapper .min-order-amount-wrapper{justify-content:space-between;margin-top:1rem;display:flex}.coupon-dialog .content .item-detail-wrapper .discount-value-wrapper .discount-value-input,.coupon-dialog .content .item-detail-wrapper .discount-value-wrapper .max-discount-amount-input,.coupon-dialog .content .item-detail-wrapper .discount-value-wrapper .min-order-amount-input,.coupon-dialog .content .item-detail-wrapper .max-discount-amount-wrapper .discount-value-input,.coupon-dialog .content .item-detail-wrapper .max-discount-amount-wrapper .max-discount-amount-input,.coupon-dialog .content .item-detail-wrapper .max-discount-amount-wrapper .min-order-amount-input,.coupon-dialog .content .item-detail-wrapper .min-order-amount-wrapper .discount-value-input,.coupon-dialog .content .item-detail-wrapper .min-order-amount-wrapper .max-discount-amount-input,.coupon-dialog .content .item-detail-wrapper .min-order-amount-wrapper .min-order-amount-input{align-items:center;gap:.25rem;width:100%;display:flex}.coupon-dialog .content .item-detail-wrapper .discount-value-wrapper .discount-value-input input,.coupon-dialog .content .item-detail-wrapper .discount-value-wrapper .max-discount-amount-input input,.coupon-dialog .content .item-detail-wrapper .discount-value-wrapper .min-order-amount-input input,.coupon-dialog .content .item-detail-wrapper .max-discount-amount-wrapper .discount-value-input input,.coupon-dialog .content .item-detail-wrapper .max-discount-amount-wrapper .max-discount-amount-input input,.coupon-dialog .content .item-detail-wrapper .max-discount-amount-wrapper .min-order-amount-input input,.coupon-dialog .content .item-detail-wrapper .min-order-amount-wrapper .discount-value-input input,.coupon-dialog .content .item-detail-wrapper .min-order-amount-wrapper .max-discount-amount-input input,.coupon-dialog .content .item-detail-wrapper .min-order-amount-wrapper .min-order-amount-input input{border:1px solid var(--gray-alpha-300);background-color:var(--background);border-radius:.75rem;flex:1;width:100%;padding:.65rem .8rem;font-size:1rem;font-weight:400}.coupon-dialog .content .item-detail-wrapper .discount-value-wrapper .discount-value-input .unit,.coupon-dialog .content .item-detail-wrapper .discount-value-wrapper .max-discount-amount-input .unit,.coupon-dialog .content .item-detail-wrapper .discount-value-wrapper .min-order-amount-input .unit,.coupon-dialog .content .item-detail-wrapper .max-discount-amount-wrapper .discount-value-input .unit,.coupon-dialog .content .item-detail-wrapper .max-discount-amount-wrapper .max-discount-amount-input .unit,.coupon-dialog .content .item-detail-wrapper .max-discount-amount-wrapper .min-order-amount-input .unit,.coupon-dialog .content .item-detail-wrapper .min-order-amount-wrapper .discount-value-input .unit,.coupon-dialog .content .item-detail-wrapper .min-order-amount-wrapper .max-discount-amount-input .unit,.coupon-dialog .content .item-detail-wrapper .min-order-amount-wrapper .min-order-amount-input .unit{color:var(--gray-alpha-500);font-size:1rem}.coupon-dialog .actions{z-index:10;padding:1.25rem 1.5rem calc(env(safe-area-inset-bottom) + 1.25rem);background:var(--background);border-top:1px solid var(--gray-alpha-100);box-shadow:0 -12px 30px var(--black-alpha-100);position:sticky;bottom:0}.coupon-dialog .actions .actions-group{width:100%;display:flex}.coupon-dialog .actions .actions-group .confirm-btn{background-color:var(--foreground);color:var(--background);text-transform:none;border-radius:1rem;flex:1;height:3.75rem;font-size:1rem;font-weight:850;transition:all .2s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.coupon-dialog .actions .actions-group .confirm-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}}@media (min-width:1180px){.coupon-dialog .title-wrapper{min-width:500px}}@media (max-width:1179px){.coupon-dialog .content .item-detail-wrapper{flex:5}}
.otp-dialog .title-wrapper{flex-direction:column;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;display:flex}.otp-dialog .title-wrapper .icon{color:var(--notice-color)}.otp-dialog .title-wrapper .icon svg{font-size:2rem}.otp-dialog .content-wrapper{flex-direction:column;align-items:center;padding:0;display:flex}.otp-dialog .content-wrapper .description{text-align:center;white-space:break-spaces;margin-bottom:.5rem;padding:.5rem 2rem;font-size:1rem}.otp-dialog .content-wrapper .otp-input-wrapper{gap:.5rem;margin-top:.5rem;margin-bottom:1.5rem;display:flex}.otp-dialog .content-wrapper .otp-input-wrapper .otp-input{text-align:center;border:1px solid var(--gray-alpha-300);background-color:var(--gray-alpha-100);border-radius:.5rem;width:3rem;height:3.5rem;font-size:2rem;font-weight:900}.otp-dialog .content-wrapper .otp-input-wrapper .otp-input.filled{border-color:var(--notice-color);background-color:var(--background)}.otp-dialog .content-wrapper .action-btn-group{width:100%;display:flex}.otp-dialog .content-wrapper .action-btn-group .action-btn{color:var(--notice-color);opacity:.75;border-top:1px solid var(--gray-alpha-300);border-radius:0;justify-content:center;align-items:center;width:100%;height:3.25rem;padding:.75rem;font-size:1.125rem;transition:opacity .2s,background-color .2s;display:flex}.otp-dialog .content-wrapper .action-btn-group .action-btn:first-child{border-right:1px solid var(--gray-alpha-300)}@media (hover:hover) and (pointer:fine){.otp-dialog .content-wrapper .action-btn-group .action-btn:hover{background-color:var(--gray-alpha-100);opacity:1}}