{"version":3,"file":"css/admin.css","mappings":"AACA,yBACI,gBACA,aACA,kBACA,qCACA,WACA,iBACA,gBAEA,4BACI,kBACA,WACA,mBAGJ,yCACI,aACA,sBAIJ,0CACI,mBACA,aACA,sBAEA,gDACI,eACA,iBACA,kBACA,WAIJ,+DACI,sBACA,sCACA,4BAEA,kBAEJ,+EACI,WACA,0BACA,oBACA,wCACA,yCACA,mBACA,kBACA,QACA,SACA,oBAEJ,iGACI,WACA,YACA,sBACA,kBACA,eACA,+BAIJ,6GACI,qBACA,aACA,sCAIJ,+DACI,WACA,iBAIJ,4DACI,aACA,mBAGR,kDACI,iBACA,yBACA,gBACA,cACA,iBACA,eAEJ,wDACI,gBAOR,yBACI,yBACI,e","sources":["webpack://open-directory/./src/scss/admin.scss"],"sourcesContent":["/* Container */\n.opendirectory-container {\n    background: #fff;\n    padding: 25px;\n    border-radius: 8px;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n    width: 100%;\n    max-width: 1000px;\n    margin-top: 10px;\n\n    h2 {\n        text-align: center;\n        color: #333;\n        margin-bottom: 20px;\n    }\n    /* Form Styles */\n    .form-container {\n        display: flex;\n        flex-direction: column;\n    }\n\n    /* Field Container */\n    .field-container {\n        margin-bottom: 15px;\n        display: flex;\n        flex-direction: column;\n\n        label {\n            font-size: 14px;\n            font-weight: bold;\n            margin-bottom: 5px;\n            color: #555;\n        }\n\n        /* Inputs & Select */\n        input[type=checkbox] {\n            --checkbox-size: 20px;\n            width: var(--checkbox-size) !important;\n            height: var(--checkbox-size);\n            \n            position: relative;\n        }\n        input[type=checkbox]:checked::before {\n            content: '';\n            margin-right:0!important;\n            margin:0!important;\n            width: calc(var(--checkbox-size) - 10px);\n            height: calc(var(--checkbox-size) - 10px);\n            background: #4949af;\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            translate: -50% -50%;\n        }\n        input,select {\n            width: 100%;\n            padding: 8px;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            font-size: 14px;\n            transition: all 0.3s ease-in-out;\n        }\n\n        /* Focus Effects */\n        input:focus,select:focus {\n            border-color: #007bff;\n            outline: none;\n            box-shadow: 0 0 5px rgba(0, 123, 255, 0.2);\n        }\n\n        /* Checkbox */\n        input[type=\"checkbox\"] {\n            width: auto;\n            margin-right: 8px;\n        }\n\n        /* Styling Checkbox Label */\n        label[for=\"enable\"] {\n            display: flex;\n            align-items: center;\n        }\n    }\n    .submit-container button {\n        padding: 8px 16px;\n        border: 1px solid #122112;\n        background: #aaa;\n        display: block;\n        margin-left: auto;\n        cursor: pointer;\n    }\n    .submit-container button:hover {\n        background: #999;\n    }\n    \n}\n\n\n/* Responsive Design */\n@media (max-width: 480px) {\n    .opendirectory-container {\n        max-width: 90%;\n    }\n}"],"names":[],"sourceRoot":""}