/* Minification failed. Returning unminified contents.
(2,69): run-time error CSS1046: Expect comma, found '120'
(2,77): run-time error CSS1046: Expect comma, found '/'
(8,103): run-time error CSS1046: Expect comma, found '207'
(8,111): run-time error CSS1046: Expect comma, found '/'
(14,77): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16,171): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20,64): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary-color'
(20,128): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21,94): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27,105): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
 */
/* WHITE MENU - COUPON BLOCK */
.coupon-area {background: #fff; box-shadow: 0px 1px 3px 0px rgb(120 120 120 / 31%); border-radius: 5px; margin-bottom: 30px;}
.coupon-area > h3 {font-size: 1.375rem; font-weight: 700; border-bottom: 1px solid #f3f3f3; padding: 10px 25px;}
.coupon-area .wrap-coupon-list {padding: 0 0 0 15px;}
.coupon-area .coupon {margin-bottom: 30px; padding: 25px; white-space: nowrap;display: flex; overflow-x: auto;overflow-y: hidden}
.coupon-area .coupon > li:first-child {margin: 0 0 0 10px}
.coupon-area .coupon > li {position: relative; display: inline-flex; border-radius: 10px; padding: 10px 20px; margin: 0 10px; flex-wrap: nowrap; }
.coupon-area .coupon > li.coupon-resturant { background: #f5f5f5; box-shadow: 1px 1px 1px 0px rgb(207 207 207 / 60%); align-items: center; flex-direction: row; cursor: pointer; }
.coupon-area .coupon > li.coupon-resturant::before {content: ''; border-radius: 50%; width: 25px; background: #fff; height: 25px; position: absolute;right: -14px;}
.coupon-area .coupon > li.coupon-resturant::after {content: ''; border-radius: 50%; width: 25px; background: #fff; height: 25px; position: absolute;left: -14px;}
.coupon-area .coupon > li.coupon-resturant > .coupon-desc {margin: 0 10px; padding: 5px;}
.coupon-area .coupon > li.coupon-resturant > .coupon-desc .coupon-name {font-size: 1.25rem;}
.coupon-area .coupon > li.coupon-resturant > .coupon-desc > .coupon-comment {font-size: 0.875rem;}
.coupon-area .coupon > li.coupon-resturant > .coupon-icon {background: var(--primary-color);  padding: 6px; text-align: center; border-radius: 50%; width: 35px; height: 35px;}
.coupon-area .coupon > li.coupon-resturant > .coupon-icon > svg {fill: #fff; width: 1rem; position: relative; top: 1px;}
.coupon-area .coupon > li.coupon-resturant > .coupon-action > span {border-right: 1px dashed #d5d5d5; display: block; line-height: 18px; padding-right: 15px; color: var(--primary-color); font-size: 1.125rem;}
.coupon-area .coupon > li.coupon-resturant-disable .coupon-icon {background: #eee; color: #c3c3c3; width: 35px; height: 35px; }
.coupon-area .coupon > li.coupon-resturant-disable .coupon-icon > svg {fill: #b7b7b7; width: 1rem; position: relative; top: 1px;}
.coupon-area .coupon > li.coupon-resturant-disable .coupon-action > span {color: #b7b7b7}
.coupon-area .coupon > li.discount-resturant {background: var(--bg-primary-color); text-align: center; border: 1px dashed var(--primary-color); font-size: 1.375rem; flex-direction: column;}
.coupon-area .coupon > li.discount-resturant > .icon-coupon {position: absolute; color: var(--primary-color); font-size: 1.125rem; left: 25px; top: -12px;}
    .coupon-area .coupon > li.discount-resturant > .icon-coupon > svg {
        fill: var(--primary-color);
        width: 1.125rem;
    }
.coupon-area .coupon > li.discount-resturant > .discount-text {color: #333; }
.coupon-area .coupon > li.discount-resturant > .discount-text > span {letter-spacing: -1px; color: var(--primary-color);}
.coupon-area .coupon > li.discount-resturant > .discount-comment {font-size: 0.875rem;}
.coupons-container-block {padding-right: 310px;margin-left: 30px;}





@media screen and (max-width: 1023px) {
    /* WHITE MENU - COUPON */
    .coupon-area {margin-bottom: 0;}
    .coupon-area > h3 {font-size: 1.25rem;}
    .coupon-area .coupon {padding: 15px; margin-bottom: 0;}
    .coupon-area .coupon > li.discount-resturant {font-size: 1.25rem;}
    .coupon-area .coupon > li.coupon-resturant > .coupon-desc .coupon-name {font-size: 1rem;}
    .coupon-area .coupon > li.coupon-resturant > .coupon-desc > .coupon-comment {font-size: 0.75rem;}
    .coupon-area .coupon > li.coupon-resturant > .coupon-action > a {font-size: 1rem;}
    .coupons-container-block {padding: 15px; width: 100%;}

}