{"version":3,"file":"css/admin.css","mappings":"AAAA,yBAMQ,0BACI,0BAGJ,wBACI,eAGJ,qCACI,sBACA,eACA,6BACA,mBAGJ,2BACI,sBACA,6BACA,SAGJ,uEAEI,sBAIJ,4BACI,YACA,SAGJ,4CACI,eAGJ,mEAEI,sBAGJ,2EAEI,WAGJ,6EAEI,sBACA,kBAGJ,8BACI,oBAMJ,6BACI,aACA,eAEA,kBACA,QAGJ,oBACI,eAEA,aACA,mBACA,iBACA,0BACA,eACA,gBACA,gBACA,gBACA,kBACA,gBAGJ,0BACI,mBACA,gBACA,uBACA,OAKJ,uBACI,sBACA,SAGJ,4BACI,QAGJ,6BACI,8BACA,mBAGJ,qBACI,WACA,cAGJ,2BACI,WACA,YAGJ,4BACI,WACA,cAIJ,gCACI,WAMJ,yEAEI,WAMJ,oEAEI,WACA,WAQR,+CAIQ,sCACI,eACA,gBACA,gBAGJ,2CACI,WACA,YACA,cAGJ,+CACI,WACA,YACA,eAIJ,iHACI,0BACA,+HACI,SAGR,2DACI,sBACA,oBCtLhB,4BACI,mBACA,oBACA,kBACA,aACA,sBACA,uBACA,mBACA,gBAGF,iCACM,yBAEA,gCACA,kBAGJ,6BACI,aACA,kBAGJ,oBACI,aACA,mBACA,iBACA,0BACA,eACA,gBACA,iBACA,gBACA,gBACA,kBAEJ,gCACI,kCACA,WACA,+BAGJ,2BACI,yBACA,WAGJ,6BACI,aACA,sCACA,mBACA,gBAEJ,wCACI,gBAGJ,4BACI,WACA,yBAGJ,8BACI,8BACA,+BAIJ,yBACI,WACA,YACA,yBACA,kBACA,iBACA,aACA,uBACA,mBACA,WACA,iBACA,eAEJ,4BACI,oBAGJ,0BACI,mBACA,gBACA,uBAGJ,6BACI,gBACA,WACA,YACA,aACA,uBACA,mBACA,eACA,kBAGJ,mCACI,yBAIJ,6BACI,YACA,mBC5GN,qCACE,aACA,oBACA,qBAKF,2BACE,YACA,YACA,kBACA,mBACA,YACA,WACA,gBACA,eAEF,4BACE,aACA,uBACA,mBACA,eACA,yBACA,WACA,yBAIF,4BACE,kBACA,WACA,QACA,2BACA,gBACA,YACA,eACA,YACA,iBACA,eACA,WACA,aAGA,yFACE,SAIJ,6JAGE,cCpDJ,uBACI,aACA,8BACA,qBAGF,4BACE,aACA,sBACA,QAGF,6BACE,aACA,SAGF,2BACE,SACA,aACA,YACA,iBAGF,oCACE,SACA,QACA,kBAGF,iCACE,eACA,oBACA,aACA,cACA,cACA,mBACA,kBACA,mBAGF,uCACE,WACA,kBACA,UACA,SACA,aACA,cACA,gBACA,qBACA,6CACA,qBACA,4BAGF,wCACE,UACA,WACA,kBACA,QACA,SACA,aACA,cACA,mBACA,6CAGF,+CACE,mBAGF,2GAEE,sBACA,4BCzEJ,8BACI,kBACA,gBACA,kBAGF,2BACE,aACA,mBACA,SACA,mBAIF,gCACE,WACA,kBACA,kBACA,yBACA,yBACA,eACA,aACA,2CAGF,sCACE,qBACA,oCAGF,6CACE,cAGF,2BACE,gBACA,YACA,aACA,QACA,mBACA,eCzCF,qCACE,aACA,8BACA,mBACA,mBACA,SAGF,iDACE,2BAGF,mEAEE,aACA,mBACA,SAGF,uEAEE,aACA,qCACA,mBAGF,mEAEE,YACA,YACA,mBACA,0BACA,kBACA,aACA,uBACA,mBACA,eAGF,iEAEE,aAIF,6EAEE,aACA,iBACA,QACA,8BAGF,oEACE,qBACA,eACA,kBACA,gBACA,WACA,UACA,gBACA,kBACA,SACA,SACA,gCACA,kBAGF,2DACE,qBACA,eACA,kBACA,gBACA,WACA,UACA,gBACA,kBACA,SACA,SACA,gCACA,kBAGF,mEAEE,kBAEF,mGACE,oBACA,gBACA,eAGF,4DAEE,aACA,mBACA,QAGF,2CACE,sBACA,mBAEF,+BACE,WACA,YAEF,wCACE,kBAEF,wCACE,sBACA,kBClHJ,WACI,kBACA,oBACA,kBACA,gBACA,4CACA,wSCCJ,EACE,SACA,UACA,sBACA,gBACA,qBAGF,qDACE,eAGF,MACE,mBACA,qBAGF,YACE,+BAGF,WACE,gBACA,WACA,eACA,cAGF,qBACE,qBAGF,0CAEE,gBACA,iBACA,qBACA,+BACA,SACA,UAGF,qBACE,eAGF,qBACE,eAGF,gBACE,eACA,gBACA,iBACA,uBACA,+BACA,SACA,UAGF,wBACE,gCAGF,iBACE,mBAGF,iBACE,mBAGF,iBACE,oBAGF,uBACE,iBACA,aACA,mBACA,yBACA,kBACA,SAGF,qCACE,iBAGF,kBACE,gBACA,gBAIF,iCACE,qBACA,0BACA,0BACA,2BACA,kCAMF,qCACE,WACA,kBACA,aACA,eACA,UACA,SACA,YACA,2BACA,kBACA,sCAGF,gBACE,GACE,0BAIJ,kBACE,KACE,SACA,UAEF,GACE,YACA,WAGJ,mBACE,KACE,YACA,O","sources":["webpack://tab-recall/./src/scss/components/_responsive.scss","webpack://tab-recall/./src/scss/components/_tab-preview.scss","webpack://tab-recall/./src/scss/components/_customize-submit.scss","webpack://tab-recall/./src/scss/components/_customize-header.scss","webpack://tab-recall/./src/scss/components/_customize-messages.scss","webpack://tab-recall/./src/scss/components/customize-icons.scss","webpack://tab-recall/./src/scss/components/_fonts.scss","webpack://tab-recall/./src/scss/admin.scss"],"sourcesContent":["@media (max-width:600px) {\r\n\r\n    \r\n\r\n    .tabrecall_app {\r\n        /* ---------------- common style start ---------------- */\r\n        .container {\r\n            padding: 0 10px !important;\r\n        }\r\n    \r\n        .wm_text {\r\n            font-size: 14px;\r\n        }\r\n    \r\n        .msg_header_container {\r\n            flex-direction: column;\r\n            padding: 10px 0;\r\n            align-items: start !important;\r\n            margin-bottom: 10px;\r\n        }\r\n    \r\n        .msg_header {\r\n            flex-direction: column;\r\n            align-items: start !important;\r\n            gap: 10px;\r\n        }\r\n    \r\n        .parentIconUploader,\r\n        .parentMusicUploader {\r\n            flex-direction: column;\r\n    \r\n        }\r\n    \r\n        .header_time {\r\n            padding: 4px;\r\n            gap: 10px;\r\n        }\r\n    \r\n        .header_time>.tabrecall_text {\r\n            font-size: 12px;\r\n        }\r\n    \r\n        .iconUploadButton,\r\n        .musicUploadButton {\r\n            width: 100% !important;\r\n        }\r\n    \r\n        .music_preview_div>img,\r\n        .icon_preview_div>img {\r\n            width: 30px;\r\n        }\r\n    \r\n        .uploadedIconContainer,\r\n        .uploadedMusicContainer {\r\n            width: 100% !important;\r\n            align-items: start;\r\n        }\r\n    \r\n        .msg_container {\r\n            padding-bottom: 24px;\r\n        }\r\n    \r\n        /* ---------------- common style ends ---------------- */\r\n\r\n        /* Tab Preview */\r\n        .browser-tabs {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            /* Allow tabs to wrap */\r\n            padding: 8px 8px 0;\r\n            gap: 4px;\r\n        }\r\n\r\n        .tab {\r\n            flex: 1 1 120px;\r\n            /* Grow/Shrink/Basis */\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 8px 12px;\r\n            border-radius: 8px 8px 0 0;\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            min-width: 100px;\r\n            max-width: 220px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tab-title {\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            flex: 1;\r\n        }\r\n        /* Tab Preview Ends */\r\n\r\n\r\n        .header {\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n    \r\n        .header_left {\r\n            gap: 4px;\r\n        }\r\n    \r\n        .header_right {\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n    \r\n        label {\r\n            width: 38px;\r\n            height: 20.5px;\r\n        }\r\n    \r\n        label:after {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n    \r\n        label:before {\r\n            width: 38px;\r\n            height: 20.5px;\r\n        }\r\n    \r\n        /* ================  message section start ================*/\r\n        input[type=text] {\r\n            height: 10%;\r\n        }\r\n    \r\n        /* ================  message section end ================*/\r\n    \r\n        /* ================  icons section start ================*/\r\n        .iconUploadContainer,\r\n        .musicUploadContainer {\r\n            width: 100%;\r\n        }\r\n    \r\n        /* ================  icons section end ================*/\r\n    \r\n        /* ================  music section start ================*/\r\n        .uploadedMusic>img,\r\n        .uploadedIcons>img {\r\n            height: 60%;\r\n            width: 60%;\r\n        }\r\n    \r\n        /* ================  music section end ================*/\r\n    }\r\n}\r\n\r\n// @media screen (max-width: 360px) and (max-width: 480px) {\r\n    @media (min-width: 360px) and (max-width: 480px) {\r\n    /* Tab Preview */\r\n    .tabrecall_app {\r\n        .main_tab_preview {\r\n            .tab {\r\n                font-size: 10px;\r\n                padding: 6px 8px;\r\n                min-width: unset;\r\n            }\r\n        \r\n            .tab-icon {\r\n                width: 14px;\r\n                height: 14px;\r\n                font-size: 8px;\r\n            }\r\n        \r\n            .close-button {\r\n                width: 14px;\r\n                height: 14px;\r\n                font-size: 10px;\r\n            }\r\n        }\r\n        .tabrecall_app_inner {\r\n            .parentIconUploader, .parentMusicUploader {\r\n                grid-template-columns: 1fr;\r\n                button {\r\n                    margin: 0;\r\n                }\r\n            }\r\n            .uploadedIconContainer {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n        }\r\n\r\n        \r\n    }\r\n    /** Tab Preview Ends */\r\n}",".tabrecall_app {\r\n    /* ------------ tab preview section start --------------- */\r\n.tab_preview {\r\n    background: #D1D1D1;\r\n    padding: 16px 0 24px;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-top: 38px;\r\n  }\r\n\r\n  .main_tab_preview {\r\n        background-color: #1c1c1e;\r\n        // padding: 8px 8px 0 8px;\r\n        border-bottom: 1px solid #2c2c2e;\r\n        border-radius: 5px;\r\n    }\r\n\r\n    .browser-tabs {\r\n        display: flex;\r\n        padding: 8px 8px 0;\r\n    }\r\n\r\n    .tab {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 8px 12px;\r\n        border-radius: 8px 8px 0 0;\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        margin-right: 4px;\r\n        min-width: 200px;\r\n        max-width: 220px;\r\n        position: relative;\r\n    }\r\n    .tab .audio-icon {\r\n        filter: invert(100%) brightness(1);\r\n        width: 18px;\r\n        transition: all 0.3s ease-in-out;\r\n    }\r\n\r\n    .tab.active {\r\n        background-color: #353535;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .tab.inactive {\r\n        display: grid;\r\n        grid-template-columns: repeat(10, 1fr);\r\n        align-items: center;\r\n        padding-right: 0;\r\n    }\r\n    .tab.inactive .tab-title {\r\n        grid-column: 2/9;\r\n    }\r\n\r\n    .previewLine {\r\n        height: 5px;\r\n        background-color: #353535;\r\n    }\r\n\r\n    .previewLine_2 {\r\n        border-bottom-left-radius: 5px;\r\n        border-bottom-right-radius: 5px;\r\n    }\r\n\r\n\r\n    .tab-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        background-color: #ca8a04;\r\n        border-radius: 50%;\r\n        margin-right: 8px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: #000000;\r\n        font-weight: bold;\r\n        font-size: 10px;\r\n    }\r\n    img.tab-icon {\r\n        border-radius: unset;\r\n    }\r\n\r\n    .tab-title {\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .close-button {\r\n        margin-left: 8px;\r\n        width: 16px;\r\n        height: 16px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-size: 12px;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .close-button:hover {\r\n        background-color: #3c3c3e;\r\n    }\r\n\r\n\r\n    .content_area {\r\n        height: 35px;\r\n        background: #202124;\r\n    }\r\n\r\n  /* ------------ tab preview section end --------------- */\r\n}",".tabrecall_app {\r\n    /* ------------ submit btn section start --------------- */\r\n  .submit_btn_container {\r\n    display: flex;\r\n    justify-content: end;\r\n    padding: 0 !important;\r\n    // align-items: end;\r\n  }\r\n\r\n\r\n  .submit_btn {\r\n    width: 110px;\r\n    height: 55px;\r\n    border-radius: 6px;\r\n    background: #006AFF;\r\n    border: none;\r\n    color: white;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n  }\r\n  a.submit_btn {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 14px;\r\n    background: transparent;\r\n    color: #000;\r\n    border: 1px solid #006AFF;\r\n  }\r\n\r\n\r\n  .crossButton {\r\n    position: absolute;\r\n    right: 12px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 5px;\r\n    font-weight: bold;\r\n    font-size: 14px;\r\n    color: #888;\r\n    display: none;\r\n  }\r\n  .iconUploadItem, .musicUploadItem {\r\n    .crossButton {\r\n      right: 5%;\r\n    }\r\n  }\r\n\r\n  .input-wrapper:hover .crossButton,\r\n  .iconUploadItem:hover .crossButton_2,\r\n  .musicUploadContainer:hover .crossButton {\r\n    display: block;\r\n  }\r\n}",".tabrecall_app {\r\n    /* ------------ heading section start --------------- */\r\n.header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .header_left {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .header_right {\r\n    display: flex;\r\n    gap: 15px;\r\n  }\r\n\r\n  .header_btn {\r\n    height: 0;\r\n    display: flex;\r\n    border: none;\r\n    background: wheat;\r\n  }\r\n\r\n  input[type=\"checkbox\"] {\r\n    height: 0;\r\n    width: 0;\r\n    visibility: hidden;\r\n  }\r\n\r\n  .tabrecall_switch {\r\n    cursor: pointer;\r\n    text-indent: -9999px;\r\n    width: 42.5px;\r\n    height: 23.5px;\r\n    display: block;\r\n    border-radius: 21px;\r\n    position: relative;\r\n    background: lightgray;\r\n  }\r\n\r\n  .tabrecall_switch:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 2.5px;\r\n    left: 2px;\r\n    width: 18.5px;\r\n    height: 18.5px;\r\n    background: white;\r\n    border-radius: 10.5px;\r\n    transition: .3s cubic-bezier(0.25, 1, 0.5, 1);\r\n    background-size: 150%;\r\n    background-position: 50% 50%;\r\n  }\r\n\r\n  .tabrecall_switch:before {\r\n    z-index: 1;\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 2px;\r\n    left: 2px;\r\n    width: 42.5px;\r\n    height: 23.5px;\r\n    border-radius: 100%;\r\n    transition: .3s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  input:checked+.tabrecall_switch {\r\n    background: #006AFF;\r\n  }\r\n\r\n  input:checked+.tabrecall_switch:after,\r\n  input:checked+.tabrecall_switch:before {\r\n    left: calc(100% - 2px);\r\n    transform: translateX(-100%);\r\n  }\r\n\r\n  /* ------------ heading section end --------------- */\r\n}",".tabrecall_app {\r\n    \r\n/* ------------ message section start --------------- */\r\n.msg_container {\r\n    padding-block: 9px;\r\n    background: white;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  .msg_header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n\r\n  input[type=\"text\"] {\r\n    width: 100%;\r\n    padding: 12px 16px;\r\n    border-radius: 8px;\r\n    border: 1px solid #e0e0e0;\r\n    background-color: #f5f5f5;\r\n    font-size: 16px;\r\n    outline: none;\r\n    transition: border-color 0.2s, box-shadow 0.2s;\r\n  }\r\n\r\n  input[type=\"text\"]:focus {\r\n    border-color: #d0d0d0;\r\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  input[type=\"text\"]::placeholder {\r\n    color: #656575;\r\n  }\r\n\r\n  .addMoreBtn {\r\n    background: none;\r\n    border: none;\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* ------------ message section end --------------- */\r\n}",".tabrecall_app {\r\n    /* ------------ icon input section start --------------- */\r\n  .msg_header_container {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 15px;\r\n    gap: 24px;\r\n  }\r\n\r\n  .msg_header_container>.msg_header {\r\n    margin-bottom: 0 !important;\r\n  }\r\n\r\n  .icon_preview_div,\r\n  .music_preview_div {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n\r\n  .parentIconUploader,\r\n  .parentMusicUploader {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    align-items: center;\r\n  }\r\n\r\n  .iconUploadButton,\r\n  .musicUploadButton {\r\n    height: 60px;\r\n    width: 360px;\r\n    background: #F9F9F9;\r\n    border: 1px dashed #DEDEDE;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .iconUploadInput,\r\n  .musicUploadInput {\r\n    display: none;\r\n  }\r\n\r\n\r\n  .uploadedIconContainer,\r\n  .uploadedMusicContainer {\r\n    display: flex;\r\n    padding: 6px 12px;\r\n    gap: 8px;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .music_preview_div .icon_preview_group:hover::before {\r\n    content: var(--title);\r\n    font-size: 1rem;\r\n    position: absolute;\r\n    background: #000;\r\n    color: #fff;\r\n    z-index: 2;\r\n    padding: 4px 9px;\r\n    border-radius: 4px;\r\n    top: -30%;\r\n    left: 15%;\r\n    transform: translate(-50%, -50%);\r\n    width: max-content;\r\n  }\r\n\r\n  .uploadedIcons.musicIcons div:hover::before {\r\n    content: var(--title);\r\n    font-size: 1rem;\r\n    position: absolute;\r\n    background: #000;\r\n    color: #fff;\r\n    z-index: 2;\r\n    padding: 4px 9px;\r\n    border-radius: 4px;\r\n    top: -30%;\r\n    left: 15%;\r\n    transform: translate(-50%, -50%);\r\n    width: max-content;\r\n  }\r\n\r\n  .uploadedIconText,\r\n  .uploadedMusicText {\r\n    text-align: center;\r\n  }\r\n  .uploadedIconText .tabrecall_text, .uploadedMusicText .tabrecall_text {\r\n    font-family: \"Inter\";\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n  } \r\n\r\n  .uploadedIcons,\r\n  .uploadedMusic {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .uploadedIcons img.selected {\r\n    border: 2px solid #000;\r\n    border-radius: 12px;\r\n  }\r\n  .musicIcons img {\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n  .musicIcons img.selected {\r\n    border-radius: 50%;\r\n  }\r\n  .musicIcons svg.selected {\r\n    border: 2px solid #000;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  /* ------------ icon input section end --------------- */\r\n}","/* inter-regular - latin */\r\n@font-face {\r\n    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */\r\n    font-family: 'Inter';\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    src: url('../fonts/inter-v18-latin-regular.eot'); /* IE9 Compat Modes */\r\n    src: url('../fonts/inter-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\r\n         url('../fonts/inter-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */\r\n         url('../fonts/inter-v18-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */\r\n         url('../fonts/inter-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */\r\n         url('../fonts/inter-v18-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */\r\n  }","@forward './components/responsive';\r\n@forward './components/tab-preview';\r\n@forward './components/customize-submit';\r\n@forward './components/customize-header';\r\n@forward './components/customize-messages';\r\n@forward './components/customize-icons';\r\n@forward './components/fonts';\r\n\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n  list-style: none;\r\n  text-decoration: none;\r\n}\r\n\r\n.tab-recall_page_tabrecall_customize_page #wpcontent {\r\n  padding-left: 0;\r\n}\r\n\r\n:root {\r\n  --primary: #1A1919;\r\n  --secondary: #656575;\r\n}\r\n\r\n.font_inter {\r\n  font-family: \"Inter\", sans-serif;\r\n}\r\n\r\n.container {\r\n  max-width: 800px;\r\n  width: 100%;\r\n  padding: 0 28px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.tabrecall-container {\r\n  padding-inline: 0.5rem;\r\n}\r\n\r\n.tabrecall_heading_1,\r\n.tabrecall_heading_2 {\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n  color: var(--primary);\r\n  font-family: \"Inter\", sans-serif;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.tabrecall_heading_1 {\r\n  font-size: 24px;\r\n}\r\n\r\n.tabrecall_heading_2 {\r\n  font-size: 20px;\r\n}\r\n\r\n.tabrecall_text {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 24px;\r\n  color: var(--secondary);\r\n  font-family: \"Inter\", sans-serif;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.tabrecall_text_primary {\r\n  color: var(--primary) !important;\r\n}\r\n\r\n.tabrecall_mb_20 {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.tabrecall_mb_24 {\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.tabrecall_pb_24 {\r\n  padding-bottom: 24px;\r\n}\r\n\r\n.tabrecall_header_time {\r\n  padding: 8px 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #DEDEDE;\r\n  border-radius: 8px;\r\n  gap: 12px;\r\n}\r\n\r\n.tabrecall_header_time :nth-child(3) {\r\n  margin-left: 15px;\r\n}\r\n\r\n.tabrecall_note p {\r\n  margin-top: 15px;\r\n  margin-bottom: 0;\r\n}\r\n\r\n\r\n.tabrecall_app .msg_header_input {\r\n  all: unset !important;\r\n  max-width: 50px !important;\r\n  font-size: 16px !important;\r\n  font-weight: 500 !important;\r\n  color: var(--secondary) !important;\r\n}\r\n\r\n\r\n\r\n\r\n.tabrecall-container #snackbar-alert {\r\n  color: #fff;\r\n  text-align: center;\r\n  padding: 16px;\r\n  position: fixed;\r\n  z-index: 1;\r\n  left: 50%;\r\n  bottom: 30px;\r\n  transform: translateX(-50%);\r\n  border-radius: 5px;\r\n  animation: fadeIn 0.5s, fadeOut 0.5s 2.5s;\r\n}\r\n\r\n@keyframes spin {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    bottom: 0;\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    bottom: 30px;\r\n    opacity: 1;\r\n  }\r\n}\r\n@keyframes fadeOut {\r\n  from {\r\n    bottom: 30px;\r\n    opacity: 1;\r\n  }\r\n  to {\r\n    bottom: 0;\r\n    opacity: 0;\r\n  }\r\n}"],"names":[],"sourceRoot":""}