{"version":3,"file":"assets/css/classic_temp.css","mappings":"AASA,uBACI,wCANe,CAOf,uBALS,CAMT,aAEA,yDAEI,iBADA,iBACA,CACA,4DAII,wBAHA,eACA,gBAIA,gBAHA,wBAGA,CAEJ,2DAEI,wBADA,cACA,CAIR,8CAKI,+BACA,mBALA,aAEA,SADA,uBAOA,mBAEA,kBAJA,wCAIA,CAEA,oEAEI,uBAxCC,CAuCD,eAGA,eACA,gBACA,kBAHA,YAGA,CAEA,2FACI,0BAnDA,CAwDZ,+CACI,aAEA,SADA,oCAEA,gBAEA,sEAEI,mBACA,6BAEA,mBAJA,aAGA,YACA,CAEA,mGAGI,kBADA,YAEA,kBAHA,UAGA,CAIA,wIAGI,uBA3EP,CAyEO,eACA,gBAEA,SAGJ,kIAGI,mBADA,aAGA,SADA,8BAHA,UAIA,CAEA,qIAMI,wBAHA,eAEA,gBAHA,iDAEA,yBAHA,UAxFX,CAgGO,qIACI,+CACA,gBACA,WACA,UAGJ,6IAEI,qCA7GR,CA8GQ,mBAGA,8BADA,eADA,gBAHA,eA1GL,C","sources":["webpack://restaurant-menu-mange-and-order/./resources/scss/menu_template/classic_temp.scss"],"sourcesContent":["@use \"sass:color\";\n\n$primary-color: var(--primary-color);\n$primary-light: var(--primary-light);\n$background-color: var(--background-color);\n$secondary-color: var(--secondary-color);\n$text-color: var(--font-color);\n$text-light: var(--font-light);\n\n.erm_classic_temp-menu {\n    background-color: $background-color;\n    color: $text-color;\n    padding: 20px;\n\n    .easyRestaurantManager-menu-title {\n        text-align: center;\n        padding-top: 40px;\n        h2 {\n            font-size: 42px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--font-color);\n            margin: 0;\n            margin-bottom: 20px;\n        }\n        p {\n            font-size: 14px;\n            color: var(--font-light);\n        }\n    }\n\n    .erm_classic_temp-tabs {\n        display: flex;\n        justify-content: center;\n        gap: 20px;\n        margin-bottom: 20px;\n        background: #7875752b;\n        border-radius: 40px;\n        width: max-content;\n        margin: 0 auto;\n        margin-top: 30px;\n        padding: 20px;\n        padding: 10px 20px;\n\n        .erm_classic_temp-tab {\n            cursor: pointer;\n            color: $text-color;\n            padding: 10px;\n            font-size: 18px;\n            font-weight: 500;\n            line-height: 1.2em;\n\n            &.erm_classic_tem_active {\n                color: $primary-color;\n            }\n        }\n    }\n\n    .erm_classic_temp-items {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n        margin-top: 20px;\n\n        .erm_classic_temp-item {\n            display: flex;\n            align-items: center;\n            background-color: transparent;\n            padding: 15px;\n            border-radius: 10px;\n\n            .erm_classic_temp-item-image {\n                width: 80px;\n                height: 80px;\n                border-radius: 50%;\n                margin-right: 10px;\n            }\n\n            .erm_classic_temp-item-details {\n                .erm_classic_temp-item-description {\n                    font-size: 18px;\n                    font-weight: 400;\n                    color: $text-light;\n                    margin: 0px;\n                }\n\n                .erm_classic_temp-item-title {\n                    width: 100%;\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    gap: 20px;\n\n                    h3 {\n                        width: 100%;\n                        max-width: fit-content;\n                        font-size: 20px;\n                        text-transform: uppercase;\n                        font-weight: 500;\n                        color: $text-color;\n                    }\n\n                    hr {\n                        border-bottom: 1px solid $secondary-color;\n                        border-top: none;\n                        height: 1px;\n                        width: 50%;\n                    }\n\n                    .erm_price {\n                        padding: 4px 8px;\n                        background-color: $primary-color;\n                        border-radius: 20px;\n                        font-weight: 700;\n                        font-size: 16px;\n                        color: $background-color;\n                    }\n                }\n            }\n        }\n    }\n}"],"names":[],"sourceRoot":""}