{"version":3,"file":"assets/default/agora/agora.css","mappings":"AAAA,sBAEI,mBAQA,oCACA,aCPI,CDHJ,aAGA,sBAKA,YANA,uBAIA,OAFA,kBACA,MAEA,WAIA,UEKJ,CFHI,0BAEI,YADA,UEMR,CCpBA,YACI,WDuBJ,CCrBI,4BACI,2BACA,eDuBR,CCrBQ,yBAJJ,4BAKQ,WDwBV,CACF,CCrBI,8BAEI,sBADA,oBDwBR,CCnBA,aACI,2BACA,eDsBJ,CClBI,mBAEI,YADA,UDsBR,CE7CI,6BAGI,6BADA,2BADA,UFkDR,CE7CI,sBAGI,wBHVG,CGWH,mBAFA,2BADA,UFkDR,CE7CQ,0BAEI,6BADA,kBFgDZ,CE5CQ,4BACI,mBACA,4DF8CZ,CE3CQ,yBAhBJ,sBAiBQ,WF8CV,CACF,CE3CI,iCAEI,mBAGA,YAJA,aAEA,kBACA,QAEA,WF6CR,CE3CQ,+CACI,yBF6CZ,CE1CQ,gDACI,kBACA,uBF4CZ,CE1CY,oDAKI,yBADA,kBADA,uBAFA,kBACA,qBF+ChB,CE1CgB,yBAPJ,oDASQ,sBADA,qBF8ClB,CACF,CE1CY,0EAOI,mBAIA,gCADA,kBAEA,WACA,eAPA,oBADA,YAGA,uBACA,YARA,kBAEA,WADA,SAEA,WAUA,WF4ChB,CE1CgB,yBAhBJ,0EAkBQ,YACA,YAEA,WADA,QAHA,UFiDlB,CACF,CE1CY,yEAKI,gCADA,kBAKA,SADA,WAFA,eACA,gBAJA,YAFA,kBACA,WAQA,UF4ChB,CEzCY,8DAEI,QADA,kBAEA,WF2ChB,CEzCgB,kEAKI,YADA,mBADA,sBAFA,eACA,oBF8CpB,CErCI,yBACI,UFuCR,CEpCI,2CAGI,aACA,OAHA,4BACA,YAGA,SFsCR,CE9BgB,8EACI,iBFgCpB,CE9BoB,oFAKI,wBHtIhB,CGkIgB,WAGA,WAGA,UALA,kBAMA,SAFA,wBAHA,UFqCxB,CE1BQ,yBAtBJ,6BAuBQ,cF6BV,CE3BU,oDACI,aF6Bd,CACF,CAhLA,KACI,eAmLJ,CAjLI,yBAHJ,KAIQ,aAoLN,CACF,CAjLA,KACI,YAoLJ,CAlLI,yBAHJ,KAIQ,aAqLN,CACF,CA7KI,wBAEI,aACA,wBAFA,UAkLR,CA9KQ,0CAEI,YADA,UAiLZ,CA9KY,8CAEI,YADA,UAiLhB,CA5KQ,mFACI,aACA,uBA8KZ,CA3KQ,6BACI,WA6KZ,CA3KY,6FACI,aA6KhB,CAxKY,6CACI,qBA0KhB,CAxKgB,uDACI,eA0KpB,CAxKoB,mEACI,YA0KxB,CAtKwB,+DACI,YAwK5B,CAjKQ,yBAhDJ,wBAkDQ,YADA,oBAqKV,CAlKU,kCACI,gBAoKd,CACF,C","sources":["webpack:///./resources/sass/agora/_loading.scss","webpack:///./resources/sass/bootstrap/variables.scss","webpack:///./resources/sass/agora/agora.scss","webpack:///./resources/sass/agora/_chat.scss","webpack:///./resources/sass/agora/_stream.scss"],"sourcesContent":[".agora-stream-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(255, 255, 255, .8);\n    color: $black;\n    z-index: 20;\n\n    img {\n        width: 80px;\n        height: 80px;\n    }\n}\n","$gray: #818894;\n$gray-100: #f9f9f9;\n$gray-200: #f1f1f1;\n$gray-300: #ececec;\n$black: #343434;\n$white: #ffffff;\n$blue: #27aeff;\n$green: #43d477;\n\n$primary: #43d477;\n$secondary: #1f3b64;\n$success: #e7f4f0;\n$info: #ebf7ff;\n$warning: #ffab00;\n$danger: #f63c3c;\n$dark: $black;\n$panel-bg: #fbfbfd;\n\n$info-light: #f7fafd;\n$dark-blue: #171347;\n\n$font-family-base: 'main-font-family';\n$font-family-rtl: 'rtl-font-family';\n$font-size-base: 1rem; // 16px\n$line-height-base: 1.3;\n\n$primary-hover: #1FB354;\n$primary-border: #43d477;\n$primary-border-hover: #2aba5e;\n$primary-btn-color: #ffffff;\n$primary-btn-color-hover: #ffffff;\n$primary-btn-shadow: '0 3px 6px 0 rgb(64 213 125 / 30%)';\n$primary-btn-shadow-hover: '0 3px 8px 0 rgb(64 213 125 / 30%)';\n$secondary-hover: #162a47;\n$secondary-border: #162a47;\n$secondary-border-hover: #13243d;\n$secondary-btn-color: #ffffff;\n$secondary-btn-color-hover: #ffffff;\n$secondary-btn-shadow: '0 3px 6px 0 rgb(64 213 125 / 30%)';\n$secondary-btn-shadow-hover: '0 3px 8px 0 rgb(64 213 125 / 30%)';\n\n\n$extra-roots: () !default;\n$extra-roots: map-merge(\n        (\n            \"primary-hover\": $primary-hover,\n            \"primary-border\": $primary-border,\n            \"primary-border-hover\": $primary-border-hover,\n            \"primary-btn-shadow\": $primary-btn-shadow,\n            \"primary-btn-shadow-hover\": $primary-btn-shadow-hover,\n            \"primary-btn-color\": $primary-btn-color,\n            \"primary-btn-color-hover\": $primary-btn-color-hover,\n            \"secondary-hover\": $secondary-hover,\n            \"secondary-border\": $secondary-border,\n            \"secondary-border-hover\": $secondary-border-hover,\n            \"secondary-btn-shadow\": $secondary-btn-shadow,\n            \"secondary-btn-shadow-hover\": $secondary-btn-shadow-hover,\n            \"secondary-btn-color\": $secondary-btn-color,\n            \"secondary-btn-color-hover\": $secondary-btn-color-hover,\n        ),\n        $extra-roots\n);\n\n$colors: () !default;\n$colors: map-merge(\n        (\n            \"panel-bg\": $panel-bg,\n            \"success\": $success,\n            \"info\": $info,\n        ),\n        $colors\n);\n\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: ();\n$theme-colors: map-merge(\n        (\n            \"primary\": $primary,\n            \"secondary\": $secondary,\n            //\"success\": $success,\n            //\"info\": $info,\n            \"warning\": $warning,\n            \"danger\": $danger,\n            \"dark\": $dark,\n            \"white\": $white,\n            \"gray\": $gray,\n            \"gray300\": $gray-300,\n            \"gray200\": $gray-200,\n            \"gray100\": $gray-100,\n        ),\n        $theme-colors\n);\n\n$table-color: $dark-blue;\n\n@function theme-color($key: \"primary\") {\n    @return map-get($theme-colors, $key);\n}\n\n$link-color: $black;\n$link-hover-color: $black;\n\n\n$spacer: 20px;\n$spacers: ();\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n        (\n            0: 0,\n            5: ($spacer * .25),\n            10: ($spacer * .5),\n            15: ($spacer * .75),\n            20: $spacer,\n            25: ($spacer * 1.25),\n            30: ($spacer * 1.5),\n            35: ($spacer * 1.75),\n            40: ($spacer * 2),\n            45: ($spacer * 2.25),\n            50: ($spacer * 2.5),\n            80: ($spacer * 4)\n        ),\n        $spacers\n);\n\n$grid-gutter-width: 30px;\n\n$container-max-widths: (\n    sm: 100%,\n    md: 769px,\n    lg: 960px,\n    xl: 1140px\n) !default;\n\n$body-color: $black;\n\n$h1-font-size: $font-size-base * 1.6; // 24px\n$h2-font-size: $font-size-base * 1.4; // 21px\n$h3-font-size: $font-size-base * 1.2; // 18px\n$h4-font-size: $font-size-base; // 16px\n$h5-font-size: $font-size-base;\n$h6-font-size: $font-size-base;\n\n$xs-h1-font-size: $font-size-base * 1.6;\n$xs-h2-font-size: $h3-font-size;\n$xs-h3-font-size: $font-size-base * 1.2;\n$xs-h4-font-size: $font-size-base;\n$xs-h5-font-size: $font-size-base;\n$xs-h6-font-size: $font-size-base;\n\n$headings-font-weight: bold;\n$headings-line-height: 1.30;\n$headings-margin-bottom: 0;\n\n$btn-font-size: 0.875rem;\n$font-size-sm: $font-size-base;\n$base-btn-height: 48px;\n$sm-btn-height: 36px;\n\n$base-btn-icon-margin-horizontal: 8px;\n\n$base-padding-horizontal: 32px;\n$sm-padding-horizontal: 16px;\n\n$xs-padding-horizontal: $base-padding-horizontal;\n$xs-btn-height: $base-btn-height;\n\n$lg-padding-horizontal: $base-padding-horizontal;\n$lg-btn-height: $base-btn-height;\n\n$btn-padding-x: $base-padding-horizontal;\n$btn-padding-x-sm: $sm-padding-horizontal;\n$btn-padding-x-lg: $base-padding-horizontal;\n\n$btn-padding-y: $base-btn-height;\n$btn-padding-y-sm: $sm-btn-height;\n$btn-padding-y-lg: $base-btn-height;\n\n$btn-line-height: 500; // Used instead of font-weight\n$btn-line-height-lg: $btn-line-height; // Used instead of font-weight\n$btn-line-height-sm: normal; // Used instead of font-weight\n\n\n// Extra small screen / phone\n//** Deprecated `$screen-xs` as of v3.0.1\n$screen-xs: 480px;\n//** Deprecated `$screen-xs-min` as of v3.2.0\n$screen-xs-min: $screen-xs;\n//** Deprecated `$screen-phone` as of v3.0.1\n$screen-phone: $screen-xs-min;\n\n// Small screen / tablet\n//** Deprecated `$screen-sm` as of v3.0.1\n$screen-sm: 768px;\n$screen-sm-min: $screen-sm;\n//** Deprecated `$screen-tablet` as of v3.0.1\n$screen-tablet: $screen-sm-min;\n\n// Medium screen / desktop\n//** Deprecated `$screen-md` as of v3.0.1\n$screen-md: 992px;\n$screen-md-min: $screen-md;\n//** Deprecated `$screen-desktop` as of v3.0.1\n$screen-desktop: $screen-md-min;\n\n// Large screen / wide desktop\n//** Deprecated `$screen-lg` as of v3.0.1\n$screen-lg: 1200px;\n$screen-lg-min: $screen-lg;\n//** Deprecated `$screen-lg-desktop` as of v3.0.1\n$screen-lg-desktop: $screen-lg-min;\n\n// So media queries don't overlap when required, provide a maximum\n$screen-xs-max: ($screen-sm-min - 1);\n$screen-sm-max: ($screen-md-min - 1);\n$screen-md-max: ($screen-lg-min - 1);\n\n$yiq-contrasted-threshold: 250;\n\n$btn-focus-width: 0;\n$btn-focus-box-shadow: none;\n$btn-active-box-shadow: none;\n\n\n$hr-border-color: $gray-200;\n$hr-border-width: 1px;\n$hr-margin-y: 16px;\n\n$badge-font-size: .75rem; // 12px\n$badge-circle-font-size: .875rem; // 14px\n$badge-line-height: 1.58;\n$badge-circle-line-height: 1.58;\n$badge-padding-y: 0;\n$badge-padding-x: .5rem; // 8px\n$badge-circle-border-radius: 50%;\n$badge-circle-padding: 0;\n\n$badge-circle-width: 24px;\n$badge-circle-height: 24px;\n\n//$custom-checkbox-indicator-icon-checked: url(/img/icons/ok.svg);\n$custom-checkbox-indicator-border-radius: .25rem; // 4px\n$custom-control-indicator-active-bg: theme-color(\"primary\");\n$input-box-shadow: none;\n$input-btn-focus-box-shadow: none;\n$custom-control-indicator-size: 1.5rem; // 24px\n$input-btn-focus-box-shadow: 1.5rem; // 24px\n\n$input-height: 2.5rem;\n$input-border-radius: .5rem;\n$input-padding-y: .5rem;\n$input-padding-x: 1rem;\n$input-color: $black;\n$input-placeholder-color: #818894;\n$input-font-family: $font-family-base;\n$input-font-size: .75rem;\n$input-font-weight: normal;\n$input-line-height: 1.25;\n$input-border-color: #ececec;\n$input-border-width: 1px;\n\n$input-focus-border-color: $primary;\n$input-focus-bg: $white;\n$input-focus-color: $black;\n$form-feedback-valid-color: $primary;\n\n$custom-control-indicator-border-width: 2px;\n\n$alert-padding-y: 2rem;\n$alert-padding-x: 2rem;\n$alert-border-radius: 1rem;\n$alert-margin-bottom: 0;\n$alert-border-width: 1px;\n\n$alert-bg-level: 0 !default;\n$alert-border-level: 0 !default;\n$alert-color-level: 12.5 !default;\n\n$dropdown-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.16);\n$dropdown-border-radius: 15px;\n$enable-shadows: true;\n\n$input-group-addon-bg: $secondary;\n$input-group-addon-border-color: $secondary;\n/*$custom-control-indicator-checked-color: $primary;\n$custom-control-indicator-checked-border-color: $gray-300;\n$custom-control-indicator-checked-bg: #ffffff;\n$custom-control-indicator-bg:$primary;*/\n\n$border-radius: 0.3125rem; //5px\n$border-radius-sm: 0.625rem; // 10px\n$border-radius-lg: 0.9375rem; // 15px\n\n$box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);\n$box-shadow-sm: 0 5px 12px 0 rgba(0, 0, 0, 0.1);\n$box-shadow-lg: 0 5px 10px 0 rgba(0, 0, 0, 0.05);\n\n$tooltip-font-size: 12px;\n$tooltip-bg: $gray;\n$tooltip-border-radius: 5px;\n\n$navbar-nav-link-padding-x: .625rem;\n\n$custom-file-button-color: $white;\n\n$breadcrumb-bg: '#fff';\n$breadcrumb-divider-color: $gray;\n$breadcrumb-active-color: $gray;\n$breadcrumb-divider: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM4MTg4OTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZXZyb24tcmlnaHQiPjxwb2x5bGluZSBwb2ludHM9IjkgMTggMTUgMTIgOSA2Ij48L3BvbHlsaW5lPjwvc3ZnPg==\");\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           0 !default;\n","@import \"./../bootstrap/variables\";\n@import \"loading\";\n@import \"chat\";\n@import \"stream\";\n\nhtml {\n    overflow: hidden;\n\n    @media (max-width: $screen-sm-max) {\n        overflow: auto;\n    }\n}\n\nbody {\n    height: 100vh;\n\n    @media (max-width: $screen-sm-max) {\n        overflow: auto;\n    }\n}\n\n.agora-page {\n    .agora-navbar {\n\n    }\n\n    .agora-tabs {\n        width: 70px;\n        height: 100vh;\n        transition: all .3s ease;\n\n        .agora-tabs-icons {\n            width: 20px;\n            height: 20px;\n\n            svg {\n                width: 100%;\n                height: 100%;\n            }\n        }\n\n        .agora-tabs-link-text, .tab-content {\n            display: none;\n            transition: all .4s ease;\n        }\n\n        &.show {\n            width: 373px;\n\n            .agora-tabs-link-text, .tab-content {\n                display: block;\n            }\n        }\n\n        &:not(.show) {\n            .nav-tabs {\n                flex-direction: column;\n\n                .nav-item {\n                    margin-top: 20px;\n\n                    &:first-child {\n                        margin-top: 0;\n                    }\n\n                    a {\n                        &:after {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n\n        @media (max-width: $screen-sm-max) {\n            width: 100% !important;\n            height: auto;\n\n            .nav-tabs {\n                padding-top: 15px;\n            }\n        }\n    }\n}\n","\n.agora-chat {\n    height: 100%;\n\n    .agora-chat-box {\n        height: calc(100vh - 233px);\n        overflow-y: auto;\n\n        @media (max-width: $screen-sm-max) {\n            height: 60vh;\n        }\n    }\n\n    .send-message-btn {\n        width: 34px !important;\n        height: 34px !important;\n    }\n}\n\n.agora-users {\n    height: calc(100vh - 137px);\n    overflow-y: auto;\n}\n\n.user-card {\n    .avatar {\n        width: 40px;\n        height: 40px;\n    }\n}\n","\n.agora-stream {\n\n    .stream-player {\n        width: 100%;\n        height: calc(100vh - 220px);\n        background-color: transparent;\n    }\n\n    .player {\n        width: 100%;\n        height: calc(100vh - 220px);\n        background-color: $gray-200;\n        border-radius: 10px;\n\n        & > div {\n            border-radius: 10px;\n            background-color: transparent;\n        }\n\n        video {\n            border-radius: 10px;\n            object-fit: contain !important;\n        }\n\n        @media (max-width: $screen-sm-max) {\n            height: 60vh;\n        }\n    }\n\n    .remote-stream-box {\n        display: flex;\n        align-items: center;\n        position: absolute;\n        right: 0;\n        bottom: 15px;\n        z-index: 131;\n\n        &.is-fullscreen {\n            position: static !important;\n        }\n\n        .remote-stream {\n            position: relative;\n            transition: all 0.3s ease;\n\n            > div {\n                margin-right: 15px;\n                width: 200px !important;\n                height: 140px !important;\n                border-radius: 5px;\n                border: 1px solid #585656;\n\n                @media (max-width: $screen-sm-max) {\n                    width: 100px !important;\n                    height: 90px !important;\n                }\n            }\n\n            .remote-stream-fullscreen {\n                position: absolute;\n                top: 10px;\n                right: 25px;\n                width: 32px;\n                height: 32px;\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                padding: 5px;\n                border-radius: 5px;\n                background-color: rgba(0, 0, 0, 0.5);\n                color: #FFFFFF;\n                cursor: pointer;\n                z-index: 111;\n\n                @media (max-width: $screen-sm-max) {\n                    width: 24px;\n                    height: 24px;\n                    padding: 3px;\n                    top: 5px;\n                    right: 20px;\n                }\n            }\n\n            .remote-stream-user-info {\n                position: absolute;\n                width: 100%;\n                padding: 5px;\n                border-radius: 5px;\n                background-color: rgba(0, 0, 0, 0.5);\n                font-size: 12px;\n                font-weight: 500;\n                color: #FFFFFF;\n                bottom: 0;\n                z-index: 11;\n            }\n\n            &.is-fullscreen {\n                position: absolute;\n                inset: 0;\n                z-index: 131;\n\n                > div {\n                    margin-right: 0;\n                    width: 100% !important;\n                    height: 100% !important;\n                    border-radius: 10px;\n                    border: none;\n                }\n            }\n        }\n    }\n\n    .time-item {\n        width: 24px;\n    }\n\n    .stream-player.screen-shared {\n        position: absolute !important;\n        width: 250px;\n        height: 150px;\n        left: 0;\n        z-index: 5;\n    }\n\n    .stream-footer {\n\n        .stream-bottom-actions {\n\n            &.dont-join-users {\n                .icon-box {\n                    position: relative;\n\n                    &:after {\n                        content: \"\";\n                        position: absolute;\n                        width: 40px;\n                        height: 2px;\n                        background-color: $dark;\n                        transform: rotate(38deg);\n                        left: -5px;\n                        top: 12px;\n                    }\n                }\n            }\n        }\n\n        @media (max-width: $screen-sm-max) {\n            flex-wrap: wrap;\n\n            .stream-bottom-actions {\n                flex: 1 1 90px;\n            }\n        }\n    }\n}\n"],"names":[],"sourceRoot":""}