/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/icon?family=Material+Icons); /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap); /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (2) ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap); /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (3) ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap); /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (4) ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap); /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (5) ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap); /*!**************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@sendbird/uikit-react/dist/index.css ***! \**************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap); /*!******************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/mapbox-gl/dist/mapbox-gl.css ***! \******************************************************************************************************************************************************************************************************************************************************************************/ .mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:rgb(0 0 0/5%)}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y} /*!*****************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/mapbox-gl-compare/style.css ***! \*****************************************************************************************************************************************************************************************************************************************************************************/ .mapboxgl-compare { background-color:#fff; position:absolute; width:2px; height:100%; z-index:1; } .mapboxgl-compare .compare-swiper-vertical { background-color:#3887be; box-shadow:inset 0 0 0 2px #fff; display:inline-block; border-radius:50%; position:absolute; width:60px; height:60px; top:50%; left:-30px; margin:-30px 1px 0; color: #fff; cursor:ew-resize; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjYwIiAgIGhlaWdodD0iNjAiICAgdmVyc2lvbj0iMS4xIiAgIHZpZXdCb3g9IjAgMCA2MCA2MCIgICBpZD0ic3ZnNTQzNCIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxK2RldmVsK29zeG1lbnUgcjEyOTExIiAgIHNvZGlwb2RpOmRvY25hbWU9Imwtci5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE1NDQ0Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzNTQ0MiIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4NiIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc1MSIgICAgIGlkPSJuYW1lZHZpZXc1NDQwIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTp6b29tPSI0IiAgICAgaW5rc2NhcGU6Y3g9IjI1Ljg4OTgzMSIgICAgIGlua3NjYXBlOmN5PSIzNC4zODE4MzMiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyMyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc1NDM0IiAgICAgaW5rc2NhcGU6b2JqZWN0LW5vZGVzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1zbW9vdGgtbm9kZXM9InRydWUiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkNTk4OSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAgICAgZD0iTSAyNSAyNCBMIDE2IDMwIEwgMjUgMzYgTCAyNSAyNCB6IE0gMzUgMjQgTCAzNSAzNiBMIDQ0IDMwIEwgMzUgMjQgeiAiICAgICBpZD0icGF0aDU5OTUiIC8+PC9zdmc+); } .mapboxgl-compare-horizontal { position:relative; width:100%; height:2px; } .mapboxgl-compare .compare-swiper-horizontal { background-color:#3887be; box-shadow:inset 0 0 0 2px #fff; display:inline-block; border-radius:50%; position:absolute; width:60px; height:60px; top:50%; left:50%; margin:-30px 1px 0; color: #fff; cursor:ns-resize; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjYwIiAgIGhlaWdodD0iNjAiICAgdmVyc2lvbj0iMS4xIiAgIHZpZXdCb3g9IjAgMCA2MCA2MCIgICBpZD0ic3ZnNTQzNCIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxK2RldmVsK29zeG1lbnUgcjEyOTExIiAgIHNvZGlwb2RpOmRvY25hbWU9Imwtci5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE1NDQ0Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzNTQ0MiIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4NiIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc1MSIgICAgIGlkPSJuYW1lZHZpZXc1NDQwIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTp6b29tPSI0IiAgICAgaW5rc2NhcGU6Y3g9IjI1Ljg4OTgzMSIgICAgIGlua3NjYXBlOmN5PSIzNC4zODE4MzMiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyMyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc1NDM0IiAgICAgaW5rc2NhcGU6b2JqZWN0LW5vZGVzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1zbW9vdGgtbm9kZXM9InRydWUiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkNTk4OSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAgICAgZD0iTSAyNSAyNCBMIDE2IDMwIEwgMjUgMzYgTCAyNSAyNCB6IE0gMzUgMjQgTCAzNSAzNiBMIDQ0IDMwIEwgMzUgMjQgeiAiICAgICBpZD0icGF0aDU5OTUiIC8+PC9zdmc+); transform: rotate(90deg) } /*!*************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/libs/bootstrap/bootstrap-grid.min.css ***! \*************************************************************************************************************************************************************************************************************************************************************************************/ /*! * Bootstrap Grid v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, ::after, ::before { box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } /*!******************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@sendbird/uikit-react/dist/index.css (1) ***! \******************************************************************************************************************************************************************************************************************************************************************************************/ .sendbird-word { display: inline; height: -moz-fit-content; height: fit-content; } .sendbird-word__url { display: inline; color: inherit; word-break: break-all; } .sendbird-openchannel-conversation-header { position: relative; min-height: 64px; box-sizing: border-box; } .sendbird-theme--light .sendbird-openchannel-conversation-header { border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-openchannel-conversation-header { border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; max-width: calc(100% - 120px); } .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] { position: absolute; top: 16px; } [dir="ltr"] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] { left: 20px; } [dir="rtl"] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] { right: 20px; } .sendbird-openchannel-conversation-header__left__title { position: absolute; top: 12px; } [dir="ltr"] .sendbird-openchannel-conversation-header__left__title { left: 60px; } [dir="rtl"] .sendbird-openchannel-conversation-header__left__title { right: 60px; } .sendbird-openchannel-conversation-header__left__sub-title { position: absolute; top: 36px; } [dir="ltr"] .sendbird-openchannel-conversation-header__left__sub-title { left: 60px; } [dir="rtl"] .sendbird-openchannel-conversation-header__left__sub-title { right: 60px; } .sendbird-openchannel-conversation-header__right { position: absolute; top: 0px; width: 64px; height: 64px; } [dir="ltr"] .sendbird-openchannel-conversation-header__right { right: 0px; } [dir="rtl"] .sendbird-openchannel-conversation-header__right { left: 0px; } .sendbird-openchannel-conversation-header__right__trigger { position: absolute; top: 16px; display: flex; align-items: center; justify-content: center; } [dir="ltr"] .sendbird-openchannel-conversation-header__right__trigger { right: 16px; } [dir="rtl"] .sendbird-openchannel-conversation-header__right__trigger { left: 16px; } .sendbird-openchannel-conversation-header__left__cover-image--icon { display: flex; justify-content: center; align-items: center; border-radius: 50%; } .sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon { background-color: var(--sendbird-light-background-300); } .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon { background-color: var(--sendbird-dark-background-300); } .sendbird-open-channel-preview { position: relative; display: inline-flex; flex-direction: row; width: 264px; height: 58px; min-width: 264px; min-height: 58px; box-sizing: border-box; } .sendbird--mobile-mode .sendbird-open-channel-preview { width: 100%; } .sendbird-theme--light .sendbird-open-channel-preview { background-color: var(--sendbird-light-background-50); border-bottom: solid 1px var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-open-channel-preview { background-color: var(--sendbird-dark-background-600); border-bottom: solid 1px var(--sendbird-dark-ondark-04); } .sendbird-theme--light .sendbird-open-channel-preview:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-open-channel-preview:hover { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-open-channel-preview.selected { background-color: var(--sendbird-light-primary-100); } [dir="ltr"] .sendbird-theme--light .sendbird-open-channel-preview.selected { border-left: solid 4px var(--sendbird-light-primary-300); } [dir="rtl"] .sendbird-theme--light .sendbird-open-channel-preview.selected { border-right: solid 4px var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-open-channel-preview.selected { background-color: var(--sendbird-dark-primary-300); } [dir="ltr"] .sendbird-theme--dark .sendbird-open-channel-preview.selected { border-left: solid 4px var(--sendbird-dark-primary-200); } [dir="rtl"] .sendbird-theme--dark .sendbird-open-channel-preview.selected { border-right: solid 4px var(--sendbird-dark-primary-200); } .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image { position: relative; margin-top: 8px; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; box-sizing: border-box; } [dir="ltr"] .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image { margin-left: 16px; } [dir="rtl"] .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image { margin-right: 16px; } .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar, .sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default { position: relative; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; } .sendbird-open-channel-preview .sendbird-open-channel-preview__context { position: relative; margin-top: 8px; display: inline-flex; flex-direction: column; width: calc(100% - 100px); box-sizing: border-box; } [dir="ltr"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context { margin-left: 16px; } [dir="rtl"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context { margin-right: 16px; } .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title { position: relative; display: inline-flex; flex-direction: row; align-items: center; width: 100%; height: 16px; box-sizing: border-box; } .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name { position: relative; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; overflow-x: hidden; text-overflow: ellipsis; word-break: keep-all; } .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name { overflow-y: hidden; } .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen { max-width: calc(100% - 20px); } .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen { position: relative; display: inline-flex; } [dir="ltr"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen { margin-left: 4px; } [dir="rtl"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen { margin-right: 4px; } .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants { position: relative; margin-top: 8px; display: inline-flex; flex-direction: row; align-items: center; width: 100%; height: 14px; box-sizing: border-box; } .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon { position: relative; display: inline-flex; width: 14px; height: 14px; box-sizing: border-box; } .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count { position: relative; display: inline-flex; width: 160px; max-width: 160px; height: 12px; box-sizing: border-box; overflow-x: hidden; text-overflow: ellipsis; word-break: keep-all; } [dir="ltr"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count { margin-left: 4px; } [dir="rtl"] .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count { margin-right: 4px; } .sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count { overflow-y: hidden; } .sendbird-message-item-menu__list__menu-item:focus-visible { outline: none; } .sendbird-create-open-channel-ui { position: relative; display: inline-flex; } .sendbird-create-open-channel-ui__profile-input { position: relative; display: inline-flex; flex-direction: column; justify-content: flex-start; width: 100%; height: 100%; box-sizing: border-box; } .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section { position: relative; margin-top: 16px; display: inline-flex; flex-direction: row; align-items: center; } .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; } .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; } .sendbird-theme--light .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default { background-color: var(--sendbird-dark-background-400); } .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button { position: relative; display: inline-flex; } [dir="ltr"] .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button { margin-left: 18px; } [dir="rtl"] .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button { margin-right: 18px; } .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section { position: relative; margin-top: 8px; display: inline-flex; flex-direction: row; } .sendbird-open-channel-list, .sendbird-open-channel-list-ui { position: relative; display: inline-flex; flex-direction: column; width: 256px; min-width: 256px; height: 100%; box-sizing: border-box; } .sendbird--mobile-mode .sendbird-open-channel-list, .sendbird--mobile-mode .sendbird-open-channel-list-ui { width: 100%; } [dir="ltr"] .sendbird-theme--light .sendbird-open-channel-list, [dir="ltr"] .sendbird-theme--light .sendbird-open-channel-list-ui { border-right: solid 1px var(--sendbird-light-onlight-04); } [dir="rtl"] .sendbird-theme--light .sendbird-open-channel-list, [dir="rtl"] .sendbird-theme--light .sendbird-open-channel-list-ui { border-left: solid 1px var(--sendbird-light-onlight-04); } [dir="ltr"] .sendbird-theme--dark .sendbird-open-channel-list, [dir="ltr"] .sendbird-theme--dark .sendbird-open-channel-list-ui { border-right: solid 1px var(--sendbird-dark-ondark-04); } [dir="rtl"] .sendbird-theme--dark .sendbird-open-channel-list, [dir="rtl"] .sendbird-theme--dark .sendbird-open-channel-list-ui { border-left: solid 1px var(--sendbird-dark-ondark-04); } .sendbird-open-channel-list .sendbird-open-channel-list-ui__header, .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header { position: relative; display: inline-flex; flex-direction: row; align-items: center; width: 100%; height: 64px; box-sizing: border-box; } .sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header, .sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header { background-color: var(--sendbird-light-background-50); border-bottom: solid 1px var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header, .sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header { background-color: var(--sendbird-dark-background-600); border-bottom: solid 1px var(--sendbird-dark-ondark-04); } .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title, .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title { position: relative; display: inline-flex; align-items: center; box-sizing: border-box; } [dir="ltr"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title, [dir="ltr"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title { margin-left: 24px; } [dir="rtl"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title, [dir="rtl"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title { margin-right: 24px; } .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh, .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh { position: absolute; top: 16px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; } [dir="ltr"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh, [dir="ltr"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh { right: 56px; } [dir="rtl"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh, [dir="rtl"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh { left: 56px; } .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel, .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel { position: absolute; top: 16px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; } [dir="ltr"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel, [dir="ltr"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel { right: 16px; } [dir="rtl"] .sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel, [dir="rtl"] .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel { left: 16px; } .sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list, .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list { position: relative; display: inline-flex; flex-direction: column; width: 100%; height: calc(100% - 64px); box-sizing: border-box; overflow-y: scroll; } .sendbird-open-channel-list-ui__channel-list--place-holder--loading { position: relative; min-height: 62px; display: inline-flex; align-items: center; justify-content: center; } .sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading { background-color: var(--sendbird-dark-background-500); } :root { --sendbird-light-primary-500: #491389; --sendbird-light-primary-400: #6211c8; --sendbird-light-primary-300: #742ddd; --sendbird-light-primary-200: #c2a9fa; --sendbird-light-primary-100: #dbd1ff; --sendbird-light-secondary-500: #066858; --sendbird-light-secondary-400: #027d69; --sendbird-light-secondary-300: #259c72; --sendbird-light-secondary-200: #69c085; --sendbird-light-secondary-100: #a8e2ab; --sendbird-light-information-100: #adc9ff; --sendbird-highlight-100: #fff2b6; --sendbird-light-error-500: #9d091e; --sendbird-light-error-400: #bf0711; --sendbird-light-error-300: #de360b; --sendbird-light-error-200: #f66161; --sendbird-light-error-100: #fdaaaa; --sendbird-light-background-700: #000000; --sendbird-light-background-600: #161616; --sendbird-light-background-500: #2C2C2C; --sendbird-light-background-400: #393939; --sendbird-light-background-300: #bdbdbd; --sendbird-light-background-200: #e0e0e0; --sendbird-light-background-100: #eeeeee; --sendbird-light-background-50: #FFFFFF; --sendbird-light-overlay-01: rgba(0, 0, 0, 0.55); --sendbird-light-overlay-02: rgba(0, 0, 0, 0.32); --sendbird-light-onlight-01: rgba(0, 0, 0, 0.88); --sendbird-light-onlight-02: rgba(0, 0, 0, 0.50); --sendbird-light-onlight-03: rgba(0, 0, 0, 0.38); --sendbird-light-onlight-04: rgba(0, 0, 0, 0.12); --sendbird-light-ondark-01: rgba(255, 255, 255, 0.88); --sendbird-light-ondark-02: rgba(255, 255, 255, 0.50); --sendbird-light-ondark-03: rgba(255, 255, 255, 0.38); --sendbird-light-ondark-04: rgba(255, 255, 255, 0.12); --sendbird-light-shadow-01: 0 1px 5px 0 rgba(33, 34, 66, 0.04), 0 0 3px 0 rgba(0, 0, 0, 0.08), 0 2px 1px 0 rgba(0, 0, 0, 0.12); --sendbird-light-shadow-02: 0 3px 5px -3px rgba(33, 34, 66, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 8px 10px 1px rgba(0, 0, 0, 0.12); --sendbird-light-shadow-03: 0 6px 10px -5px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.12); --sendbird-light-shadow-04: 0 9px 15px -7px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.08), 0 24px 38px 3px rgba(0, 0, 0, 0.12); --sendbird-light-shadow-05: 0 2px 8px 0 rgba(0, 0, 0, 0.08), 0 4px 6px 0 rgba(0, 0, 0, 0.12); --sendbird-light-shadow-message-input: 0 1px 5px 0 rgba(33, 34, 66, 0.12), 0 0 1px 0 rgba(33, 34, 66, 0.16), 0 2px 1px 0 rgba(33, 34, 66, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } :root { --sendbird-dark-primary-500: #491389; --sendbird-dark-primary-400: #6211c8; --sendbird-dark-primary-300: #742ddd; --sendbird-dark-primary-200: #c2a9fa; --sendbird-dark-primary-100: #dbd1ff; --sendbird-dark-secondary-500: #066858; --sendbird-dark-secondary-400: #027d69; --sendbird-dark-secondary-300: #259c72; --sendbird-dark-secondary-200: #69c085; --sendbird-dark-secondary-100: #a8e2ab; --sendbird-dark-information-100: #adc9ff; --sendbird-highlight-100: #fff2b6; --sendbird-dark-error-500: #9d091e; --sendbird-dark-error-400: #bf0711; --sendbird-dark-error-300: #de360b; --sendbird-dark-error-200: #f66161; --sendbird-dark-error-100: #fdaaaa; --sendbird-dark-background-700: #000000; --sendbird-dark-background-600: #161616; --sendbird-dark-background-500: #2C2C2C; --sendbird-dark-background-400: #393939; --sendbird-dark-background-300: #bdbdbd; --sendbird-dark-background-200: #e0e0e0; --sendbird-dark-background-100: #eeeeee; --sendbird-dark-background-50: #FFFFFF; --sendbird-dark-overlay-01: rgba(0, 0, 0, 0.55); --sendbird-dark-overlay-02: rgba(0, 0, 0, 0.32); --sendbird-dark-onlight-01: rgba(0, 0, 0, 0.88); --sendbird-dark-onlight-02: rgba(0, 0, 0, 0.50); --sendbird-dark-onlight-03: rgba(0, 0, 0, 0.38); --sendbird-dark-onlight-04: rgba(0, 0, 0, 0.12); --sendbird-dark-ondark-01: rgba(255, 255, 255, 0.88); --sendbird-dark-ondark-02: rgba(255, 255, 255, 0.50); --sendbird-dark-ondark-03: rgba(255, 255, 255, 0.38); --sendbird-dark-ondark-04: rgba(255, 255, 255, 0.12); --sendbird-dark-shadow-01: 0 1px 5px 0 rgba(33, 34, 66, 0.04), 0 0 3px 0 rgba(0, 0, 0, 0.08), 0 2px 1px 0 rgba(0, 0, 0, 0.12); --sendbird-dark-shadow-02: 0 3px 5px -3px rgba(33, 34, 66, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.08), 0 8px 10px 1px rgba(0, 0, 0, 0.12); --sendbird-dark-shadow-03: 0 6px 10px -5px rgba(0, 0, 0, 0.04), 0 6px 30px 5px rgba(0, 0, 0, 0.08), 0 16px 24px 2px rgba(0, 0, 0, 0.12); --sendbird-dark-shadow-04: 0 9px 15px -7px rgba(0, 0, 0, 0.04), 0 9px 46px 8px rgba(0, 0, 0, 0.08), 0 24px 38px 3px rgba(0, 0, 0, 0.12); --sendbird-light-shadow-05: 0 2px 8px 0 rgba(0, 0, 0, 0.08), 0 4px 6px 0 rgba(0, 0, 0, 0.12); --sendbird-dark-shadow-message-input: 0 1px 5px 0 rgba(33, 34, 66, 0.12), 0 0 1px 0 rgba(33, 34, 66, 0.16), 0 2px 1px 0 rgba(33, 34, 66, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } :root { --sendbird-iconbutton-color: #825eeb; --sendbird-message-input-border-active: #7B53EF; --sendbird-selected-reaction-button-border-hover: #9E8CF5; --sendbird-add-reaction-button-border-hover: #9E8CF5; --sendbird-tooltip-background: #000000; --sendbird-tooltip-text-color: rgba(255, 255, 255, 0.88); --sendbird-button-border-focus: #FFFFFF; --sendbird-file-message-icon-background: #FFFFFF; --sendbird-font-family-default: "Roboto", sans-serif; --sendbird-message-balloon-width: 404px; } .sendbird-message-content .sendbird-avatar-img { top: 50%; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content .sendbird-avatar-img { left: 50%; transform: translate(-50%, -50%); } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content .sendbird-avatar-img { right: 50%; transform: translate(50%, -50%); } .sendbird-message-content .sendbird-voice-message-item-body__playback-time { position: absolute; top: 15px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content .sendbird-voice-message-item-body__playback-time { right: 12px; left: unset; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content .sendbird-voice-message-item-body__playback-time { left: 12px; right: unset; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content .sendbird-reaction-badge__inner { padding-left: 20px; padding-right: 4px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content .sendbird-reaction-badge__inner { padding-right: 20px; padding-left: 4px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon { left: 4px; right: unset; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon { right: 4px; left: unset; } .sendbird-thread-list-item-content .sendbird-avatar-img { top: 50%; } .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content .sendbird-avatar-img { left: 50%; transform: translate(-50%, -50%); } .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content .sendbird-avatar-img { right: 50%; transform: translate(50%, -50%); } .sendbird-thread-list-item-content .sendbird-voice-message-item-body__playback-time { position: absolute; top: 15px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content .sendbird-voice-message-item-body__playback-time { right: 12px; left: unset; } .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content .sendbird-voice-message-item-body__playback-time { left: 12px; right: unset; } .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner { padding-left: 20px; padding-right: 4px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner { padding-right: 20px; padding-left: 4px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon { left: 4px; right: unset; } .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon { right: 4px; left: unset; } .sendbird-parent-message-info .sendbird-avatar-img { top: 50%; } .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info .sendbird-avatar-img { left: 50%; transform: translate(-50%, -50%); } .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info .sendbird-avatar-img { right: 50%; transform: translate(50%, -50%); } .sendbird-parent-message-info .sendbird-voice-message-item-body__playback-time { position: absolute; top: 15px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info .sendbird-voice-message-item-body__playback-time { right: 12px; left: unset; } .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info .sendbird-voice-message-item-body__playback-time { left: 12px; right: unset; } .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info .sendbird-reaction-badge__inner { padding-left: 20px; padding-right: 4px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info .sendbird-reaction-badge__inner { padding-right: 20px; padding-left: 4px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon { left: 4px; right: unset; } .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon { right: 4px; left: unset; } .sendbird-experimental__rem__units .sendbird-label--h-1 { font-size: 1.25rem; } .sendbird-experimental__rem__units .sendbird-label--h-2 { font-size: 1.125rem; } .sendbird-experimental__rem__units .sendbird-label--subtitle-1 { font-size: 1rem; } .sendbird-experimental__rem__units .sendbird-label--subtitle-2 { font-size: 0.875rem; } .sendbird-experimental__rem__units .sendbird-label--body-1 { font-size: 0.875rem; } .sendbird-experimental__rem__units .sendbird-label--body-2 { font-size: 0.75rem; } .sendbird-experimental__rem__units .sendbird-label--button-1 { font-size: 0.875rem; } .sendbird-experimental__rem__units .sendbird-label--button-2 { font-size: 0.875rem; } .sendbird-experimental__rem__units .sendbird-label--caption-1 { font-size: 0.875rem; } .sendbird-experimental__rem__units .sendbird-label--caption-2 { font-size: 0.75rem; } .sendbird-experimental__rem__units .sendbird-label--caption-3 { font-size: 0.75rem; } .sendbird-experimental__rem__units .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area { font-size: 0.875rem; } .sendbird-experimental__rem__units .sendbird-checkbox { font-size: 1.375rem; } .sendbird-experimental__rem__units .sendbird-mention-user-label { font-size: 0.875rem; } .sendbird-experimental__rem__units .sendbird-mention-user-label.purple { font-size: 1.125rem; } .sendbird-experimental__rem__units .sendbird-message-input .sendbird-message-input--textarea, .sendbird-experimental__rem__units .sendbird-message-input .sendbird-message-input--placeholder { font-size: 0.875rem; } .sendbird-experimental__rem__units .sendbird-input .sendbird-input__input, .sendbird-experimental__rem__units .sendbird-input .sendbird-input__placeholder { font-size: 0.875rem; } .sendbird-experimental__rem__units .sendbird-tooltip__text { font-size: 0.75rem; } .sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text { font-size: 0.75rem; } .sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message { font-size: 0.75rem; } .sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-message__file-message { font-size: 0.75rem; } .sendbird-modal--full-mobile .sendbird-modal__content { width: 100vw; max-width: 100%; height: 100%; } .sendbird-modal { position: fixed; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } [dir="ltr"] .sendbird-modal { left: 0; } [dir="rtl"] .sendbird-modal { right: 0; } .sendbird-modal__backdrop--clickoutside { cursor: pointer; } .sendbird-modal__content { width: 480px; border-radius: 4px; z-index: 10001; padding: 18px 24px 24px 24px; position: relative; box-sizing: border-box; } .sendbird-theme--light .sendbird-modal__content { background-color: var(--sendbird-light-background-50); box-shadow: var(--sendbird-light-shadow-04); } .sendbird-theme--dark .sendbird-modal__content { background-color: var(--sendbird-dark-background-500); box-shadow: var(--sendbird-dark-shadow-04); } .sendbird-modal__content .sendbird-modal__close { position: absolute; top: 16px; cursor: pointer; } [dir="ltr"] .sendbird-modal__content .sendbird-modal__close { right: 16px; } [dir="rtl"] .sendbird-modal__content .sendbird-modal__close { left: 16px; } .sendbird-theme--light .sendbird-modal__content .sendbird-modal__close path { fill: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-modal__content .sendbird-modal__close path { fill: var(--sendbird-dark-ondark-01); } .sendbird-modal__content .sendbird-modal__header { margin-bottom: 16px; } .sendbird-modal__content .sendbird-modal__body { height: calc(100% - 116px); overflow: auto; } .sendbird-modal__content .sendbird-modal__footer { display: flex; flex-direction: row; justify-content: flex-end; margin-top: 32px; } [dir="ltr"] .sendbird-modal__content .sendbird-modal__footer { text-align: right; } [dir="rtl"] .sendbird-modal__content .sendbird-modal__footer { text-align: left; } .sendbird--mobile-mode .sendbird-modal__content .sendbird-modal__footer { position: sticky; bottom: 24px; } .sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child { min-width: 80px; height: 40px; } [dir="ltr"] .sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child { margin-left: 8px; } [dir="rtl"] .sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child { margin-right: 8px; } .sendbird-modal__backdrop { position: fixed; z-index: 10000; height: 100%; width: 100%; top: 0; } [dir="ltr"] .sendbird-modal__backdrop { left: 0; } [dir="rtl"] .sendbird-modal__backdrop { right: 0; } .sendbird-theme--light .sendbird-modal__backdrop { background-color: var(--sendbird-light-overlay-02); } .sendbird-theme--dark .sendbird-modal__backdrop { background-color: var(--sendbird-dark-overlay-02); } .sendbird-iconbutton { color: var(--sendbird-iconbutton-color); display: inline-flex; justify-content: center; align-items: center; padding: 3px; background-color: transparent; cursor: pointer; -webkit-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px; outline: 0px; } .sendbird-iconbutton .sendbird-iconbutton__inner { height: 100%; } .sendbird-theme--light .sendbird-iconbutton .sendbird-iconbutton__inner svg { fill: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-iconbutton .sendbird-iconbutton__inner svg { fill: var(--sendbird-dark-ondark-01); } .sendbird-theme--light .sendbird-iconbutton:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-iconbutton:hover { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-iconbutton:active { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-iconbutton:active { background-color: var(--sendbird-dark-background-400); } .sendbird-iconbutton:disabled { cursor: not-allowed !important; } .sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg, .sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path { fill: var(--sendbird-light-onlight-02); } .sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg, .sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path { fill: var(--sendbird-dark-ondark-02); } .sendbird-theme--light .sendbird-iconbutton--pressed { background-color: var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-iconbutton--pressed { background-color: var(--sendbird-dark-background-700); } .sendbird-button { border-radius: 4px; box-shadow: none; cursor: pointer; font-family: var(--sendbird-font-family-default); padding: 0; display: inline-flex; justify-content: center; align-items: center; } .sendbird-button:hover { box-shadow: none; } .sendbird-button:focus { outline: none; } .sendbird-button:active { box-shadow: none; } .sendbird-button.sendbird-button__disabled { cursor: not-allowed; } .sendbird-theme--light .sendbird-button.sendbird-button__disabled { background-color: var(--sendbird-light-background-200); border: none; } .sendbird-theme--dark .sendbird-button.sendbird-button__disabled { background-color: var(--sendbird-dark-background-400); border: none; } .sendbird-theme--light .sendbird-button.sendbird-button__disabled:hover { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-button.sendbird-button__disabled:hover { background-color: var(--sendbird-dark-background-400); } .sendbird-button--big { height: 40px; } .sendbird-button--big .sendbird-button__text { margin: 10px 16px; } .sendbird-button--small { height: 32px; } .sendbird-button--small .sendbird-button__text { margin: 6px 16px; } .sendbird-theme--light .sendbird-button--primary { background-color: var(--sendbird-light-primary-300); border: 1px solid var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-button--primary { background-color: var(--sendbird-dark-primary-200); border: 1px solid var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-button--primary .sendbird-button__text { color: var(--sendbird-light-ondark-01); } .sendbird-theme--dark .sendbird-button--primary .sendbird-button__text { color: var(--sendbird-dark-onlight-01); } .sendbird-theme--light .sendbird-button--primary:hover { background-color: var(--sendbird-light-primary-400); border-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-button--primary:hover { background-color: var(--sendbird-dark-primary-300); border-color: var(--sendbird-dark-primary-300); } .sendbird-theme--light .sendbird-button--primary:focus { border: 1px solid var(--sendbird-button-border-focus); box-shadow: 0 0 0 2px var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-button--primary:focus { border: 1px solid var(--sendbird-button-border-focus); box-shadow: 0 0 0 2px var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-button--primary:active { background-color: var(--sendbird-light-primary-500); } .sendbird-theme--dark .sendbird-button--primary:active { background-color: var(--sendbird-dark-primary-400); } .sendbird-theme--light .sendbird-button--primary:focus .sendbird-button--primary:hover { box-shadow: 0 0 0 2px var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-button--primary:focus .sendbird-button--primary:hover { box-shadow: 0 0 0 2px var(--sendbird-dark-primary-300); } .sendbird-theme--light .sendbird-button--primary:focus .sendbird-button--primary:active { box-shadow: 0 0 0 2px var(--sendbird-light-primary-500); } .sendbird-theme--dark .sendbird-button--primary:focus .sendbird-button--primary:active { box-shadow: 0 0 0 2px var(--sendbird-dark-primary-400); } .sendbird-button--secondary { background-color: transparent; } .sendbird-theme--light .sendbird-button--secondary { border: 1px solid var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-button--secondary { border: 1px solid var(--sendbird-dark-ondark-03); } .sendbird-theme--light .sendbird-button--secondary .sendbird-button__text { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-button--secondary .sendbird-button__text { color: var(--sendbird-dark-ondark-01); } .sendbird-button--secondary:hover { background-color: transparent; } .sendbird-theme--light .sendbird-button--secondary:hover { border: 1px solid var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-button--secondary:hover { border: 1px solid var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-button--secondary:hover .sendbird-button__text { color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-button--secondary:hover .sendbird-button__text { color: var(--sendbird-dark-primary-200); } .sendbird-button--secondary.sendbird-button__disabled { border: none; cursor: not-allowed; } .sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled { background-color: var(--sendbird-dark-background-400); } .sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled .sendbird-button__text { color: var(--sendbird-light-onlight-02); } .sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled .sendbird-button__text { color: var(--sendbird-dark-ondark-02); } .sendbird-button--secondary.sendbird-button__disabled:hover { border: none; } .sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled:hover { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled:hover { background-color: var(--sendbird-dark-background-400); } .sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled:hover .sendbird-button__text { color: var(--sendbird-light-onlight-02); } .sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled:hover .sendbird-button__text { color: var(--sendbird-dark-ondark-02); } .sendbird-theme--light .sendbird-button--secondary:hover .sendbird-button--secondary:focus .sendbird-button__text { color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-button--secondary:hover .sendbird-button--secondary:focus .sendbird-button__text { color: var(--sendbird-dark-primary-200); } .sendbird-button--secondary:focus { background-color: transparent; border: 1px solid transparent; } .sendbird-theme--light .sendbird-button--secondary:focus { box-shadow: var(--sendbird-light-primary-300) 0 0 0 2px; } .sendbird-theme--dark .sendbird-button--secondary:focus { box-shadow: var(--sendbird-dark-primary-200) 0 0 0 2px; } .sendbird-theme--light .sendbird-button--secondary:focus .sendbird-button__text { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-button--secondary:focus .sendbird-button__text { color: var(--sendbird-dark-ondark-01); } .sendbird-button--secondary:active { box-shadow: none; } .sendbird-theme--light .sendbird-button--secondary:active { border: 1px solid var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-button--secondary:active { border: 1px solid var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-button--secondary:active .sendbird-button__text { color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-button--secondary:active .sendbird-button__text { color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-button--warning { background-color: transparent; border: 1px solid var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-button--warning { background-color: transparent; border: 1px solid var(--sendbird-dark-error-200); } .sendbird-theme--light .sendbird-button--warning .sendbird-button__text { color: var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-button--warning .sendbird-button__text { color: var(--sendbird-dark-error-200); } .sendbird-theme--light .sendbird-button--warning:hover { border-color: var(--sendbird-light-error-400); } .sendbird-theme--dark .sendbird-button--warning:hover { border-color: var(--sendbird-dark-error-100); } .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button__text { color: var(--sendbird-light-error-400); } .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button__text { color: var(--sendbird-dark-error-100); } .sendbird-theme--light .sendbird-button--warning:focus { border-color: var(--sendbird-light-primary-300); } .sendbird-theme--light .sendbird-theme--light .sendbird-button--warning:focus .sendbird-button__text { color: var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-theme--light .sendbird-button--warning:focus .sendbird-button__text { color: var(--sendbird-dark-error-200); } .sendbird-theme--dark .sendbird-button--warning:focus { border-color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-theme--dark .sendbird-button--warning:focus .sendbird-button__text { color: var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-theme--dark .sendbird-button--warning:focus .sendbird-button__text { color: var(--sendbird-dark-error-200); } .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus { border-color: var(--sendbird-light-primary-300); } .sendbird-theme--light .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text { color: var(--sendbird-light-error-400); } .sendbird-theme--dark .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text { color: var(--sendbird-dark-error-100); } .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus { border-color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text { color: var(--sendbird-light-error-400); } .sendbird-theme--dark .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text { color: var(--sendbird-dark-error-100); } .sendbird-theme--light .sendbird-button--danger { background-color: var(--sendbird-light-error-300); border: 1px solid var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-button--danger { background-color: var(--sendbird-dark-error-200); border: 1px solid var(--sendbird-dark-error-200); } .sendbird-theme--light .sendbird-button--danger .sendbird-button__text { color: var(--sendbird-light-ondark-01); } .sendbird-theme--dark .sendbird-button--danger .sendbird-button__text { color: var(--sendbird-dark-onlight-01); } .sendbird-theme--light .sendbird-button--danger:hover { background-color: var(--sendbird-light-error-400); border-color: var(--sendbird-light-error-400); } .sendbird-theme--dark .sendbird-button--danger:hover { background-color: var(--sendbird-dark-error-400); border-color: var(--sendbird-dark-error-400); } .sendbird-theme--light .sendbird-button--danger:focus { border-color: var(--sendbird-button-border-focus); box-shadow: 0 0 0 2px var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-button--danger:focus { border-color: var(--sendbird-button-border-focus); box-shadow: 0 0 0 2px var(--sendbird-dark-error-300); } .sendbird-button--danger:active { box-shadow: none; } .sendbird-theme--light .sendbird-button--danger:active { background-color: var(--sendbird-light-error-500); } .sendbird-theme--dark .sendbird-button--danger:active { background-color: var(--sendbird-dark-error-500); } .sendbird-theme--light .sendbird-button--danger:hover .sendbird-button--danger:focus { box-shadow: 0 0 0 2px var(--sendbird-light-error-400); } .sendbird-theme--dark .sendbird-button--danger:hover .sendbird-button--danger:focus { box-shadow: 0 0 0 2px var(--sendbird-dark-error-400); } .sendbird-theme--light .sendbird-button--danger:active .sendbird-button--danger:focus { box-shadow: 0 0 0 2px var(--sendbird-light-error-500); } .sendbird-theme--dark .sendbird-button--danger:active .sendbird-button--danger:focus { box-shadow: 0 0 0 2px var(--sendbird-dark-error-500); } .sendbird-button--disabled { border: 1px solid transparent; cursor: not-allowed; } .sendbird-theme--light .sendbird-button--disabled { background-color: var(--sendbird-light-background-200); color: var(--sendbird-light-ondark-01); } .sendbird-theme--dark .sendbird-button--disabled { background-color: var(--sendbird-dark-background-400); color: var(--sendbird-dark-onlight-01); } .sendbird--mobile-mode .sendbird-label { -webkit-user-select: none; -webkit-touch-callout: none; } [class*=sendbird-label] { font-family: var(--sendbird-font-family-default); } .sendbird-label--h-1 { font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: -0.2px; } .sendbird-label--h-2 { font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.2px; } .sendbird-label--subtitle-1 { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: -0.2px; } .sendbird-label--subtitle-2 { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: -0.2px; } .sendbird-label--body-1 { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; } .sendbird-label--body-2 { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; } .sendbird-label--button-1 { font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; } .sendbird-label--button-2 { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; } .sendbird-label--button-3 { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; } .sendbird-label--caption-1 { font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; } .sendbird-label--caption-2 { font-size: 12px; font-weight: bold; font-style: normal; line-height: 1; letter-spacing: normal; } .sendbird-label--caption-3 { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; } .sendbird-theme--light .sendbird-label--color-onbackground-1 { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-label--color-onbackground-1 { color: var(--sendbird-dark-ondark-01); } .sendbird-theme--light .sendbird-label--color-onbackground-2 { color: var(--sendbird-light-onlight-02); } .sendbird-theme--dark .sendbird-label--color-onbackground-2 { color: var(--sendbird-dark-ondark-02); } .sendbird-theme--light .sendbird-label--color-onbackground-3 { color: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-label--color-onbackground-3 { color: var(--sendbird-dark-ondark-03); } .sendbird-theme--light .sendbird-label--color-onbackground-4 { color: var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-label--color-onbackground-4 { color: var(--sendbird-dark-ondark-04); } .sendbird-theme--light .sendbird-label--color-oncontent-1 { color: var(--sendbird-light-ondark-01); } .sendbird-theme--dark .sendbird-label--color-oncontent-1 { color: var(--sendbird-dark-onlight-01); } .sendbird-theme--light .sendbird-label--color-oncontent-2 { color: var(--sendbird-light-ondark-02); } .sendbird-theme--dark .sendbird-label--color-oncontent-2 { color: var(--sendbird-dark-onlight-02); } .sendbird-theme--light .sendbird-label--color-oncontent-3 { color: var(--sendbird-light-ondark-03); } .sendbird-theme--dark .sendbird-label--color-oncontent-3 { color: var(--sendbird-dark-onlight-03); } .sendbird-theme--light .sendbird-label--color-oncontent-inverse-1 { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-label--color-oncontent-inverse-1 { color: var(--sendbird-dark-ondark-01); } .sendbird-theme--light .sendbird-label--color-oncontent-inverse-3 { color: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-label--color-oncontent-inverse-3 { color: var(--sendbird-dark-ondark-03); } .sendbird-theme--light .sendbird-label--color-primary { color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-label--color-primary { color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-label--color-error { color: var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-label--color-error { color: var(--sendbird-dark-error-200); } .sendbird-theme--light .sendbird-label--color-secondary-3 { color: var(--sendbird-light-secondary-300); } .sendbird-theme--dark .sendbird-label--color-secondary-3 { color: var(--sendbird-dark-secondary-200); } .sendbird-icon { display: inline-block; } .sendbird-icon:focus { outline: none; } .sendbird-theme--light .sendbird-icon-color--primary [class*=fill] { fill: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-icon-color--primary [class*=fill] { fill: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-icon-color--primary-2 [class*=fill] { fill: var(--sendbird-light-primary-200); } .sendbird-theme--dark .sendbird-icon-color--primary-2 [class*=fill] { fill: var(--sendbird-dark-primary-400); } .sendbird-theme--light .sendbird-icon-color--primary [class*=stroke] { stroke: var(--sendbird-light-primary-300); stroke-width: 2px; stroke-linejoin: round; } .sendbird-theme--dark .sendbird-icon-color--primary [class*=stroke] { stroke: var(--sendbird-dark-primary-200); stroke-width: 2px; stroke-linejoin: round; } .sendbird-theme--light .sendbird-icon-color--secondary [class*=fill] { fill: var(--sendbird-light-secondary-300); } .sendbird-theme--dark .sendbird-icon-color--secondary [class*=fill] { fill: var(--sendbird-dark-secondary-200); } .sendbird-theme--light .sendbird-icon-color--secondary-2 [class*=fill] { fill: var(--sendbird-light-secondary-200); } .sendbird-theme--dark .sendbird-icon-color--secondary-2 [class*=fill] { fill: var(--sendbird-dark-secondary-200); } .sendbird-theme--light .sendbird-icon-color--content [class*=fill] { fill: var(--sendbird-light-ondark-01); } .sendbird-theme--dark .sendbird-icon-color--content [class*=fill] { fill: var(--sendbird-dark-onlight-01); } .sendbird-theme--light .sendbird-icon-color--content-inverse [class*=fill] { fill: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-icon-color--content-inverse [class*=fill] { fill: var(--sendbird-dark-ondark-01); } .sendbird-theme--light .sendbird-icon-color--content-inverse-3 [class*=fill] { fill: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-icon-color--content-inverse-3 [class*=fill] { fill: var(--sendbird-dark-ondark-03); } .sendbird-icon-color--white [class*=fill] { fill: #ffffff; } .sendbird-icon-color--gray [class*=fill] { fill: var(--sendbird-light-onlight-04); } .sendbird-icon-color--thumbnail-icon [class*=fill] { fill: var(--sendbird-light-onlight-02); } .sendbird-theme--light .sendbird-icon-color--sent [class*=fill] { fill: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-icon-color--sent [class*=fill] { fill: var(--sendbird-dark-ondark-03); } .sendbird-theme--light .sendbird-icon-color--read [class*=fill] { fill: var(--sendbird-light-secondary-300); } .sendbird-theme--dark .sendbird-icon-color--read [class*=fill] { fill: var(--sendbird-dark-secondary-200); } .sendbird-theme--light .sendbird-icon-color--on-background-1 [class*=fill] { fill: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-icon-color--on-background-1 [class*=fill] { fill: var(--sendbird-dark-ondark-01); } .sendbird-theme--light .sendbird-icon-color--on-background-2 [class*=fill] { fill: var(--sendbird-light-onlight-02); } .sendbird-theme--dark .sendbird-icon-color--on-background-2 [class*=fill] { fill: var(--sendbird-dark-ondark-02); } .sendbird-theme--light .sendbird-icon-color--on-background-3 [class*=fill] { fill: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-icon-color--on-background-3 [class*=fill] { fill: var(--sendbird-dark-ondark-03); } .sendbird-theme--light .sendbird-icon-color--on-background-4 [class*=fill] { fill: var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-icon-color--on-background-4 [class*=fill] { fill: var(--sendbird-dark-ondark-04); } .sendbird-theme--light .sendbird-icon-color--background-3 [class*=fill] { fill: var(--sendbird-light-background-300); } .sendbird-theme--dark .sendbird-icon-color--background-3 [class*=fill] { fill: var(--sendbird-dark-background-400); } .sendbird-theme--light .sendbird-icon-color--error [class*=fill] { fill: var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-icon-color--error [class*=fill] { fill: var(--sendbird-dark-error-200); } .sendbird-context-menu { display: inline; } .sendbird-message-content__sendbird-ui-container-type__default__header-container .sendbird-context-menu { display: flex; } .sendbird__offline .sendbird-dropdown__menu .sendbird-dropdown__menu-item { cursor: not-allowed; } .sendbird__offline .sendbird-message-item-menu__list__menu-item.menu-item-delete { cursor: pointer; } .sendbird-dropdown__menu { z-index: 99999; position: absolute; top: 100%; min-width: 140px; margin: 0px; padding: 8px 0px; border-radius: 4px; list-style: none; } .sendbird-theme--light .sendbird-dropdown__menu { box-shadow: var(--sendbird-light-shadow-02); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-dropdown__menu { box-shadow: var(--sendbird-dark-shadow-02); background-color: var(--sendbird-dark-background-500); } .sendbird-dropdown__menu .sendbird-dropdown__menu-item { cursor: pointer; white-space: nowrap; padding: 8px 16px; } .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable { cursor: not-allowed; } .sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover { background-color: var(--sendbird-dark-background-400); } .sendbird-dropdown__reaction-bar { position: absolute; top: 100%; min-width: 44px; max-height: 208px; overflow-y: scroll; margin: 0px; padding: 8px; border-radius: 8px; list-style: none; } [dir="ltr"] .sendbird-dropdown__reaction-bar { left: 0; } [dir="rtl"] .sendbird-dropdown__reaction-bar { right: 0; } .sendbird-theme--light .sendbird-dropdown__reaction-bar { box-shadow: var(--sendbird-light-shadow-02); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-dropdown__reaction-bar { box-shadow: var(--sendbird-dark-shadow-02); background-color: var(--sendbird-dark-background-500); } .sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button, .sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button--selected { margin: 4px; } .sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__emptyLabel { width: -moz-fit-content; width: fit-content; } .sendbird-dropdown__menu-backdrop { background-color: transparent; position: fixed; top: 0; width: 100%; height: 100%; } [dir="ltr"] .sendbird-dropdown__menu-backdrop { left: 0; } [dir="rtl"] .sendbird-dropdown__menu-backdrop { right: 0; } .sendbird-sort-by-row { display: flex; justify-content: flex-start; align-items: center; } .sendbird__offline .sendbird-menu-item { cursor: not-allowed; } .sendbird-menu-item { cursor: pointer; white-space: nowrap; padding: 8px 16px; display: flex; } .sendbird-menu-item.disable { cursor: not-allowed; } .sendbird-theme--light .sendbird-menu-item.disable:hover { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-menu-item.disable:hover { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-menu-item:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-menu-item:hover { background-color: var(--sendbird-dark-background-400); } .sendbird-menu-item > * { width: 100%; display: flex; justify-content: space-between; align-items: center; } .sendbird-menu-item__text { display: flex; justify-content: space-between; } /** * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel. * So keep in mind that you should consider both components when you make changes in this file. */ .sendbird-conversation { display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box; } .sendbird-theme--light .sendbird-conversation { background-color: var(--sendbird-light-background-50); border: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-conversation { background-color: var(--sendbird-dark-background-600); border: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-conversation__messages { overflow: hidden; flex: 1 1 0; } .sendbird-conversation__messages-list { display: flex; flex-direction: column; height: 100%; justify-content: flex-end; } .sendbird-conversation__footer { width: 100%; padding: 0px 0px 24px 0px; } .sendbird-msg-hoc__animated .sendbird-message-content { animation: bounce 1s ease; } @keyframes bounce { 50% { transform: translateY(-10px); } 60% { transform: translateY(0); } 90% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .sendbird-conversation__scroll-container { display: flex; height: 100%; overflow-y: auto; overflow-x: hidden; flex-direction: column; } .sendbird-conversation__scroll-container .sendbird-conversation__padding { flex: 1 1 0; } .sendbird-conversation__footer { position: relative; box-sizing: border-box; margin-top: 6px; } .sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator { position: absolute; display: inline-flex; bottom: 8px; } [dir="ltr"] .sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator .sendbird-conversation__footer__typing-indicator__text { margin-left: 24px; margin-right: 10px; } [dir="rtl"] .sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator .sendbird-conversation__footer__typing-indicator__text { margin-right: 24px; margin-left: 10px; } .sendbird-connection-status { display: flex; align-items: center; padding-top: 5px; } .sendbird-place-holder { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .sendbird-place-holder .sendbird-place-holder__body { display: flex; flex-direction: column; height: 104px; align-items: center; } .sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__icon { margin-bottom: 10px; } .sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__text { margin-top: 10px; } .sendbird-place-holder .sendbird-place-holder__body__reconnect { margin-top: 18px; display: flex; flex-direction: row; cursor: pointer; } [dir="ltr"] .sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon { margin-right: 4px; } [dir="rtl"] .sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon { margin-left: 4px; } .sendbird-place-holder .sendbird-place-holder__body--align-top { position: absolute; top: 24px; display: flex; width: 100%; flex-direction: column; justify-content: center; } .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text { display: flex; flex-direction: row; justify-content: center; padding-left: 16px; padding-right: 16px; } .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in { display: flex; min-width: 60px; } [dir="ltr"] .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in { margin-right: 2px; } [dir="rtl"] .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in { margin-left: 2px; } .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__channel-name { display: block; max-width: calc(100% - 62px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__searching, .sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__no-result { display: flex; justify-content: center; } .sendbird-loader { display: inline-block; animation: 1s infinite linear; animation-name: rotate; } @keyframes rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } /** * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel. * So keep in mind that you should consider both components when you make changes in this file. */ .sendbird-chat-header { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 64px; min-height: 64px; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; } [dir="ltr"] .sendbird-chat-header { padding-left: 20px; padding-right: 16px; } [dir="rtl"] .sendbird-chat-header { padding-right: 20px; padding-left: 16px; } .sendbird-theme--light .sendbird-chat-header { border-bottom: 1px solid var(--sendbird-light-onlight-04); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-chat-header { border-bottom: 1px solid var(--sendbird-dark-ondark-04); background-color: var(--sendbird-dark-background-600); } [dir="ltr"] .sendbird-chat-header__left { margin-right: 24px; } [dir="rtl"] .sendbird-chat-header__left { margin-left: 24px; } .sendbird-chat-header__left, .sendbird-chat-header__right { overflow: hidden; display: flex; flex-direction: row; align-items: center; } .sendbird-chat-header .sendbird-chat-header__left__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 780px; } [dir="ltr"] .sendbird-chat-header .sendbird-chat-header__left__title { margin-left: 8px; margin-right: 16px; } [dir="rtl"] .sendbird-chat-header .sendbird-chat-header__left__title { margin-right: 8px; margin-left: 16px; } .sendbird--mobile-mode .sendbird-chat-header .sendbird-chat-header__left__title { max-width: calc(100vw - 240px); } .sendbird-chat-header .sendbird-chat-header__left__subtitle { max-width: 240px; overflow: hidden; text-overflow: ellipsis; } [dir="ltr"] .sendbird-chat-header .sendbird-chat-header__right__mute { margin-right: 18px; } [dir="rtl"] .sendbird-chat-header .sendbird-chat-header__right__mute { margin-left: 18px; } .sendbird-chat-header .sendbird-iconbutton--pressed { background-color: inherit; } [dir="ltr"] .sendbird-chat-header .sendbird-chat-header__right__info { margin-left: 16px; } [dir="rtl"] .sendbird-chat-header .sendbird-chat-header__right__info { margin-right: 16px; } [dir="ltr"] .sendbird-chat-header__icon_back { margin-right: 8px; } [dir="rtl"] .sendbird-chat-header__icon_back { margin-left: 8px; } .sendbird-chat-header--default-avatar { width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 50%; } [dir="rtl"] .sendbird-chat-header--default-avatar { .sendbird-icon { &.sendbird-icon-broadcast { transform: rotateY(180deg); } } } .sendbird-theme--light .sendbird-chat-header--default-avatar { background-color: var(--sendbird-light-secondary-300); } .sendbird-theme--dark .sendbird-chat-header--default-avatar { background-color: var(--sendbird-dark-secondary-200); } .sendbird-image-renderer { overflow: hidden; position: relative; } .sendbird-image-renderer__hidden-image-loader { display: none; } .sendbird-image-renderer, .sendbird-image-renderer__image { width: 320px; height: 180px; } .sendbird-multiple-files-image-renderer__image-cover { position: absolute; top: 0px; display: none; width: 100%; height: 100%; border-radius: 16px; background-color: var(--sendbird-light-overlay-01); } .sendbird-image-renderer:hover .sendbird-multiple-files-image-renderer__image-cover { display: inline-flex; } .sendbird-multiple-files-image-renderer__icon-wrapper { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; } .sendbird-multiple-files-image-renderer__icon-wrapper .sendbird-multiple-files-image-renderer__icon-wrapper__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background-color: var(--sendbird-light-ondark-01); z-index: 2; } .sendbird-avatar { border-radius: 50%; display: inline-block; overflow: hidden; position: relative; } .sendbird-avatar:focus { outline: none; } .sendbird-avatar .sendbird-avatar-img { align-items: center; display: flex; justify-content: center; position: absolute; top: 50%; } [dir="ltr"] .sendbird-avatar .sendbird-avatar-img { left: 50%; transform: translate(-50%, -50%); } [dir="rtl"] .sendbird-avatar .sendbird-avatar-img { right: 50%; transform: translate(50%, -50%); } .sendbird-theme--light .sendbird-avatar .sendbird-avatar-img { background-color: var(--sendbird-light-background-300); } .sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img { background-color: var(--sendbird-dark-background-300); } [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:first-child { transform: translate(2%, -50%); } [dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:first-child { transform: translate(-2%, -50%); } [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:last-child { transform: translate(-102%, -50%); } [dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:last-child { transform: translate(102%, -50%); } [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__three-child--upper .sendbird-avatar-img:first-child { transform: translate(-50%, -102%); } [dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__three-child--upper .sendbird-avatar-img:first-child { transform: translate(50%, -102%); } [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:first-child { transform: translate(-77%, -23%) scale(0.5); } [dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:first-child { transform: translate(77%, -23%) scale(0.5); } [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:last-child { transform: translate(-23%, -23%) scale(0.5); } [dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:last-child { transform: translate(23%, -23%) scale(0.5); } [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:first-child { transform: translate(-77%, -77%) scale(0.5); } [dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:first-child { transform: translate(77%, -77%) scale(0.5); } [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(2) { transform: translate(-23%, -77%) scale(0.5); } [dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(2) { transform: translate(23%, -77%) scale(0.5); } [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(3) { transform: translate(-77%, -23%) scale(0.5); } [dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(3) { transform: translate(77%, -23%) scale(0.5); } [dir="ltr"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:last-child { transform: translate(-23%, -23%) scale(0.5); } [dir="rtl"] .sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:last-child { transform: translate(23%, -23%) scale(0.5); } .sendbird-avatar .sendbird-avatar-img--default { align-items: center; display: flex; justify-content: center; } .sendbird-theme--light .sendbird-avatar .sendbird-avatar-img--default { background-color: var(--sendbird-light-background-300); } .sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img--default { background-color: var(--sendbird-dark-background-300); } .sendbird-theme--light .sendbird-avatar .sendbird-avatar-img--default.text { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img--default.text { background-color: var(--sendbird-dark-background-400); } .sendbird-avatar .sendbird-avatar-text { font-family: Roboto; font-size: 8px; font-style: normal; font-weight: bold; font-weight: 400; line-height: 12px; text-align: center; } .sendbird-theme--light .sendbird-avatar .sendbird-avatar-text { color: var(--sendbird-light-onlight-02); } .sendbird-theme--dark .sendbird-avatar .sendbird-avatar-text { color: var(--sendbird-dark-ondark-02); } .sendbird-ui-header { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 64px; min-height: 64px; padding-left: 16px; padding-right: 16px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; } .sendbird-theme--light .sendbird-ui-header { border-bottom: 1px solid var(--sendbird-light-onlight-04); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-ui-header { border-bottom: 1px solid var(--sendbird-dark-ondark-04); background-color: var(--sendbird-dark-background-600); } .sendbird-ui-header--is-desktop { max-width: 176px; } .sendbird-ui-header--is-mobile { max-width: 80px; } .sendbird-ui-header__left { position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; } [dir="ltr"] .sendbird-ui-header__left { left: 0px; margin-right: 8px; } [dir="rtl"] .sendbird-ui-header__left { right: 0px; margin-left: 8px; } .sendbird-ui-header__middle { flex: 1; display: inline-flex; flex-direction: column; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sendbird-ui-header__middle__subtitle__container { display: flex; width: 100%; } .sendbird-ui-header__middle__title, .sendbird-ui-header__middle__subtitle { overflow: hidden; text-wrap: nowrap; text-overflow: ellipsis; width: 100%; } .sendbird-ui-header__right { position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; } [dir="ltr"] .sendbird-ui-header__right { right: 0px; margin-left: 8px; } [dir="rtl"] .sendbird-ui-header__right { left: 0px; margin-right: 8px; } .sendbird-textbutton { text-decoration: underline; cursor: pointer; display: inline-block; } .sendbird-textbutton--not-underline { text-decoration: none; cursor: pointer; } .sendbird-textbutton--disabled { cursor: not-allowed; } .sendbird-theme--light .sendbird-textbutton--disabled { color: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-textbutton--disabled { color: var(--sendbird-dark-ondark-03); } .sendbird-theme--light .sendbird-color--onbackground-1 { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-color--onbackground-1 { color: var(--sendbird-dark-ondark-01); } .sendbird-theme--light .sendbird-color--onbackground-1--background-color { background-color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-color--onbackground-1--background-color { background-color: var(--sendbird-dark-ondark-01); } .sendbird-theme--light .sendbird-color--onbackground-2 { color: var(--sendbird-light-onlight-02); } .sendbird-theme--dark .sendbird-color--onbackground-2 { color: var(--sendbird-dark-ondark-02); } .sendbird-theme--light .sendbird-color--onbackground-2--background-color { background-color: var(--sendbird-light-onlight-02); } .sendbird-theme--dark .sendbird-color--onbackground-2--background-color { background-color: var(--sendbird-dark-ondark-02); } .sendbird-theme--light .sendbird-color--onbackground-3 { color: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-color--onbackground-3 { color: var(--sendbird-dark-ondark-03); } .sendbird-theme--light .sendbird-color--onbackground-3--background-color { background-color: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-color--onbackground-3--background-color { background-color: var(--sendbird-dark-ondark-03); } .sendbird-theme--light .sendbird-color--onbackground-4 { color: var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-color--onbackground-4 { color: var(--sendbird-dark-ondark-04); } .sendbird-theme--light .sendbird-color--onbackground-4--background-color { background-color: var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-color--onbackground-4--background-color { background-color: var(--sendbird-dark-ondark-04); } .sendbird-theme--light .sendbird-color--oncontent-1 { color: var(--sendbird-light-ondark-01); } .sendbird-theme--dark .sendbird-color--oncontent-1 { color: var(--sendbird-dark-onlight-01); } .sendbird-theme--light .sendbird-color--oncontent-1--background-color { background-color: var(--sendbird-light-ondark-01); } .sendbird-theme--dark .sendbird-color--oncontent-1--background-color { background-color: var(--sendbird-dark-onlight-01); } .sendbird-theme--light .sendbird-color--primary { color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-color--primary { color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-color--primary--background-color { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-color--primary--background-color { background-color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-color--error { color: var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-color--error { color: var(--sendbird-dark-error-200); } .sendbird-theme--light .sendbird-color--error--background-color { background-color: var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-color--error--background-color { background-color: var(--sendbird-dark-error-300); } /** * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel. * So keep in mind that you should consider both components when you make changes in this file. */ .sendbird-conversation__messages { position: relative; } .sendbird-conversation__messages .sendbird-conversation__messages-padding { position: relative; height: 100%; overflow-x: hidden; padding: 0 24px; } .sendbird--mobile-mode .sendbird-conversation__messages .sendbird-conversation__messages-padding { padding: 0 12px; } .sendbird-conversation__messages .sendbird-separator, .sendbird-conversation__messages .sendbird-admin-message { padding-top: 8px; padding-bottom: 8px; } .sendbird-conversation__messages__notification { position: fixed; top: 0px; width: calc(100% - 50px); } [dir="ltr"] .sendbird-conversation__messages__notification { margin-left: 25px; } [dir="rtl"] .sendbird-conversation__messages__notification { margin-right: 25px; } .sendbird-conversation__scroll-bottom-button { position: sticky; display: flex; align-items: center; justify-content: center; bottom: 30px; width: 40px; height: 40px; border-radius: 24px; } [dir="ltr"] .sendbird-conversation__scroll-bottom-button { left: calc(100% - 65px); } [dir="rtl"] .sendbird-conversation__scroll-bottom-button { right: calc(100% - 65px); } .sendbird-theme--light .sendbird-conversation__scroll-bottom-button { background-color: var(--sendbird-light-background-50); box-shadow: var(--sendbird-light-shadow-05); } .sendbird-theme--dark .sendbird-conversation__scroll-bottom-button { background-color: var(--sendbird-dark-background-400); box-shadow: var(--sendbird-dark-shadow-05); } .sendbird-conversation__scroll-bottom-button:hover { cursor: pointer; } .sendbird-theme--light .sendbird-conversation__scroll-bottom-button:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-conversation__scroll-bottom-button:hover { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-conversation__scroll-bottom-button:active { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-conversation__scroll-bottom-button:active { background-color: var(--sendbird-dark-background-700); } .sendbird-conversation__scroll-bottom-button:focus { outline: none; } .sendbird-separator { width: 100%; display: flex; align-items: center; } .sendbird-separator .sendbird-separator__left { border: none; height: 1px; display: inline-block; width: 100%; } .sendbird-separator .sendbird-separator__right { border: none; height: 1px; display: inline-block; width: 100%; } .sendbird-separator .sendbird-separator__text { margin: 0px 16px; display: flex; white-space: nowrap; } .sendbird-message-input { display: inline-block; width: 100%; position: relative; } .sendbird-message-input .sendbird-message-input--textarea { position: relative; width: 100%; border-radius: 4px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; max-height: 92px; min-height: 58px; overflow-y: scroll; letter-spacing: normal; box-sizing: border-box; resize: none; font-family: var(--sendbird-font-family-default); background-color: inherit; white-space: pre-wrap; } [dir="ltr"] .sendbird-message-input .sendbird-message-input--textarea { padding: 18px 64px 18px 16px; } [dir="rtl"] .sendbird-message-input .sendbird-message-input--textarea { padding: 18px 16px 18px 64px; } .sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea { color: var(--sendbird-light-onlight-01); caret-color: var(--sendbird-light-primary-300); border: solid 1px var(--sendbird-light-onlight-03); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea { color: var(--sendbird-dark-ondark-01); caret-color: var(--sendbird-dark-primary-200); border: solid 1px var(--sendbird-dark-ondark-03); background-color: var(--sendbird-dark-background-500); } .sendbird-message-input .sendbird-message-input--textarea:focus { outline: none; } .sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea:focus { color: var(--sendbird-light-onlight-01); border: solid 1px var(--sendbird-light-primary-300); box-shadow: var(--sendbird-light-shadow-message-input); } .sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea:focus { color: var(--sendbird-dark-ondark-01); border: solid 1px var(--sendbird-dark-primary-200); box-shadow: var(--sendbird-dark-shadow-message-input); } .sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea:active { border: solid 1px var(--sendbird-message-input-border-active); color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea:active { border: solid 1px var(--sendbird-message-input-border-active); color: var(--sendbird-dark-ondark-01); } .sendbird-message-input .sendbird-message-input--placeholder { position: absolute; pointer-events: none; top: 18px; font-family: var(--sendbird-font-family-default); font-size: 14px; line-height: 1.43; } [dir="ltr"] .sendbird-message-input .sendbird-message-input--placeholder { left: 16px; } [dir="rtl"] .sendbird-message-input .sendbird-message-input--placeholder { right: 16px; } .sendbird-message-input .sendbird-message-input--attach { position: absolute; padding: 6px; bottom: 14px; } [dir="ltr"] .sendbird-message-input .sendbird-message-input--attach { right: 16px; } [dir="rtl"] .sendbird-message-input .sendbird-message-input--attach { left: 16px; } [dir="ltr"] .sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled { right: 48px; } [dir="rtl"] .sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled { left: 48px; } .sendbird-message-input .sendbird-message-input--voice-message { position: absolute; padding: 6px; bottom: 14px; } [dir="ltr"] .sendbird-message-input .sendbird-message-input--voice-message { right: 16px; } [dir="rtl"] .sendbird-message-input .sendbird-message-input--voice-message { left: 16px; } .sendbird-message-input .sendbird-message-input--send { position: absolute; padding: 6px; bottom: 14px; } [dir="ltr"] .sendbird-message-input .sendbird-message-input--send { right: 16px; } [dir="rtl"] .sendbird-message-input .sendbird-message-input--send { left: 16px; transform: rotate(180deg); } .sendbird-message-input .sendbird-message-input--attach-input { display: none; } .sendbird-message-input__edit { padding: 16px; box-sizing: border-box; } .sendbird-theme--light .sendbird-message-input__edit { background-color: var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-message-input__edit { background-color: var(--sendbird-dark-background-700); } .sendbird-message-input--edit-action { margin-top: 4px; } [dir="ltr"] .sendbird-message-input--edit-action { text-align: right; } [dir="rtl"] .sendbird-message-input--edit-action { text-align: left; } [dir="ltr"] .sendbird-message-input--edit-action button:last-child { margin-left: 8px; } [dir="rtl"] .sendbird-message-input--edit-action button:last-child { margin-right: 8px; } .sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel { width: 80px; } .sendbird-theme--light .sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel { border: solid 1px var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel { border: solid 1px var(--sendbird-dark-ondark-03); } .sendbird-message-input--edit-action .sendbird-message-input--edit-action__save { width: 80px; } .sendbird-message-input-form__disabled { cursor: not-allowed; } .sendbird-message-input__disabled { pointer-events: none; cursor: not-allowed; } .sendbird-theme--light .sendbird-message-input__disabled .sendbird-message-input--textarea { color: var(--sendbird-light-onlight-04); border: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-message-input__disabled .sendbird-message-input--textarea { color: var(--sendbird-dark-ondark-04); border: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-message-content { display: inline-flex; flex-direction: row; position: relative; width: 100%; } .sendbird-message-content.incoming { justify-content: flex-start; } .sendbird-message-content.outgoing { justify-content: flex-end; } .sendbird-message-content .sendbird-message-content__middle { max-width: 400px; } .sendbird--mobile-mode .sendbird-message-content .sendbird-message-content__middle { width: calc(100vw - 140px); } .sendbird-message-content .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.use-quote { bottom: -8px; margin-top: -8px; } .sendbird-message-content__middle__quote-message__quote { width: 100%; } .sendbird-message-content.incoming .sendbird-message-content__left { display: inline-flex; min-width: 40px; position: relative; flex-shrink: 0; } .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar { bottom: 2px; position: absolute; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar { left: 0; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar { right: 0; } .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple { border: 2px solid; } .sendbird-theme--light .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple { border-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple { border-color: var(--sendbird-dark-background-600); } .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.use-thread-replies { bottom: 35px; } .sendbird-message-content.incoming .sendbird-message-content__middle { align-items: flex-start; display: inline-flex; flex-direction: column; position: relative; } .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container { max-width: 100%; } .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at { bottom: 6px; display: flex; flex-direction: row; min-width: 80px; position: absolute; white-space: nowrap; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at { right: -84px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at { left: -84px; } .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at.sendbird-mouse-hover { display: none; } .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default { min-width: -moz-fit-content; min-width: fit-content; bottom: -16px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default { left: 2px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default { right: 2px; } .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name { margin-bottom: 4px; overflow: hidden; position: relative; text-overflow: ellipsis; width: 100%; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name { margin-left: 12px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name { margin-right: 12px; } .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message { display: inline-flex; position: relative; width: 100%; } .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.outgoing { justify-content: flex-end; } .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.incoming { justify-content: flex-start; } .sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message:hover { cursor: pointer; } .sendbird-message-content.incoming .sendbird-message-content__right { display: inline-flex; padding-top: 18px; position: relative; width: 50px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-message-content__right { margin-left: 4px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-message-content__right { margin-right: 4px; } .sendbird-message-content.incoming .sendbird-message-content__right.use-reactions { width: 70px; } .sendbird-message-content.incoming .sendbird-message-content__right.chain-top { padding-top: 2px; } .sendbird-message-content.incoming .sendbird-message-content__right.chain-top.use-quote { padding-top: 18px; } .sendbird-message-content.incoming .sendbird-message-content__right .sendbird-message-content-menu { display: none; flex-direction: row; height: 32px; position: relative; } .sendbird-message-content.incoming .sendbird-message-content__right .sendbird-message-content-menu.sendbird-mouse-hover { display: inline-flex; } .sendbird--mobile-mode .sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at { display: inline-flex; } .sendbird-message-content.incoming:hover .sendbird-message-content__right .sendbird-message-content-menu { display: inline-flex; } .sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at { display: none; } .sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default { display: flex; } .sendbird-message-content.outgoing .sendbird-message-content__left { box-sizing: border-box; display: inline-flex; justify-content: flex-end; position: relative; width: 50px; } .sendbird-message-content.outgoing .sendbird-message-content__left.use-reactions { width: 70px; } .sendbird-message-content.outgoing .sendbird-message-content__left.use-quote .sendbird-message-content-menu { top: 18px; } .sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu { display: none; flex-direction: row; position: absolute; top: 2px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu { right: 4px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu { left: 4px; } .sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu.sendbird-mouse-hover { display: inline-flex; } .sendbird-message-content.outgoing .sendbird-message-content__middle { align-items: flex-end; display: inline-flex; flex-direction: column; position: relative; } .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message { display: inline-flex; position: relative; width: 100%; } .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.outgoing { justify-content: flex-end; } .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.incoming { justify-content: flex-start; } .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container { position: relative; } .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at { bottom: 2px; box-sizing: content-box; display: flex; justify-content: flex-end; min-height: 16px; min-width: 80px; position: absolute; white-space: nowrap; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at { left: -84px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at { right: -84px; } .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at.sendbird-mouse-hover { display: none; } .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at .sendbird-message-content__middle__body-container__created-at__component-container { display: inline-flex; position: relative; } .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default { min-width: -moz-fit-content; min-width: fit-content; bottom: -20px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default { left: 2px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .ui_container_type__default { right: 2px; } .sendbird-message-content.outgoing .sendbird-message-content__right { display: none; } .sendbird--mobile-mode .sendbird-message-content.outgoing:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at { display: inline-flex; } .sendbird-message-content.outgoing:hover .sendbird-message-content__left .sendbird-message-content-menu { display: inline-flex; } .sendbird-message-content.outgoing:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at { display: none; } .sendbird-message-content__middle__body-container { display: flex; flex-direction: column; position: relative; width: -moz-fit-content; width: fit-content; align-items: flex-end; } .sendbird-message-content__middle__body-container .sendbird-message-content__middle__message-item-body { box-sizing: border-box; } .sendbird-message-content__middle__body-container .sendbird-message-content__middle__message-item-body.reactions { width: 100%; } .sendbird-message-content__middle__body-container:has(.sendbird-message-content__middle__message-item-body.reactions) { align-items: unset; } .sendbird--mobile-mode .sendbird-message-content__middle__body-container--thumbnail { width: 100%; align-items: stretch; } .sendbird-message-content-reactions { border-radius: 0 0 16px 16px; max-width: 400px; position: relative; width: 100%; } .sendbird-theme--light .sendbird-message-content-reactions { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-message-content-reactions { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-message-content-reactions.primary { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-message-content-reactions.primary { background-color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-message-content-reactions.mouse-hover, .sendbird-theme--light .sendbird-message-content-reactions:hover { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-message-content-reactions.mouse-hover, .sendbird-theme--dark .sendbird-message-content-reactions:hover { background-color: var(--sendbird-dark-background-400); } .sendbird-theme--light .sendbird-message-content-reactions.mouse-hover.primary, .sendbird-theme--light .sendbird-message-content-reactions:hover.primary { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-message-content-reactions.mouse-hover.primary, .sendbird-theme--dark .sendbird-message-content-reactions:hover.primary { background-color: var(--sendbird-dark-primary-300); } .sendbird-theme--light .sendbird-message-content-reactions.image-grid { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-message-content-reactions.image-grid { background-color: var(--sendbird-dark-background-500); } .sendbird-message-content__middle__thread-replies { margin-top: 4px; } .sendbird-message-content__middle__feedback-buttons { margin-top: 4px; } .sendbird-voice-message-item-body.sendbird-message-content__middle__message-item-body { height: 50px; min-width: 136px; } .sendbird-message-content__middle__body-container__feedback-buttons-container { margin-top: 4px; position: relative; display: flex; gap: 4px; } .sendbird-message-content__sendbird-ui-container-type__default__root { max-width: 400px; } .sendbird-message-content__sendbird-ui-container-type__default__root .sendbird-message-content__sendbird-ui-container-type__default__header-container { display: flex; align-items: center; margin: 8px 0 6px; } .sendbird-message-content__sendbird-ui-container-type__default__root .sendbird-message-content__sendbird-ui-container-type__default__header-container .sendbird-message-content__sendbird-ui-container-type__default__header-container__left__profile { width: 28px; height: 28px; margin-inline-end: 24px; } .sendbird-message-content__sendbird-ui-container-type__default__root .sendbird-message-content__sendbird-ui-container-type__default__bottom { padding-inline-start: 52px; } .sendbird-message-status { position: relative; display: inline-flex; align-items: flex-start; width: 100%; height: 100%; } .sendbird-message-status .sendbird-message-status__icon { position: relative; display: inline-block; top: -2px; } .sendbird-message-status .sendbird-message-status__icon.hide-icon { display: none; } .sendbird-message-status .sendbird-message-status__text { position: relative; display: inline-block; } [dir="ltr"] .sendbird-message-status .sendbird-message-status__text { margin-left: 4px; } [dir="rtl"] .sendbird-message-status .sendbird-message-status__text { margin-right: 4px; } .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again { text-decoration: underline; } .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again:hover { cursor: pointer; } .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete { text-decoration: underline; } .sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete:hover { cursor: pointer; } .sendbird-text { color: var(--primary-1); } .sendbird-reaction-button { border-radius: 8px; display: inline-block; border: solid 1px transparent; box-sizing: border-box; cursor: pointer; } .sendbird-theme--light .sendbird-reaction-button:hover { border: solid 1px var(--sendbird-light-background-100); background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-reaction-button:hover { border: solid 1px var(--sendbird-dark-background-400); background-color: var(--sendbird-dark-background-400); } .sendbird-reaction-button__inner { margin: 3px; } .sendbird-reaction-button--selected { cursor: pointer; border-radius: 8px; display: inline-block; box-sizing: border-box; } .sendbird-theme--light .sendbird-reaction-button--selected { border: solid 1px var(--sendbird-light-primary-100); background-color: var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-reaction-button--selected { border: solid 1px var(--sendbird-dark-primary-400); background-color: var(--sendbird-dark-primary-400); } .sendbird-reaction-button--selected:hover { border: solid 1px var(--sendbird-selected-reaction-button-border-hover); } .sendbird-reaction-button--selected__inner { margin: 3px; } .sendbird-reaction-button--selected.sendbird-reactions--pressed { display: block !important; } .sendbird-emoji-reactions { display: inline-block; border-radius: 16px; box-sizing: border-box; width: 100%; max-width: var(--sendbird-message-balloon-width); min-height: 24px; padding: 7px 5px 3px 5px; } .sendbird-theme--light .sendbird-emoji-reactions { background-color: var(--sendbird-light-background-50); border: 1px solid var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-emoji-reactions { background-color: var(--sendbird-dark-background-600); border: 1px solid var(--sendbird-dark-background-500); } .sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge { margin-bottom: 4px; } [dir="ltr"] .sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge { margin-left: 2px; margin-right: 1px; } [dir="rtl"] .sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge { margin-right: 2px; margin-left: 1px; } .sendbird-emoji-reactions:focus { outline: none; } .sendbird-emoji-reactions .sendbird-context-menu { height: 26px; } .sendbird-emoji-reactions__add-reaction-badge { position: relative; top: -4px; display: inline-flex; width: 36px; height: 24px; } [dir="ltr"] .sendbird-emoji-reactions .sendbird-context-menu { margin-left: 2px; } [dir="rtl"] .sendbird-emoji-reactions .sendbird-context-menu { margin-right: 2px; } .sendbird-reaction-badge { display: inline-block; border-radius: 15px; width: 50px; height: 24px; } .sendbird-theme--light .sendbird-reaction-badge { background-color: var(--sendbird-light-background-100); border: solid 1px var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-reaction-badge { background-color: var(--sendbird-dark-background-500); border: solid 1px var(--sendbird-dark-background-500); } .sendbird-reaction-badge:hover { cursor: pointer; } .sendbird-theme--light .sendbird-reaction-badge:hover { border: solid 1px var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-reaction-badge:hover { border: solid 1px var(--sendbird-dark-primary-200); } .sendbird-reaction-badge--is-add { display: inline-block; border-radius: 15px; width: 36px; height: 24px; } .sendbird-theme--light .sendbird-reaction-badge--is-add { background-color: var(--sendbird-light-background-100); border: solid 1px var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-reaction-badge--is-add { background-color: var(--sendbird-dark-background-500); border: solid 1px var(--sendbird-dark-background-500); } .sendbird-reaction-badge--is-add:hover { cursor: pointer; } .sendbird-theme--light .sendbird-reaction-badge--is-add:hover { border: solid 1px var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-reaction-badge--is-add:hover { border: solid 1px var(--sendbird-dark-primary-200); } [dir="ltr"] .sendbird-reaction-badge--is-add .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon { left: 8px; } [dir="rtl"] .sendbird-reaction-badge--is-add .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon { right: 8px; } .sendbird-reaction-badge--selected { display: inline-block; border-radius: 15px; width: 50px; height: 24px; } .sendbird-theme--light .sendbird-reaction-badge--selected { background-color: var(--sendbird-light-primary-100); border: solid 1px var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-reaction-badge--selected { background-color: var(--sendbird-dark-primary-400); border: solid 1px var(--sendbird-dark-primary-400); } .sendbird-reaction-badge--selected:hover { cursor: pointer; } .sendbird-theme--light .sendbird-reaction-badge--selected:hover { border: solid 1px var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-reaction-badge--selected:hover { border: solid 1px var(--sendbird-dark-primary-200); } .sendbird-reaction-badge__inner { position: relative; display: flex; height: 24px; flex-direction: row; align-items: center; justify-content: center; } [dir="ltr"] .sendbird-reaction-badge__inner { padding-left: 20px; padding-right: 4px; } [dir="rtl"] .sendbird-reaction-badge__inner { padding-right: 20px; padding-left: 4px; } .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon { position: absolute; top: 2px; } [dir="ltr"] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon { left: 4px; } [dir="rtl"] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon { right: 4px; } [dir="ltr"] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count { margin-left: 4px; } [dir="rtl"] .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count { margin-right: 4px; } .sendbird-message__bottomsheet__reacted-members { position: relative; padding: 0px 16px; box-sizing: border-box; width: 100%; height: 46px; overflow-x: scroll; display: inline-flex; flex-direction: row; justify-content: center; gap: 16px; } .sendbird-message__bottomsheet__reacted-members__item { position: relative; height: 100%; display: inline-flex; gap: 4px; flex-direction: row; align-items: center; } .sendbird-message__bottomsheet__reactor-list { position: relative; padding: 0px 16px; width: 100%; height: 216px; box-sizing: border-box; display: inline-flex; flex-direction: column; overflow-y: scroll; } .sendbird-message__bottomsheet__reactor-list__item.sendbird-user-list-item { border-bottom: 0px; min-height: 48px; } .sendbird-bottomsheet { position: fixed; top: 0; width: 100%; height: 100%; } [dir="ltr"] .sendbird-bottomsheet { left: 0; } [dir="rtl"] .sendbird-bottomsheet { right: 0; } .sendbird-bottomsheet__content { position: fixed; z-index: 10001; bottom: 0; width: 100%; } [dir="ltr"] .sendbird-bottomsheet__content { left: 0; } [dir="rtl"] .sendbird-bottomsheet__content { right: 0; } .sendbird-bottomsheet__backdrop { position: fixed; z-index: 10000; height: 100%; width: 100%; top: 0; } [dir="ltr"] .sendbird-bottomsheet__backdrop { left: 0; } [dir="rtl"] .sendbird-bottomsheet__backdrop { right: 0; } .sendbird-theme--light .sendbird-bottomsheet__backdrop { background-color: var(--sendbird-light-overlay-02); } .sendbird-theme--dark .sendbird-bottomsheet__backdrop { background-color: var(--sendbird-dark-overlay-02); } .sendbird-user-list-item { display: block; position: relative; box-sizing: border-box; width: 100%; height: 56px; } .sendbird--mobile-mode .sendbird-user-list-item { width: 100%; } .sendbird-theme--light .sendbird-user-list-item { border-bottom: 1px solid var(--sendbird-light-onlight-04); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-user-list-item { border-bottom: 1px solid var(--sendbird-dark-ondark-04); background-color: var(--sendbird-dark-background-500); } .sendbird-user-list-item .sendbird-user-list-item__avatar { position: absolute; top: 8px; cursor: pointer; z-index: 0; } [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__avatar { left: 0px; } [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__avatar { right: 0px; } .sendbird-user-list-item .sendbird-muted-avatar { position: absolute; top: 8px; pointer-events: none; z-index: 1; } [dir="ltr"] .sendbird-user-list-item .sendbird-muted-avatar { left: 0px; } [dir="rtl"] .sendbird-user-list-item .sendbird-muted-avatar { right: 0px; } .sendbird-user-list-item .sendbird-user-list-item__title { position: absolute; top: 17px; max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__title { left: 56px; } [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__title { right: 56px; } .sendbird--mobile-mode .sendbird-user-list-item .sendbird-user-list-item__title { max-width: 62%; } .sendbird-user-list-item .sendbird-user-list-item__subtitle { position: absolute; top: 23px; max-width: 237px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__subtitle { left: 140px; } [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__subtitle { right: 140px; } .sendbird--mobile-mode .sendbird-user-list-item .sendbird-user-list-item__subtitle { max-width: 40%; } .sendbird-user-list-item .sendbird-user-list-item__checkbox { position: absolute; top: 16px; } [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__checkbox { right: 16px; } [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__checkbox { left: 16px; } .sendbird-user-list-item .sendbird-user-list-item__action { position: absolute; top: 10px; } [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__action { right: 0; } [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__action { left: 0; } .sendbird-user-list-item .sendbird-user-list-item__operator { position: absolute; top: 22px; } [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__operator { right: 40px; } [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__operator { left: 40px; } [dir="ltr"] .sendbird-user-list-item .sendbird-user-list-item__operator.checkbox { right: 66px; } [dir="rtl"] .sendbird-user-list-item .sendbird-user-list-item__operator.checkbox { left: 66px; } .sendbird-user-list-item--small { display: block; position: relative; box-sizing: border-box; height: 40px; } [dir="ltr"] .sendbird-user-list-item--small { padding-left: 12px; } [dir="rtl"] .sendbird-user-list-item--small { padding-right: 12px; } .sendbird-user-list-item--small .sendbird-user-list-item--small__avatar { cursor: pointer; position: absolute; top: 10px; } .sendbird-user-list-item--small .sendbird-muted-avatar { position: absolute; top: 10px; pointer-events: none; } [dir="ltr"] .sendbird-user-list-item--small .sendbird-muted-avatar { left: 12px; } [dir="rtl"] .sendbird-user-list-item--small .sendbird-muted-avatar { right: 12px; } .sendbird-user-list-item--small .sendbird-user-list-item--small__title { position: absolute; top: 10px; width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__title { left: 54px; } [dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__title { right: 54px; } .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle { position: absolute; top: 14px; max-width: 237px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle { left: 140px; } [dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle { right: 140px; } .sendbird--mobile-mode .sendbird-user-list-item--small .sendbird-user-list-item--small__subtitle { max-width: 40%; } .sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox { position: absolute; top: 16px; } [dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox { right: 16px; } [dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__checkbox { left: 16px; } .sendbird-user-list-item--small .sendbird-user-list-item--small__action { display: none; position: absolute; top: 4px; } [dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__action { right: 10px; } [dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__action { left: 10px; } .sendbird-user-list-item--small .sendbird-user-list-item--small__operator { position: absolute; top: 10px; } [dir="ltr"] .sendbird-user-list-item--small .sendbird-user-list-item--small__operator { right: 24px; } [dir="rtl"] .sendbird-user-list-item--small .sendbird-user-list-item--small__operator { left: 24px; } .sendbird-theme--light .sendbird-user-list-item--small:hover, .sendbird-theme--light .sendbird-user-list-item--small.sendbird-icon--pressed { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-user-list-item--small:hover, .sendbird-theme--dark .sendbird-user-list-item--small.sendbird-icon--pressed { background-color: var(--sendbird-dark-background-500); } .sendbird-user-list-item--small:hover .sendbird-user-list-item--small__action, .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-user-list-item--small__action { display: block; } .sendbird-user-list-item--small:hover .sendbird-user-list-item--small__operator, .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-user-list-item--small__operator { display: none; } .sendbird-theme--light .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-iconbutton { background-color: var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-iconbutton { background-color: var(--sendbird-dark-background-700); } .sendbird-muted-avatar { border-radius: 50%; display: inline-block; } .sendbird-muted-avatar .sendbird-muted-avatar__icon { position: relative; } .sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon { position: absolute; top: 4px; } [dir="ltr"] .sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon { left: 4px; } [dir="rtl"] .sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon { right: 4px; } .sendbird-muted-avatar .sendbird-muted-avatar__bg { opacity: 0.5; position: absolute; border-radius: 50%; top: 0; } [dir="ltr"] .sendbird-muted-avatar .sendbird-muted-avatar__bg { left: 0; } [dir="rtl"] .sendbird-muted-avatar .sendbird-muted-avatar__bg { right: 0; } .sendbird-theme--light .sendbird-muted-avatar .sendbird-muted-avatar__bg { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-muted-avatar .sendbird-muted-avatar__bg { background-color: var(--sendbird-dark-primary-300); } .sendbird-checkbox { display: inline-block; position: relative; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; user-select: none; } [dir="ltr"] .sendbird-checkbox { padding-left: 35px; } [dir="rtl"] .sendbird-checkbox { padding-right: 35px; } .sendbird-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .sendbird-checkbox--checkmark { position: absolute; top: 0; height: 18px; width: 18px; border-radius: 2px; background-color: inherit; } [dir="ltr"] .sendbird-checkbox--checkmark { left: 0; } [dir="rtl"] .sendbird-checkbox--checkmark { right: 0; } .sendbird-theme--light .sendbird-checkbox--checkmark { border: solid 2px var(--sendbird-light-background-400); } .sendbird-theme--dark .sendbird-checkbox--checkmark { border: solid 2px var(--sendbird-dark-background-300); } .sendbird-theme--light .sendbird-checkbox--checkmark.disabled { border: solid 2px var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-checkbox--checkmark.disabled { border: solid 2px var(--sendbird-dark-ondark-04); } .sendbird-theme--light .sendbird-checkbox input:focus ~ .sendbird-checkbox--checkmark { box-shadow: 0px 0px 0px 2px var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-checkbox input:focus ~ .sendbird-checkbox--checkmark { box-shadow: 0px 0px 0px 2px var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark { background-color: var(--sendbird-light-primary-300); border: solid 2px var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark { background-color: var(--sendbird-dark-primary-200); border: solid 2px var(--sendbird-dark-primary-200); } .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark.disabled { cursor: default; } .sendbird-theme--light .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark.disabled { background-color: var(--sendbird-light-onlight-04); border: solid 2px var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark.disabled { background-color: var(--sendbird-dark-ondark-04); border: solid 2px var(--sendbird-dark-ondark-04); } .sendbird-checkbox--checkmark:after { content: ""; position: absolute; display: none; } .sendbird-checkbox input:checked ~ .sendbird-checkbox--checkmark:after { display: block; } .sendbird-theme--light .sendbird-checkbox .sendbird-checkbox--checkmark:after { left: 5px; top: -0.5px; width: 7px; height: 12px; border: solid var(--sendbird-light-background-50); border-width: 0 2px 2px 0; transform: rotate(45deg); } .sendbird-theme--dark .sendbird-checkbox .sendbird-checkbox--checkmark:after { left: 5px; top: -0.5px; width: 7px; height: 12px; border: solid var(--sendbird-dark-background-600); border-width: 0 2px 2px 0; transform: rotate(45deg); } .sendbird__user-profile { width: 320px; border-radius: 4px; padding: 24px; box-sizing: border-box; text-align: center; } .sendbird-theme--light .sendbird__user-profile { box-shadow: var(--sendbird-light-shadow-02); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird__user-profile { box-shadow: var(--sendbird-dark-shadow-02); background-color: var(--sendbird-dark-background-500); } .sendbird__user-profile .sendbird__user-profile-avatar { margin: 8px 0px; } .sendbird__user-profile .sendbird__user-profile-name { max-width: 100%; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } .sendbird-theme--light .sendbird__user-profile .sendbird__user-profile-name { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird__user-profile .sendbird__user-profile-name { color: var(--sendbird-dark-ondark-01); } .sendbird__user-profile .sendbird__user-profile-message { margin-top: 20px; } .sendbird__user-profile .sendbird__user-profile-message button { width: 272px; } .sendbird__user-profile .sendbird__user-profile-separator { margin: 24px 0px; height: 1px; } .sendbird-theme--light .sendbird__user-profile .sendbird__user-profile-separator { background-color: var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird__user-profile .sendbird__user-profile-separator { background-color: var(--sendbird-dark-ondark-04); } .sendbird__user-profile .sendbird__user-profile-userId--label, .sendbird__user-profile .sendbird__user-profile-userId--value { width: 100%; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; display: block; } [dir="ltr"] .sendbird__user-profile .sendbird__user-profile-userId--label, [dir="ltr"] .sendbird__user-profile .sendbird__user-profile-userId--value { text-align: left; } [dir="rtl"] .sendbird__user-profile .sendbird__user-profile-userId--label, [dir="rtl"] .sendbird__user-profile .sendbird__user-profile-userId--value { text-align: right; } .sendbird__user-profile .sendbird__user-profile-userId--label { margin-bottom: 8px; } .sendbird-tooltip { position: relative; display: inline-flex; justify-content: center; max-width: 200px; border-radius: 8px; padding: 8px 16px; } .sendbird-theme--light .sendbird-tooltip { background-color: var(--sendbird-light-background-700); } .sendbird-theme--dark .sendbird-tooltip { background-color: var(--sendbird-dark-background-300); } .sendbird-tooltip::after { content: ""; position: absolute; bottom: -4px; width: 8px; height: 8px; } [dir="ltr"] .sendbird-tooltip::after { transform: rotate(45deg); } [dir="rtl"] .sendbird-tooltip::after { transform: rotate(-45deg); } .sendbird-theme--light .sendbird-tooltip::after { background-color: var(--sendbird-light-background-700); } .sendbird-theme--dark .sendbird-tooltip::after { background-color: var(--sendbird-dark-background-300); } .sendbird-tooltip__text { font-family: var(--sendbird-font-family-default); font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; word-break: keep-all; max-width: 180px; overflow: hidden; text-overflow: ellipsis; } .sendbird-tooltip-wrapper { position: relative; display: inline-flex; } .sendbird-tooltip-wrapper__hover-tooltip { position: absolute; display: inline-flex; width: 200px; } .sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container { position: relative; display: inline-flex; } .sendbird-admin-message { display: flex; justify-content: center; align-items: center; } .sendbird-admin-message .sendbird-admin-message__text { display: flex; text-align: center; } .sendbird-quote-message { position: relative; display: inline-flex; box-sizing: border-box; flex-direction: column; width: 100%; max-width: 400px; } .sendbird-quote-message.incoming { align-items: flex-start; } .sendbird-quote-message.outgoing { align-items: flex-end; } .sendbird-quote-message .sendbird-quote-message__replied-to { position: relative; display: inline-flex; flex-direction: row; align-items: center; height: 16px; padding: 0px 12px; width: 100%; } .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon { position: relative; margin-bottom: 4px; } [dir="ltr"] .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon { margin-right: 4px; } [dir="rtl"] .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon { margin-left: 4px; } .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text { position: relative; max-width: 360px; overflow: hidden; overflow-x: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; font-size: 12px; display: inline-flex; flex-direction: row; align-items: center; } .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__nickname { display: inline-block; max-width: 148px; overflow: hidden; text-overflow: ellipsis; } .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__text { margin: 0px 4px; } .sendbird-quote-message .sendbird-quote-message__replied-message { position: relative; display: inline-flex; } .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message { position: relative; white-space: pre-wrap; word-break: break-all; font-size: 12px; padding: 8px 12px 16px 12px; border-radius: 16px; opacity: 0.5; } .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message { background-color: var(--sendbird-dark-background-500); } .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message .sendbird-quote-message__replied-message__text-message__word { position: relative; display: inline-flex; max-height: 30px; overflow: hidden; text-overflow: ellipsis; /* Below code is for multiline ellipsis. * These properties are not compatible with some browsers, and will be ignored on the unsupported browser. */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message { position: relative; width: 144px; height: 108px; border-radius: 6.4px; overflow: hidden; } .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message { background-color: var(--sendbird-dark-background-500); } .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__video, .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__image { position: absolute; top: 0px; display: inline-flex; width: 100%; height: 100%; opacity: 0.5; } .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder { position: absolute; display: inline-flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder .sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon { display: inline-flex; justify-content: center; align-items: center; width: 22px; height: 22px; border-radius: 50%; } .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover { position: absolute; display: inline-flex; width: 100%; height: 100%; justify-content: center; align-items: center; top: 0px; } .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover { background-color: rgba(255, 255, 255, 0.4); } .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover { background-color: rgba(255, 255, 255, 0.4); } .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 22px; height: 22px; border-radius: 50%; } .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon { background-color: rgb(255, 255, 255); } .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon { background-color: rgb(255, 255, 255); } .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message { position: relative; display: inline-flex; flex-direction: row; font-size: 12px; padding: 8px 12px 16px 12px; border-radius: 16px; opacity: 0.5; } .sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message { background-color: var(--sendbird-dark-background-500); } [dir="ltr"] .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon { margin-right: 2px; } [dir="rtl"] .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon { margin-left: 2px; } .sendbird-quote-message:hover { cursor: pointer; } .sendbird-quote-message.unavailable:hover { cursor: default; } .sendbird-message-content.outgoing .sendbird-quote-message__replied-to { flex-direction: row-reverse; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.outgoing .sendbird-quote-message__replied-to { padding-right: 0px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.outgoing .sendbird-quote-message__replied-to { padding-left: 0px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-message-content.incoming .sendbird-quote-message__replied-to { padding-left: 0px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-message-content.incoming .sendbird-quote-message__replied-to { padding-right: 0px; } .sendbird-message__mobile-context-menu { border-radius: 8px; width: 180px; } .sendbird-message__contextmenu--hyperlink { display: flex; justify-content: space-between; } .sendbird-message__bottomsheet--hyperlink { display: block; } .sendbird-message__bottomsheet--hyperlink, .sendbird-message__contextmenu--hyperlink { width: 100%; text-decoration: none; color: inherit; font-size: inherit; font-weight: inherit; font-stretch: normal; font-style: normal; line-height: inherit; letter-spacing: inherit; font-family: inherit; } .sendbird-theme--light .sendbird-message__mobile-context-menu-item:not(:last-child) { border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-message__mobile-context-menu-item:not(:last-child) { border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-message__bottomsheet { width: 100vw; border-top-left-radius: 8px; border-top-right-radius: 8px; padding-top: 16px; } .sendbird-theme--light .sendbird-message__bottomsheet { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-message__bottomsheet { background-color: var(--sendbird-dark-background-600); } .sendbird-message__bottomsheet-reaction-bar { display: flex; justify-content: center; margin-bottom: 0px; margin-top: 0; } [dir="ltr"] .sendbird-message__bottomsheet-reaction-bar { padding-left: 0; } [dir="rtl"] .sendbird-message__bottomsheet-reaction-bar { padding-right: 0; } .sendbird-message__bottomsheet-reaction-bar__row { display: inline-block; } .sendbird-message__bottomsheet-reaction-bar__row.sendbird-message__bottomsheet-reaction-bar__all { display: flex; flex-direction: row; flex-wrap: wrap; } .sendbird-message__bottomsheet--action { cursor: pointer; height: 48px; display: flex; align-items: center; } [dir="ltr"] .sendbird-message__bottomsheet--action { padding-left: 16px; } [dir="rtl"] .sendbird-message__bottomsheet--action { padding-right: 16px; } [dir="ltr"] .sendbird-message__bottomsheet--action .sendbird-icon { margin-right: 24px; } [dir="rtl"] .sendbird-message__bottomsheet--action .sendbird-icon { margin-left: 24px; } .sendbird-message__bottomsheet--action-disabled { cursor: not-allowed; } .sendbird-theme--light .sendbird-message__bottomsheet--action-disabled { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-message__bottomsheet--action-disabled { background-color: var(--sendbird-dark-background-500); } .sendbird-ui-thread-replies { position: relative; width: -moz-fit-content; width: fit-content; height: 20px; min-height: 20px; display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 4px 10px; gap: 4px; border-radius: 16px; } .sendbird-theme--light .sendbird-ui-thread-replies { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-ui-thread-replies { background-color: var(--sendbird-dark-background-600); } .sendbird-ui-thread-replies:hover { cursor: pointer; } .sendbird-theme--light .sendbird-ui-thread-replies:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-ui-thread-replies:hover { background-color: var(--sendbird-dark-background-500); } .sendbird-ui-thread-replies__user-profiles { position: relative; width: 100%; height: 100%; gap: 4px; display: inline-flex; flex-direction: row; } .sendbird-ui-thread-replies__user-profiles__avatar { position: relative; width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; } .sendbird-ui-thread-replies__user-profiles__avatar__image { position: absolute; top: 0px; width: 20px; height: 20px; } [dir="ltr"] .sendbird-ui-thread-replies__user-profiles__avatar__image { left: 0px; } [dir="rtl"] .sendbird-ui-thread-replies__user-profiles__avatar__image { right: 0px; } .sendbird-ui-thread-replies__user-profiles__avatar__cover { position: absolute; top: 0px; width: 20px; height: 20px; border-radius: 50%; background-color: var(--sendbird-light-overlay-01); } [dir="ltr"] .sendbird-ui-thread-replies__user-profiles__avatar__cover { left: 0px; } [dir="rtl"] .sendbird-ui-thread-replies__user-profiles__avatar__cover { right: 0px; } .sendbird-ui-thread-replies__user-profiles__avatar__plus { position: absolute; top: 0px; width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; } [dir="ltr"] .sendbird-ui-thread-replies__user-profiles__avatar__plus { left: 0px; } [dir="rtl"] .sendbird-ui-thread-replies__user-profiles__avatar__plus { right: 0px; } .sendbird-ui-thread-replies__reply-counts { position: relative; min-width: -moz-fit-content; min-width: fit-content; height: 12px; display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; white-space: nowrap; } .sendbird-ui-thread-replies__icon { position: relative; display: inline-flex; } [dir="rtl"] .sendbird-ui-thread-replies__icon { transform: rotate(180deg); } .sendbird-og-message-item-body { position: relative; display: inline-block; width: 320px; min-width: 320px; } .sendbird--mobile-mode .sendbird-og-message-item-body { max-width: calc(100vw - 140px); min-width: 160px; } .sendbird-og-message-item-body .sendbird-og-message-item-body__text-bubble { position: relative; padding: 8px 12px; box-sizing: border-box; border-radius: 16px 16px 0px 0px; word-break: break-word; white-space: pre-line; } .sendbird-og-message-item-body .sendbird-og-message-item-body__text-bubble .sendbird-og-message-item-body__text-bubble__message { display: inline; margin: 0px 2px; } .sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail { position: relative; overflow: hidden; } .sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail .sendbird-og-message-item-body__og-thumbnail__image { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; } .sendbird-og-message-item-body.reactions .sendbird-og-message-item-body__description { border-radius: 0px; } .sendbird-og-message-item-body .sendbird-og-message-item-body__description { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 8px 12px; display: flex; flex-direction: column; border-radius: 0px 0px 16px 16px; } .sendbird-theme--light .sendbird-og-message-item-body .sendbird-og-message-item-body__description { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-og-message-item-body .sendbird-og-message-item-body__description { background-color: var(--sendbird-dark-background-500); } .sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__title, .sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__description { margin-bottom: 4px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; } .sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__url { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; margin: 4px 0px; } .sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail:hover, .sendbird-og-message-item-body .sendbird-og-message-item-body__description:hover { cursor: pointer; } .sendbird-theme--light .sendbird-og-message-item-body.outgoing .sendbird-og-message-item-body__text-bubble { background-color: var(--sendbird-light-primary-300); color: var(--sendbird-light-ondark-01); } .sendbird-theme--dark .sendbird-og-message-item-body.outgoing .sendbird-og-message-item-body__text-bubble { background-color: var(--sendbird-dark-primary-200); color: var(--sendbird-dark-onlight-01); } .sendbird-theme--light .sendbird-og-message-item-body.incoming .sendbird-og-message-item-body__text-bubble { background-color: var(--sendbird-light-background-100); color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-og-message-item-body.incoming .sendbird-og-message-item-body__text-bubble { background-color: var(--sendbird-dark-background-500); color: var(--sendbird-dark-ondark-01); } .sendbird-theme--light .sendbird-og-message-item-body.mouse-hover .sendbird-og-message-item-body__description, .sendbird-theme--light .sendbird-og-message-item-body:hover .sendbird-og-message-item-body__description { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover .sendbird-og-message-item-body__description, .sendbird-theme--dark .sendbird-og-message-item-body:hover .sendbird-og-message-item-body__description { background-color: var(--sendbird-dark-background-400); } .sendbird-theme--light .sendbird-og-message-item-body.mouse-hover.outgoing .sendbird-og-message-item-body__text-bubble, .sendbird-theme--light .sendbird-og-message-item-body:hover.outgoing .sendbird-og-message-item-body__text-bubble { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover.outgoing .sendbird-og-message-item-body__text-bubble, .sendbird-theme--dark .sendbird-og-message-item-body:hover.outgoing .sendbird-og-message-item-body__text-bubble { background-color: var(--sendbird-dark-primary-300); } .sendbird-theme--light .sendbird-og-message-item-body.mouse-hover.incoming .sendbird-og-message-item-body__text-bubble, .sendbird-theme--light .sendbird-og-message-item-body:hover.incoming .sendbird-og-message-item-body__text-bubble { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover.incoming .sendbird-og-message-item-body__text-bubble, .sendbird-theme--dark .sendbird-og-message-item-body:hover.incoming .sendbird-og-message-item-body__text-bubble { background-color: var(--sendbird-dark-background-400); } .sendbird-og-message-item-body .sendbird-og-message-item-body__cover { display: none; position: absolute; top: 0%; width: 100%; height: 100%; border-radius: 16px 16px 0px 0px; } [dir="ltr"] .sendbird-og-message-item-body .sendbird-og-message-item-body__cover { left: 0; } [dir="rtl"] .sendbird-og-message-item-body .sendbird-og-message-item-body__cover { right: 0; } div.sendbird-og-message-item-body__text-bubble { margin: 0px; } .sendbird-word { white-space: break-spaces; } .sendbird-word .sendbird-word__mention { display: inline-block; } .sendbird-word .sendbird-word__mention:hover { cursor: pointer; } .sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me { background-color: var(--sendbird-highlight-100); } .sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me { background-color: var(--sendbird-highlight-100); } .sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label { color: var(--sendbird-dark-onlight-01); } .sendbird-link-label { text-decoration: unset; } .sendbird-link-label:hover { cursor: pointer; text-decoration: underline; } .sendbird-link-label:focus { outline: none; } .sendbird-link-label__label { display: inline; } .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-1 { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-1 { color: var(--sendbird-dark-ondark-01); } .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-2 { color: var(--sendbird-light-onlight-02); } .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-2 { color: var(--sendbird-dark-ondark-02); } .sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-3 { color: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-3 { color: var(--sendbird-dark-ondark-03); } .sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-1 { color: var(--sendbird-light-ondark-01); } .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-1 { color: var(--sendbird-dark-onlight-01); } .sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-2 { color: var(--sendbird-light-ondark-02); } .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-2 { color: var(--sendbird-dark-onlight-02); } .sendbird-theme--light .sendbird-link-label .sendbird-label--color-primary { color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-primary { color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-link-label .sendbird-label--color-error { color: var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-error { color: var(--sendbird-dark-error-200); } .sendbird-theme--light .sendbird-link-label .sendbird-label--color-secondary-3 { color: var(--sendbird-light-secondary-300); } .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 { color: var(--sendbird-dark-secondary-200); } .sendbird-text-message-item-body { position: relative; display: inline-block; box-sizing: content-box; padding: 8px 12px; border-radius: 16px; white-space: pre-line; word-break: break-word; } .sendbird-text-message-item-body.reactions { border-radius: 16px 16px 0px 0px; } .sendbird-theme--light .sendbird-text-message-item-body.incoming { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-text-message-item-body.incoming { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-text-message-item-body.outgoing { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-text-message-item-body.outgoing { background-color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-text-message-item-body:hover.incoming { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-text-message-item-body:hover.incoming { background-color: var(--sendbird-dark-background-400); } .sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-text-message-item-body:hover.outgoing { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-text-message-item-body:hover.outgoing { background-color: var(--sendbird-dark-primary-300); } .sendbird-theme--light .sendbird-text-message-item-body.disable-hover.mouse-hover.incoming, .sendbird-theme--light .sendbird-text-message-item-body.disable-hover:hover.incoming { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-text-message-item-body.disable-hover.mouse-hover.incoming, .sendbird-theme--dark .sendbird-text-message-item-body.disable-hover:hover.incoming { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-text-message-item-body.disable-hover.mouse-hover.outgoing, .sendbird-theme--light .sendbird-text-message-item-body.disable-hover:hover.outgoing { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-text-message-item-body.disable-hover.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-text-message-item-body.disable-hover:hover.outgoing { background-color: var(--sendbird-dark-primary-200); } .sendbird-text-message-item-body .sendbird-text-message-item-body__text-bubble__message { display: inline; margin: 0px 2px; } div.sendbird-text-message-item-body { margin: 0px; } .sendbird-file-message-item-body { position: relative; display: inline-block; box-sizing: border-box; padding: 8px 12px; align-items: center; border-radius: 16px; } .sendbird-file-message-item-body.reactions { border-radius: 16px 16px 0px 0px; } .sendbird-theme--light .sendbird-file-message-item-body.outgoing { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-file-message-item-body.outgoing { background-color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-file-message-item-body.incoming { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-file-message-item-body.incoming { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-file-message-item-body:hover.outgoing { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-file-message-item-body:hover.outgoing { background-color: var(--sendbird-dark-primary-300); } .sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-file-message-item-body:hover.incoming { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-file-message-item-body:hover.incoming { background-color: var(--sendbird-dark-background-400); } .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon { width: 28px; height: 28px; min-width: 28px; min-height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; } [dir="ltr"] .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon { margin-right: 8px; } [dir="rtl"] .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon { margin-left: 8px; } .sendbird-theme--light .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon { background-color: var(--sendbird-dark-background-600); } .sendbird-file-message-item-body .sendbird-file-message-item-body__file-name { position: relative; top: -6px; } .sendbird-image-grid-wrap { display: flex; justify-content: flex-end; width: 100%; } .sendbird-image-grid { border-radius: 12px; display: grid; gap: 4px; grid-template-columns: repeat(2, 1fr); padding: 4px; width: -moz-fit-content; width: fit-content; } .sendbird-theme--light .sendbird-image-grid { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-image-grid { background-color: var(--sendbird-dark-background-500); } .sendbird-image-grid.reactions { border-radius: 12px 12px 0 0; } .sendbird-fileviewer__header__right__actions__download, .sendbird-fileviewer__header__right__actions__delete, .sendbird-fileviewer__header__right__actions__close { width: 64px; padding: 21px; box-sizing: border-box; cursor: pointer; } .sendbird-fileviewer__header__right__actions__download .disabled, .sendbird-fileviewer__header__right__actions__delete .disabled, .sendbird-fileviewer__header__right__actions__close .disabled { cursor: not-allowed; } .sendbird-fileviewer { width: 100%; height: 100%; position: fixed; top: 0; z-index: 100000; } [dir="ltr"] .sendbird-fileviewer { left: 0; } [dir="rtl"] .sendbird-fileviewer { right: 0; } .sendbird-theme--light .sendbird-fileviewer { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-fileviewer { background-color: var(--sendbird-dark-background-600); } .sendbird-fileviewer .sendbird-fileviewer__header { height: 64px; min-height: 64px; box-sizing: border-box; display: flex; justify-content: space-between; } .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header { border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header { border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left { box-sizing: border-box; display: flex; flex-direction: row; align-items: center; padding: 0 20px; overflow: hidden; } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar { display: flex; margin-inline-end: 8px; } .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar { margin-inline-end: 12px; } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container { display: flex; flex-direction: row; align-items: flex-end; } .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container { flex-direction: column; align-items: unset; } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__filename { max-width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; margin-inline-end: 8px; padding-top: 3px; } .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__filename { display: block; max-width: calc(100vw - 240px); padding-top: 0; margin-inline-end: 0; } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__sender-name { line-height: 1.1; } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right { display: flex; width: 160px; justify-content: flex-end; } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions { display: flex; flex-direction: row; } [dir="ltr"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions { right: 0; } [dir="rtl"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions { left: 0; } [dir="ltr"] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close { border-left: 1px solid var(--sendbird-light-onlight-04); } [dir="rtl"] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close { border-right: 1px solid var(--sendbird-light-onlight-04); } [dir="ltr"] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close { border-left: 1px solid var(--sendbird-dark-ondark-04); } [dir="rtl"] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close { border-right: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-fileviewer .sendbird-fileviewer__content { position: relative; height: calc(100% - 72px); margin-top: 4px; overflow-y: auto; display: flex; align-items: center; justify-content: center; } .sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__video { max-width: 100%; max-height: 100%; } .sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img { max-width: 90%; max-height: 90%; } .sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img__multi { max-width: calc(100% - 64px - 56px); max-height: calc(100% - 64px); } .sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__unsupported { max-width: 100%; max-height: 100%; display: flex; justify-content: center; align-items: center; } .sendbird-file-viewer-arrow--left, .sendbird-file-viewer-arrow--right { cursor: pointer; position: absolute; height: 32px; width: 32px; top: calc(50% - 16px); } .sendbird-file-viewer-arrow--left { left: 14px; } .sendbird-file-viewer-arrow--right { right: 14px; transform: rotate(180deg); } .sendbird-multiple-files-image-renderer-wrapper { cursor: pointer; width: 100%; } .sendbird-multiple-files-image-renderer__thumbnail__placeholder { position: absolute; display: flex; width: 100%; height: 100%; justify-content: center; border-radius: 16px; align-items: center; } .sendbird-theme--light .sendbird-multiple-files-image-renderer__thumbnail__placeholder { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-multiple-files-image-renderer__thumbnail__placeholder { background-color: var(--sendbird-dark-background-400); } .sendbird-multiple-files-image-renderer__thumbnail__placeholder .sendbird-multiple-files-image-renderer__thumbnail__placeholder__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background-color: var(--sendbird-light-ondark-01); } .sendbird-voice-message-item-body { position: relative; display: inline-flex; width: 100%; border-radius: 16px; overflow: hidden; } .sendbird-voice-message-item-body.is-reactions-contained { border-radius: 16px 16px 0px 0px; } .sendbird-voice-message-item-body__progress-bar { position: absolute; width: 100%; height: 50px; } .sendbird-voice-message-item-body__status-button { position: relative; top: 8px; display: inline-flex; justify-content: center; align-items: center; width: 34px; height: 34px; min-width: 34px; min-height: 34px; } [dir="ltr"] .sendbird-voice-message-item-body__status-button { left: 12px; } [dir="rtl"] .sendbird-voice-message-item-body__status-button { right: 12px; } .sendbird-voice-message-item-body__status-button__button { width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; } .sendbird-theme--light .sendbird-voice-message-item-body__status-button__button { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button { background-color: var(--sendbird-dark-background-600); } .sendbird-voice-message-item-body__playback-time { position: absolute; top: 15px; } [dir="ltr"] .sendbird-voice-message-item-body__playback-time { right: 12px; } [dir="rtl"] .sendbird-voice-message-item-body__playback-time { left: 12px; } .sendbird-voice-message-item-body__status-button__button__pause { position: relative; display: inline-flex; justify-content: space-between; align-items: center; width: 13.75px; height: 13.75px; } .sendbird-voice-message-item-body__status-button__button__pause__inner { position: relative; display: inline-flex; width: 4.38px; height: 13.75px; border-radius: 2px; } .sendbird-theme--light .sendbird-voice-message-item-body__status-button__button__pause__inner { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button__pause__inner { background-color: var(--sendbird-dark-primary-200); } .sendbird-progress-bar, .sendbird-progress-bar__fill { display: inline-flex; width: 100%; height: 100%; } .sendbird-progress-bar { justify-content: flex-start; } .sendbird-theme--light .sendbird-progress-bar__fill { background-color: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-progress-bar__fill { background-color: var(--sendbird-dark-ondark-03); } .sendbird-theme--light .progress-bar-color--primary { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .progress-bar-color--primary { background-color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-progress-bar.progress-bar--disabled, .sendbird-theme--light .progress-bar-color--gray { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-progress-bar.progress-bar--disabled, .sendbird-theme--dark .progress-bar-color--gray { background-color: var(--sendbird-dark-background-500); } .sendbird-progress-bar.progress-bar--disabled .sendbird-progress-bar__fill { background-color: transparent; } .sendbird-thumbnail-message-item-body { position: relative; display: block; box-sizing: border-box; overflow: hidden; width: 100%; min-width: 360px; max-width: 400px; height: 270px; border-radius: 16px; } .sendbird--mobile-mode .sendbird-thumbnail-message-item-body { min-width: 160px; } .sendbird-thumbnail-message-item-body.reactions { border-radius: 16px 16px 0px 0px; } .sendbird-theme--light .sendbird-thumbnail-message-item-body { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-thumbnail-message-item-body { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-thumbnail-message-item-body.mouse-hover, .sendbird-theme--light .sendbird-thumbnail-message-item-body:hover { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-thumbnail-message-item-body.mouse-hover, .sendbird-theme--dark .sendbird-thumbnail-message-item-body:hover { background-color: var(--sendbird-dark-background-400); } .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__thumbnail { position: absolute; border-radius: 16px; } .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder { position: absolute; width: 100%; height: 270px; display: flex; justify-content: center; align-items: center; } .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder .sendbird-thumbnail-message-item-body__placeholder__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background-color: var(--sendbird-light-background-50); } .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__image-cover { position: absolute; top: 0px; display: none; width: 100%; height: 270px; border-radius: 16px; background-color: var(--sendbird-light-overlay-01); } .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__video { position: absolute; width: 100%; height: 270px; border-radius: 16px; } .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper { position: absolute; width: 100%; height: 270px; display: flex; align-items: center; justify-content: center; } .sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper .sendbird-thumbnail-message-item-body__icon-wrapper__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background-color: var(--sendbird-light-ondark-01); } .sendbird-thumbnail-message-item-body:hover { cursor: pointer; } .sendbird-thumbnail-message-item-body:hover .sendbird-thumbnail-message-item-body__image-cover { display: inline-flex; } .sendbird-unknown-message-item-body { position: relative; display: inline-block; box-sizing: border-box; padding: 8px 12px; border-radius: 16px; } .sendbird-unknown-message-item-body.reactions { border-radius: 16px 16px 0px 0px; } .sendbird-theme--light .sendbird-unknown-message-item-body.outgoing { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-unknown-message-item-body.outgoing { background-color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-unknown-message-item-body.incoming { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-unknown-message-item-body.incoming { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-unknown-message-item-body:hover.outgoing { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-unknown-message-item-body:hover.outgoing { background-color: var(--sendbird-dark-primary-300); } .sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-unknown-message-item-body:hover.incoming { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-unknown-message-item-body:hover.incoming { background-color: var(--sendbird-dark-background-400); } .sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__header { display: block; } .sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__description { display: block; } .sendbird-template-message-item-body { max-width: 100%; position: relative; display: inline-block; box-sizing: content-box; background-color: transparent; white-space: pre-line; word-break: break-word; } .sendbird-template-message-item-body__fallback_message { position: relative; display: inline-block; box-sizing: content-box; padding: 8px 12px; border-radius: 16px; white-space: pre-line; word-break: break-word; } .sendbird-theme--light .sendbird-template-message-item-body__fallback_message.incoming { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.incoming { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-template-message-item-body__fallback_message.outgoing { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.outgoing { background-color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-template-message-item-body__fallback_message.mouse-hover.incoming, .sendbird-theme--light .sendbird-template-message-item-body__fallback_message:hover.incoming { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.mouse-hover.incoming, .sendbird-theme--dark .sendbird-template-message-item-body__fallback_message:hover.incoming { background-color: var(--sendbird-dark-background-400); } .sendbird-theme--light .sendbird-template-message-item-body__fallback_message.mouse-hover.outgoing, .sendbird-theme--light .sendbird-template-message-item-body__fallback_message:hover.outgoing { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-template-message-item-body__fallback_message:hover.outgoing { background-color: var(--sendbird-dark-primary-300); } .sendbird-template-message-item-body__fallback_message .sendbird-template-message-item-body__fallback_message__header { display: block; } .sendbird-template-message-item-body__fallback_message .sendbird-template-message-item-body__fallback_message__description { display: block; } .sendbird-template-loading-message-item-body { position: relative; display: inline-flex; justify-content: center; align-items: center; box-sizing: content-box; border-radius: 16px; height: 274px; width: 100%; } .sendbird-theme--light .sendbird-template-loading-message-item-body.incoming { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-template-loading-message-item-body.incoming { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-template-loading-message-item-body.outgoing { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-template-loading-message-item-body.outgoing { background-color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-template-loading-message-item-body.mouse-hover.incoming, .sendbird-theme--light .sendbird-template-loading-message-item-body:hover.incoming { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-template-loading-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-template-loading-message-item-body:hover.incoming { background-color: var(--sendbird-dark-background-400); } .sendbird-theme--light .sendbird-template-loading-message-item-body.mouse-hover.outgoing, .sendbird-theme--light .sendbird-template-loading-message-item-body:hover.outgoing { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-template-loading-message-item-body.mouse-hover.outgoing, .sendbird-theme--dark .sendbird-template-loading-message-item-body:hover.outgoing { background-color: var(--sendbird-dark-primary-300); } .sendbird-message-template__root * { box-sizing: border-box; } .sendbird-message-template__root { border-radius: 0; font-family: var(--sendbird-font-family-default); } .sendbird-theme--light { --form__chip__color__selected-focus: var(--sendbird-light-primary-300); --form__chip__color__submitted-default: var(--sendbird-light-onlight-02); --form__chip__bg-color__default: var(--sendbird-light-background-50); --form__chip__bg-color__selected: var(--sendbird-light-primary-100); --form__chip__bg-color__selected-hover: var(--sendbird-light-background-50); --form__chip__bg-color__selected-focus: var(--sendbird-light-background-50); --form__chip__bg-color__submitted-default: var(--sendbird-dark-ondark-02); --form__chip__bg-color__submitted-selected: var(--sendbird-dark-ondark-02); --form__chip__bd-color__default-focus: var(--sendbird-light-primary-300); --form__chip__bd-color__selected-focus: var(--sendbird-light-primary-300); --form__submitted-input-box__color: var(--sendbird-dark-onlight-01); --form__submitted-input-box__bg-color: var(--sendbird-dark-ondark-02); --form__submit-button__color__disabled: var(--sendbird-light-background-50); --form__submit-button__bg-color__disabled: var(--sendbird-light-onlight-04); } .sendbird-theme--dark { --form__chip__color__selected-focus: var(--sendbird-dark-ondark-02); --form__chip__color__submitted-default: var(--sendbird-dark-ondark-04); --form__chip__bg-color__default: var(--sendbird-light-onlight-03); --form__chip__bg-color__selected: var(--sendbird-dark-background-600); --form__chip__bg-color__selected-hover: var(--sendbird-light-onlight-03); --form__chip__bg-color__selected-focus: var(--sendbird-light-onlight-03); --form__chip__bg-color__submitted-default: var(--sendbird-light-onlight-04); --form__chip__bg-color__submitted-selected: var(--sendbird-light-onlight-04); --form__chip__bd-color__default-focus: var(--sendbird-dark-ondark-02); --form__chip__bd-color__selected-focus: var(--sendbird-dark-ondark-02); --form__submitted-input-box__color: var(--sendbird-dark-ondark-01); --form__submitted-input-box__bg-color: var(--sendbird-light-onlight-04); --form__submit-button__color__disabled: var(--sendbird-light-onlight-01); --form__submit-button__bg-color__disabled: var(--sendbird-dark-ondark-04); } .sendbird-form-message__submit-button { width: 100%; } .sendbird-form-message__submit-button.sendbird-button__disabled { cursor: not-allowed; } .sendbird-form-message__submit-button.sendbird-button__disabled.sendbird-button--primary .sendbird-button__text { color: var(--form__submit-button__color__disabled); } .sendbird-theme--light .sendbird-form-message__submit-button.sendbird-button__disabled { background-color: var(--form__submit-button__bg-color__disabled); border: none; } .sendbird-theme--light .sendbird-form-message__submit-button.sendbird-button__disabled:hover { background-color: var(--form__submit-button__bg-color__disabled); } .sendbird-theme--dark .sendbird-form-message__submit-button.sendbird-button__disabled { background-color: var(--form__submit-button__bg-color__disabled); border: none; } .sendbird-theme--dark .sendbird-form-message__submit-button.sendbird-button__disabled:hover { background-color: var(--form__submit-button__bg-color__disabled); } .sendbird-form-message__input__label { line-height: 14px; display: block; font-weight: 500; margin-bottom: 6px; } .sendbird-form-message__input__title-container { display: inline-block; } .sendbird-form-message__input__container { width: 100%; position: relative; } .sendbird-theme--light .sendbird-form-message__input__title-optional { color: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-form-message__input__title-optional { color: var(--sendbird-dark-ondark-03); } .sendbird-form-message__input__root { padding-bottom: 12px; width: 100%; font-family: var(--sendbird-font-family-default); } .sendbird-form-message__input__textarea { display: block; resize: none; height: 96px !important; padding: 7px 12px !important; } .sendbird-theme--light .sendbird-form-message__input__textarea ::placeholder { color: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-form-message__input__textarea ::placeholder { color: var(--sendbird-dark-ondark-03); } .sendbird-form-message__error-label { margin-top: 4px; color: var(--sendbird-light-error-300); } .sendbird-form-message__submitted-input-box-text { width: calc(100% - 24px); line-height: 20px; } .sendbird-form-message__root.sendbird-form-message__root { display: flex; flex-direction: column; align-items: flex-start; padding: 16px 12px; max-width: 100%; box-sizing: border-box; min-width: 220px; border-radius: 16px; overflow: hidden; } .sendbird--mobile-mode .sendbird-form-message__root.sendbird-form-message__root { max-width: calc(100vw - 164px); } .sendbird-form-message__input__chip-container { display: flex; width: 100%; align-items: flex-start; gap: 4px; flex-wrap: wrap; } [dir="ltr"] .sendbird-form-message__submitted-check-icon-chip { margin-left: 4px; } [dir="rtl"] .sendbird-form-message__submitted-check-icon-chip { margin-right: 4px; } .sendbird-form-message__submitted-check-icon-container { display: flex; height: auto; align-items: flex-end; } .sendbird-form-message__submitted-input-box { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; display: flex; word-wrap: break-word; width: calc(100% - 24px); color: var(--form__submitted-input-box__color); background-color: var(--form__submitted-input-box__bg-color); border: none; pointer-events: none; border-radius: 4px; overflow-wrap: break-word; white-space: pre-wrap; padding: 8px 12px; min-height: 20px; } .sendbird-form-message__submitted-input-box.textarea { padding: 9px 12px; min-height: 78px; } .sendbird-form-message__input__chip-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 500; font-style: normal; line-height: 20px; letter-spacing: normal; } .sendbird-form-message__input__chip { border-radius: 100px; padding: 5px 11px; display: flex; justify-content: center; align-items: center; max-width: calc(100% - 32px); } .sendbird-theme--light .sendbird-form-message__input__chip.default { color: var(--sendbird-light-onlight-02); border: 1px solid var(--sendbird-light-onlight-04); cursor: pointer; background-color: var(--form__chip__bg-color__default); } .sendbird-theme--light .sendbird-form-message__input__chip.default:hover { color: var(--sendbird-light-primary-300); border: 1px solid var(--sendbird-light-primary-300); } .sendbird-theme--light .sendbird-form-message__input__chip.default:focus { color: var(--sendbird-light-onlight-02); border: 1px solid var(--form__chip__bd-color__default-focus); outline: none; box-shadow: 0 0 0 1px var(--form__chip__bd-color__default-focus); } .sendbird-theme--dark .sendbird-form-message__input__chip.default { color: var(--sendbird-dark-ondark-02); border: 1px solid var(--sendbird-dark-ondark-04); cursor: pointer; background-color: var(--form__chip__bg-color__default); } .sendbird-theme--dark .sendbird-form-message__input__chip.default:hover { color: var(--sendbird-dark-primary-200); border: 1px solid var(--sendbird-dark-primary-200); } .sendbird-theme--dark .sendbird-form-message__input__chip.default:focus { color: var(--sendbird-dark-ondark-02); border: 1px solid var(--form__chip__bd-color__default-focus); outline: none; box-shadow: 0 0 0 1px var(--form__chip__bd-color__default-focus); } .sendbird-theme--light .sendbird-form-message__input__chip.selected { color: var(--sendbird-light-primary-300); background-color: var(--form__chip__bg-color__selected); border: 1px solid var(--sendbird-light-primary-300); cursor: pointer; } .sendbird-theme--light .sendbird-form-message__input__chip.selected:hover { color: var(--sendbird-light-primary-300); background-color: var(--form__chip__bg-color__selected-hover); border: 1px solid var(--sendbird-light-primary-300); } .sendbird-theme--light .sendbird-form-message__input__chip.selected:focus { color: var(--form__chip__color__selected-focus); background-color: var(--form__chip__bg-color__selected-focus); border: 1px solid var(--form__chip__bd-color__selected-focus); outline: none; box-shadow: 0 0 0 1px var(--form__chip__bd-color__selected-focus); } .sendbird-theme--dark .sendbird-form-message__input__chip.selected { color: var(--sendbird-dark-primary-200); background-color: var(--form__chip__bg-color__selected); border: 1px solid var(--sendbird-dark-primary-200); cursor: pointer; } .sendbird-theme--dark .sendbird-form-message__input__chip.selected:hover { color: var(--sendbird-dark-primary-200); background-color: var(--form__chip__bg-color__selected-hover); border: 1px solid var(--sendbird-dark-primary-200); } .sendbird-theme--dark .sendbird-form-message__input__chip.selected:focus { color: var(--form__chip__color__selected-focus); background-color: var(--form__chip__bg-color__selected-focus); border: 1px solid var(--form__chip__bd-color__selected-focus); outline: none; box-shadow: 0 0 0 1px var(--form__chip__bd-color__selected-focus); } .sendbird-form-message__input__chip.submittedDefault { border: none; cursor: default; padding: 6px 12px; } .sendbird-theme--light .sendbird-form-message__input__chip.submittedDefault { color: var(--form__chip__color__submitted-default); background-color: var(--form__chip__bg-color__submitted-default); } .sendbird-theme--dark .sendbird-form-message__input__chip.submittedDefault { color: var(--form__chip__color__submitted-default); background-color: var(--form__chip__bg-color__submitted-default); } .sendbird-form-message__input__chip.submittedSelected { border: none; cursor: default; padding: 6px 12px; } .sendbird-theme--light .sendbird-form-message__input__chip.submittedSelected { color: var(--sendbird-light-onlight-01); background-color: var(--form__chip__bg-color__submitted-selected); } .sendbird-theme--dark .sendbird-form-message__input__chip.submittedSelected { color: var(--sendbird-dark-ondark-01); background-color: var(--form__chip__bg-color__submitted-selected); } .sendbird--mobile-mode .sendbird-message-feedback-modal-content__mobile { max-width: 280px; padding: 16px; } .sendbird-message-feedback-modal-footer__root { display: flex; justify-content: space-between; align-items: center; } .sendbird-message-feedback-modal-footer__root_failed { display: flex; justify-content: flex-end; align-items: center; margin-top: 48px; } .sendbird-message-feedback-modal-footer__right-content { display: flex; gap: 8px; } .sendbird-message-feedback-modal-body__root { margin: 21px 0; } .sendbird--mobile-mode .sendbird-message-feedback-modal-header { font-size: 18px; line-height: 1.33; } .sendbird-iconbutton__feedback { display: flex; justify-content: center; align-items: center; background-color: transparent; cursor: pointer; border-radius: 18px; border: 1px solid; padding: 5px 8px; } .sendbird-theme--light .sendbird-iconbutton__feedback { border-color: var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-iconbutton__feedback { border-color: var(--sendbird-dark-ondark-04); } .sendbird-theme--light .sendbird-iconbutton__feedback:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-iconbutton__feedback:hover { background-color: var(--sendbird-dark-background-500); } .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__disabled { cursor: not-allowed; } .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__disabled:hover { background-color: transparent; } .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed:hover { background-color: transparent; } .sendbird-theme--light .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed { border-color: var(--sendbird-light-primary-300); background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed { border-color: var(--sendbird-dark-primary-200); background-color: var(--sendbird-dark-primary-200); } .sendbird-iconbutton__feedback__inner { display: flex; justify-content: center; align-items: center; } .sendbird-theme--light .sendbird-iconbutton__feedback__inner svg path { fill: var(--sendbird-light-onlight-02); } .sendbird-theme--dark .sendbird-iconbutton__feedback__inner svg path { fill: var(--sendbird-dark-ondark-02); } .sendbird-theme--light .sendbird-iconbutton__feedback__inner.sendbird-iconbutton__feedback__inner__disabled svg path { fill: var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-iconbutton__feedback__inner.sendbird-iconbutton__feedback__inner__disabled svg path { fill: var(--sendbird-dark-ondark-04); } .sendbird-theme--light .sendbird-iconbutton__feedback__inner__pressed svg path { fill: var(--sendbird-light-ondark-01); } .sendbird-theme--dark .sendbird-iconbutton__feedback__inner__pressed svg path { fill: var(--sendbird-dark-onlight-01); } .sendbird-message__bottomsheet--feedback-options-menu { width: 100vw; border-radius: 8px 8px 0 0; } .sendbird-theme--light .sendbird-message__bottomsheet--feedback-options-menu { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-message__bottomsheet--feedback-options-menu { background-color: var(--sendbird-dark-background-500); } .sendbird-message__bottomsheet--feedback-options-menu :first-child { border-radius: 8px 8px 0 0; } .sendbird-message__bottomsheet--feedback-option { cursor: pointer; height: 48px; display: flex; align-items: center; padding: 0 24px; } .sendbird-input { display: inline-block; width: 100%; height: 40px; position: relative; } .sendbird-input .sendbird-input__input { width: 100%; height: 100%; border-radius: 4px; font-family: var(--sendbird-font-family-default); font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; padding: 10px 16px; box-sizing: border-box; background-color: inherit; } .sendbird-theme--light .sendbird-input .sendbird-input__input { color: var(--sendbird-light-onlight-01); caret-color: var(--sendbird-light-primary-300); border: solid 1px var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-input .sendbird-input__input { color: var(--sendbird-dark-ondark-01); caret-color: var(--sendbird-dark-primary-200); border: solid 1px var(--sendbird-dark-ondark-03); } .sendbird-input .sendbird-input__input:focus { outline: none; } .sendbird-theme--light .sendbird-input .sendbird-input__input:focus { box-shadow: 0 1px 5px 0 var(--sendbird-light-onlight-04), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.08); color: var(--sendbird-light-onlight-01); border: solid 2px var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-input .sendbird-input__input:focus { box-shadow: 0 1px 5px 0 var(--sendbird-dark-ondark-04), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.08); color: var(--sendbird-dark-ondark-01); border: solid 2px var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-input .sendbird-input__input:active { box-shadow: 0 1px 5px 0 var(--sendbird-light-onlight-04), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.08); color: var(--sendbird-light-onlight-01); border: solid 1px var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-input .sendbird-input__input:active { box-shadow: 0 1px 5px 0 var(--sendbird-dark-ondark-04), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.08); color: var(--sendbird-dark-ondark-01); border: solid 1px var(--sendbird-dark-primary-200); } .sendbird-input .sendbird-input__input:disabled { cursor: not-allowed; } .sendbird-theme--light .sendbird-input .sendbird-input__input:disabled { background-color: var(--sendbird-light-background-100); color: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-input .sendbird-input__input:disabled { background-color: var(--sendbird-dark-background-500); color: var(--sendbird-dark-ondark-03); } .sendbird-input .sendbird-input__placeholder { position: absolute; pointer-events: none; top: 10px; font-family: var(--sendbird-font-family-default); font-size: 14px; line-height: 1.43; } [dir="ltr"] .sendbird-input .sendbird-input__placeholder { left: 16px; } [dir="rtl"] .sendbird-input .sendbird-input__placeholder { right: 16px; } .sendbird-theme--light .sendbird-input .sendbird-input__placeholder { color: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-input .sendbird-input__placeholder { color: var(--sendbird-dark-ondark-03); } .sendbird-theme--light { --form__input__bg-color_default: var(--sendbird-light-background-50); --form__input__bg-color_disabled: var(--sendbird-dark-ondark-02); --form__input__bd-color_error: var(--sendbird-light-error-300); } .sendbird-theme--dark { --form__input__bg-color_default: var(--sendbird-light-onlight-03); --form__input__bg-color_disabled: var(--sendbird-light-onlight-04); --form__input__bd-color_error: var(--sendbird-dark-error-200); } .sendbird-input_for_form { display: inline-block; width: 100%; height: unset; position: relative; } .sendbird-input_for_form .sendbird-input__input { width: 100%; height: -moz-fit-content; height: fit-content; border-radius: 4px; font-family: var(--sendbird-font-family-default); font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; padding: 7px 12px; box-sizing: border-box; background-color: inherit; } .sendbird-theme--light .sendbird-input_for_form .sendbird-input__input { caret-color: var(--sendbird-light-primary-300); color: var(--sendbird-light-onlight-01); background-color: var(--form__input__bg-color_default); border: solid 1px var(--sendbird-light-onlight-04); } .sendbird-theme--light .sendbird-input_for_form .sendbird-input__input:disabled { pointer-events: none; border: none; cursor: not-allowed; background-color: var(--form__input__bg-color_disabled); color: var(--sendbird-light-onlight-03); } .sendbird-theme--light .sendbird-input_for_form .sendbird-input__input:focus { border: solid 1px var(--sendbird-light-primary-300) !important; outline: none; box-shadow: 0 0 0 1px var(--sendbird-light-primary-300); } .sendbird-theme--light .sendbird-input_for_form .sendbird-input__input:active { box-shadow: none; border: solid 1px var(--sendbird-light-primary-300); } .sendbird-theme--light .sendbird-input_for_form .sendbird-input__input.error { border: solid 1px var(--form__input__bd-color_error); } .sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input { caret-color: var(--sendbird-dark-primary-200); color: var(--sendbird-dark-ondark-01); background-color: var(--form__input__bg-color_default); border: solid 1px var(--sendbird-dark-ondark-04); } .sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input:disabled { pointer-events: none; border: none; cursor: not-allowed; background-color: var(--form__input__bg-color_disabled); color: var(--sendbird-dark-ondark-03); } .sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input:focus { border: solid 1px var(--sendbird-dark-primary-200) !important; outline: none; box-shadow: 0 0 0 1px var(--sendbird-dark-primary-200); } .sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input:active { box-shadow: none; border: solid 1px var(--sendbird-dark-primary-200); } .sendbird-theme--dark .sendbird-input_for_form .sendbird-input__input.error { border: solid 1px var(--form__input__bd-color_error); } .sendbird-input_for_form .sendbird-input__placeholder { width: calc(100% - 26px); height: calc(100% - 16px); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position: absolute; pointer-events: none; top: 8px; font-family: var(--sendbird-font-family-default); font-size: 14px; line-height: 1.43; } [dir="ltr"] .sendbird-input_for_form .sendbird-input__placeholder { left: 13px; } [dir="rtl"] .sendbird-input_for_form .sendbird-input__placeholder { right: 13px; } .sendbird-theme--light .sendbird-input_for_form .sendbird-input__placeholder { color: var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-input_for_form .sendbird-input__placeholder { color: var(--sendbird-dark-ondark-03); } .sendbird-input_for_form .sendbird-input__placeholder.textarea { -webkit-line-clamp: 4; } .sendbird-input-label { margin: 4px 0; } /** * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel. * So keep in mind that you should consider both components when you make changes in this file. */ .sendbird-suggested-replies { position: relative; display: flex; margin-top: 8px; margin-bottom: 16px; } .sendbird-suggested-replies.vertical { justify-content: flex-end; align-items: flex-end; flex-wrap: wrap; flex-direction: column; } .sendbird-suggested-replies.vertical .sendbird-suggested-replies__option:not(:first-child) { margin-top: 8px; } .sendbird-suggested-replies.horizontal { display: flex; flex-direction: row; overflow-x: scroll; margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; } .sendbird--mobile-mode .sendbird-suggested-replies.horizontal { margin-left: -12px; margin-right: -12px; } [dir="ltr"] .sendbird--mobile-mode .sendbird-suggested-replies.horizontal { padding-left: 52px; padding-right: 12px; } [dir="rtl"] .sendbird--mobile-mode .sendbird-suggested-replies.horizontal { padding-right: 52px; padding-left: 12px; } [dir="ltr"] .sendbird-suggested-replies.horizontal .sendbird-suggested-replies__option:not(:last-child) { margin-right: 8px; } [dir="rtl"] .sendbird-suggested-replies.horizontal .sendbird-suggested-replies__option:not(:last-child) { margin-left: 8px; } .sendbird-suggested-replies::-webkit-scrollbar { display: none; } .sendbird-theme--light .sendbird-suggested-replies { font-family: var(--sendbird-font-family-default); } .sendbird-theme--dark .sendbird-suggested-replies { font-family: var(--sendbird-font-family-default); } .sendbird-suggested-replies__option { white-space: pre-wrap; font-size: 12px; padding: 8px 14px; display: flex; align-items: center; border-radius: 18px; cursor: pointer; word-break: break-word; } .sendbird-theme--light .sendbird-suggested-replies__option { color: var(--sendbird-light-primary-300); border: 1px solid var(--sendbird-light-primary-300); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-suggested-replies__option { color: var(--sendbird-dark-primary-200); border: 1px solid var(--sendbird-dark-primary-200); background-color: var(--sendbird-dark-background-600); } .sendbird-theme--light .sendbird-suggested-replies__option:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-suggested-replies__option:hover { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-suggested-replies__option:active { background-color: var(--sendbird-light-primary-300); color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-suggested-replies__option:active { background-color: var(--sendbird-dark-primary-200); color: var(--sendbird-dark-background-600); } .sendbird-suggested-replies__option.horizontal { white-space: nowrap; } .sendbird-suggested-replies__option.vertical { white-space: pre-wrap; max-width: calc(100% - 70px); } /** * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel. * So keep in mind that you should consider both components when you make changes in this file. */ .sendbird-mention-suggest-list { position: relative; display: flex; flex-direction: column; width: calc(100% - 56px); max-height: 260px; overflow: scroll; margin-left: 28px; margin-right: 28px; } .sendbird-theme--light .sendbird-mention-suggest-list { border: 1px solid var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-mention-suggest-list { border: 1px solid var(--sendbird-dark-background-500); } .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item { position: relative; display: flex; align-items: center; padding: 16px 8px; } .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item { background-color: var(--sendbird-dark-background-600); } .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused { background-color: var(--sendbird-dark-background-500); } .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__avatar { position: relative; display: inline-block; } .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname { position: relative; display: inline-block; max-width: calc(100% - 250px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [dir="ltr"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname { margin-left: 16px; } [dir="rtl"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname { margin-right: 16px; } .sendbird--mobile-mode .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname { max-width: calc(100% - 150px); } .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id { position: absolute; display: inline-block; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [dir="ltr"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id { right: 16px; } [dir="rtl"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id { left: 16px; } .sendbird--mobile-mode .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id { max-width: 100px; } .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item { position: relative; display: flex; align-items: center; padding: 16px 8px; } .sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item { background-color: var(--sendbird-dark-background-600); } [dir="ltr"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon { margin-right: 4px; } [dir="rtl"] .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon { margin-left: 4px; } .sendbird-separator { width: 100%; display: flex; align-items: center; } .sendbird-separator .sendbird-separator__left { border: none; height: 1px; display: inline-block; width: 100%; } .sendbird-separator .sendbird-separator__right { border: none; height: 1px; display: inline-block; width: 100%; } .sendbird-separator .sendbird-separator__text { margin: 0px 16px; display: flex; white-space: nowrap; } /** * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel. * So keep in mind that you should consider both components when you make changes in this file. */ .sendbird-fileviewer__header__right__actions__download, .sendbird-fileviewer__header__right__actions__delete, .sendbird-fileviewer__header__right__actions__close { width: 64px; padding: 21px; box-sizing: border-box; cursor: pointer; } .sendbird-fileviewer__header__right__actions__download .disabled, .sendbird-fileviewer__header__right__actions__delete .disabled, .sendbird-fileviewer__header__right__actions__close .disabled { cursor: not-allowed; } .sendbird-fileviewer { width: 100%; height: 100%; position: fixed; top: 0; z-index: 100000; } [dir="ltr"] .sendbird-fileviewer { left: 0; } [dir="rtl"] .sendbird-fileviewer { right: 0; } .sendbird-theme--light .sendbird-fileviewer { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-fileviewer { background-color: var(--sendbird-dark-background-600); } .sendbird-fileviewer .sendbird-fileviewer__header { height: 64px; min-height: 64px; box-sizing: border-box; display: flex; justify-content: space-between; } .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header { position: relative; } .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header { border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header { border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left { box-sizing: border-box; display: flex; flex-direction: row; align-items: center; padding: 0 20px; overflow: hidden; } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar { display: flex; margin-inline-end: 8px; } .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar { margin-inline-end: 12px; } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container { display: flex; flex-direction: row; align-items: flex-end; } .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container { flex-direction: column; align-items: unset; } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__filename { max-width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; margin-inline-end: 8px; padding-top: 3px; } .sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__filename { display: block; max-width: calc(100vw - 240px); padding-top: 0; margin-inline-end: 0; } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__text-container .sendbird-fileviewer__header__left__sender-name { line-height: 1.1; } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right { display: flex; width: 160px; justify-content: flex-end; } .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions { display: flex; flex-direction: row; } [dir="ltr"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions { right: 0; } [dir="rtl"] .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions { left: 0; } [dir="ltr"] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close { border-left: 1px solid var(--sendbird-light-onlight-04); } [dir="rtl"] .sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close { border-right: 1px solid var(--sendbird-light-onlight-04); } [dir="ltr"] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close { border-left: 1px solid var(--sendbird-dark-ondark-04); } [dir="rtl"] .sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close { border-right: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-fileviewer .sendbird-fileviewer__content { height: calc(100% - 72px); margin-top: 4px; overflow-y: auto; display: flex; align-items: center; justify-content: center; } .sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__video { max-width: 100%; max-height: 100%; } .sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img { max-width: 90%; max-height: 90%; } .sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__unsupported { max-width: 100%; max-height: 100%; display: flex; justify-content: center; align-items: center; } /** * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel. * So keep in mind that you should consider both components when you make changes in this file. */ .sendbird-notification--hide, .sendbird-notification { position: absolute; } .sendbird-notification { margin-top: 8px; margin-left: 24px; margin-right: 24px; border-radius: 4px; padding: 0px 2px; height: 32px; display: flex; align-items: center; justify-content: center; } .sendbird-theme--light .sendbird-notification { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-notification { background-color: var(--sendbird-dark-primary-200); } .sendbird-notification:hover { cursor: pointer; } .sendbird-theme--light .sendbird-notification:hover { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-notification:hover { background-color: var(--sendbird-dark-primary-300); } .sendbird-theme--light .sendbird-notification.sendbird-notification--frozen { background-color: var(--sendbird-light-information-100); } .sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen { background-color: var(--sendbird-dark-information-100); } .sendbird-theme--light .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text { color: var(--sendbird-dark-onlight-01); } .sendbird-notification .sendbird-notification__text { display: flex; align-items: center; justify-content: center; } [dir="ltr"] .sendbird-notification .sendbird-notification__text { margin-right: 8px; } [dir="rtl"] .sendbird-notification .sendbird-notification__text { margin-left: 8px; } .sendbird-notification--hide { display: none; } /** * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel. * So keep in mind that you should consider both components when you make changes in this file. */ .sendbird-unread-floating-button { position: absolute; top: 8px; width: 181px; height: 40px; border-radius: 20px; gap: 4px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: all 0.2s ease-in-out; z-index: 5; background-color: #FFFFFF; } [dir="ltr"] .sendbird-unread-floating-button { left: 50%; transform: translateX(-50%); } [dir="rtl"] .sendbird-unread-floating-button { right: 50%; transform: translateX(50%); } .sendbird-unread-floating-button.sendbird-unread-floating-button--below-frozen { top: 48px; } .sendbird-unread-floating-button:hover { cursor: pointer; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); background-color: #F5F5F5; } [dir="ltr"] .sendbird-unread-floating-button:hover { transform: translateX(-50%) translateY(-1px); } [dir="rtl"] .sendbird-unread-floating-button:hover { transform: translateX(50%) translateY(-1px); } .sendbird-unread-floating-button .sendbird-unread-floating-button__text { display: flex; align-items: center; justify-content: center; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(0, 0, 0, 0.5019607843); line-height: 1; font-size: 14px; text-align: center; height: 100%; } .sendbird-unread-floating-button .sendbird-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .sendbird-unread-floating-button .sendbird-icon svg { display: block; vertical-align: middle; } .sendbird-unread-floating-button--hide { display: none; } .sendbird-notification--hide, .sendbird-notification { position: absolute; } .sendbird-notification { margin-top: 8px; margin-left: 24px; margin-right: 24px; border-radius: 4px; padding: 0px 2px; height: 32px; display: flex; align-items: center; justify-content: center; } .sendbird-theme--light .sendbird-notification { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-notification { background-color: var(--sendbird-dark-primary-200); } .sendbird-notification:hover { cursor: pointer; } .sendbird-theme--light .sendbird-notification:hover { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-notification:hover { background-color: var(--sendbird-dark-primary-300); } .sendbird-theme--light .sendbird-notification.sendbird-notification--frozen { background-color: var(--sendbird-light-information-100); } .sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen { background-color: var(--sendbird-dark-information-100); } .sendbird-theme--light .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text { color: var(--sendbird-dark-onlight-01); } .sendbird-notification .sendbird-notification__text { display: flex; align-items: center; justify-content: center; } [dir="ltr"] .sendbird-notification .sendbird-notification__text { margin-right: 8px; } [dir="rtl"] .sendbird-notification .sendbird-notification__text { margin-left: 8px; } .sendbird-notification--hide { display: none; } /** * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel. * So keep in mind that you should consider both components when you make changes in this file. */ .sendbird-new-message-floating-button { position: absolute; bottom: 8px; width: 155px; height: 40px; border-radius: 20px; gap: 4px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: all 0.2s ease-in-out; z-index: 5; background-color: #FFFFFF; } [dir="ltr"] .sendbird-new-message-floating-button { left: 50%; transform: translateX(-50%); } [dir="rtl"] .sendbird-new-message-floating-button { right: 50%; transform: translateX(50%); } .sendbird-new-message-floating-button:hover { cursor: pointer; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); background-color: #F5F5F5; } [dir="ltr"] .sendbird-new-message-floating-button:hover { transform: translateX(-50%) translateY(-1px); } [dir="rtl"] .sendbird-new-message-floating-button:hover { transform: translateX(50%) translateY(-1px); } .sendbird-new-message-floating-button .sendbird-new-message-floating-button__text { display: flex; align-items: center; justify-content: center; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #742DDD; line-height: 1; font-size: 14px; text-align: center; height: 100%; } .sendbird-new-message-floating-button .sendbird-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .sendbird-new-message-floating-button .sendbird-icon svg { display: block; vertical-align: middle; } .sendbird-new-message-floating-button--hide { display: none; } /** * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel. * So keep in mind that you should consider both components when you make changes in this file. */ .sendbird-notification { margin-top: 8px; margin-left: 24px; margin-right: 24px; border-radius: 4px; padding: 0px 2px; height: 32px; display: flex; align-items: center; justify-content: center; } .sendbird-theme--light .sendbird-notification { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-notification { background-color: var(--sendbird-dark-primary-200); } .sendbird-notification:hover { cursor: pointer; } .sendbird-theme--light .sendbird-notification:hover { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-notification:hover { background-color: var(--sendbird-dark-primary-300); } .sendbird-theme--light .sendbird-notification.sendbird-notification--frozen { background-color: var(--sendbird-light-information-100); } .sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen { background-color: var(--sendbird-dark-information-100); } .sendbird-theme--light .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text { color: var(--sendbird-dark-onlight-01); } .sendbird-notification .sendbird-notification__text { display: flex; align-items: center; justify-content: center; } [dir="ltr"] .sendbird-notification .sendbird-notification__text { margin-right: 8px; } [dir="rtl"] .sendbird-notification .sendbird-notification__text { margin-left: 8px; } .typing-dots-container { align-items: center; border-radius: 16px; display: flex; gap: 6px; justify-content: center; padding: 16px 12px; } .sendbird-theme--light .typing-dots-container { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .typing-dots-container { background-color: var(--sendbird-dark-background-400); } .typing-dots-container span { animation: blink 1.4s infinite; animation-fill-mode: both; border-radius: 50%; height: 8px; width: 8px; } .sendbird-theme--light .typing-dots-container span { background-color: var(--sendbird-light-background-700); } .sendbird-theme--dark .typing-dots-container span { background-color: var(--sendbird-dark-background-50); } .typing-dots-container span:nth-child(1) { animation-delay: 0.4s; } .typing-dots-container span:nth-child(2) { animation-delay: 0.6s; } .typing-dots-container span:nth-child(3) { animation-delay: 0.8s; } @keyframes blink { 0% { opacity: 0.12; transform: scale(1); } 21.43% { opacity: 0.38; transform: scale(1.2); } 42.86% { opacity: 0.12; transform: scale(1); } 100% { opacity: 0.12; transform: scale(1); } } /** * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel. * So keep in mind that you should consider both components when you make changes in this file. */ .sendbird-message-input-wrapper--voice-message, .sendbird-message-input-wrapper { position: relative; width: 100%; } .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input, .sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input { position: relative; width: 100%; } .sendbird-theme--light .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input, .sendbird-theme--light .sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input { border-top: solid 1px var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input, .sendbird-theme--dark .sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input { border-top: solid 1px var(--sendbird-dark-ondark-04); } .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__message-input, .sendbird-message-input-wrapper .sendbird-message-input-wrapper__message-input { position: relative; width: 100%; box-sizing: border-box; padding: 0px 24px; } .sendbird--mobile-mode .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__message-input, .sendbird--mobile-mode .sendbird-message-input-wrapper .sendbird-message-input-wrapper__message-input { padding: 0px 16px; } .sendbird-theme--light .sendbird-message-input-wrapper--voice-message { border-top: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-message-input-wrapper--voice-message { border-top: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-quote_message_input { position: relative; width: 100%; height: 76px; display: flex; flex-direction: row; box-sizing: border-box; } [dir="ltr"] .sendbird-quote_message_input { padding: 16px 80px 16px 40px; } [dir="rtl"] .sendbird-quote_message_input { padding: 16px 40px 16px 80px; } .sendbird-quote_message_input .sendbird-quote_message_input__avatar { width: 44px; min-width: 44px; height: 44px; min-height: 44px; position: relative; border-radius: 8px; display: flex; justify-content: center; align-items: center; } .sendbird-theme--light .sendbird-quote_message_input .sendbird-quote_message_input__avatar { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-quote_message_input .sendbird-quote_message_input__avatar { background-color: var(--sendbird-dark-background-500); } .sendbird-quote_message_input .sendbird-quote_message_input__body { position: absolute; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; } .sendbird-quote_message_input .sendbird-quote_message_input__body .sendbird-quote_message_input__body__sender-name { position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; margin-bottom: 8px; } .sendbird-quote_message_input .sendbird-quote_message_input__body .sendbird-quote_message_input__body__message-content { position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } .sendbird-quote_message_input .sendbird-quote_message_input__close-button { position: absolute; top: 26px; } [dir="ltr"] .sendbird-quote_message_input .sendbird-quote_message_input__close-button { right: 40px; } [dir="rtl"] .sendbird-quote_message_input .sendbird-quote_message_input__close-button { left: 40px; } .sendbird-quote_message_input .sendbird-quote_message_input__close-button:hover { cursor: pointer; } /** * We operate the CSS files for Channel&GroupChannel modules in the GroupChannel. * So keep in mind that you should consider both components when you make changes in this file. */ .sendbird-voice-message-input-wrapper .sendbird-voice-message-input__indicator { height: 40px; } .sendbird-voice-message-input-wrapper-alert__body { position: relative; display: flex; justify-content: flex-end; align-items: flex-end; width: 100%; height: 74px; } .sendbird-voice-message-input-wrapper-alert__body__ok-button { width: 74px; } .sendbird-voice-message-input { position: relative; display: inline-flex; flex-direction: column; width: 100%; height: 110px; padding-top: 22px; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .sendbird-voice-message-input__indicator { position: relative; display: inline-flex; width: 100%; } .sendbird-voice-message-input__indicator__progress-bar { position: relative; display: inline-flex; width: 100%; border-radius: 28px; overflow: hidden; } .sendbird-voice-message-input__indicator__on-rec { position: absolute; top: 14px; } [dir="ltr"] .sendbird-voice-message-input__indicator__on-rec { right: 53px; } [dir="rtl"] .sendbird-voice-message-input__indicator__on-rec { left: 53px; } .sendbird-voice-message-input__indicator__playback-time { position: absolute; top: 10px; } [dir="ltr"] .sendbird-voice-message-input__indicator__playback-time { right: 16px; } [dir="rtl"] .sendbird-voice-message-input__indicator__playback-time { left: 16px; } .sendbird-voice-message-input__controler { position: relative; display: inline-flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 14px; height: 34px; min-height: 34px; } .sendbird-voice-message-input__controler__main { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 34px; height: 34px; min-width: 34px; min-height: 34px; border-radius: 50%; } .sendbird-theme--light .sendbird-voice-message-input__controler__main { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-voice-message-input__controler__main { background-color: var(--sendbird-dark-background-500); } .sendbird-voice-message-input__controler__main:hover { cursor: pointer; } .sendbird-voice-message-input__controler__submit { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 34px; height: 34px; min-width: 34px; min-height: 34px; border-radius: 50%; } .sendbird-theme--light .sendbird-voice-message-input__controler__submit { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-voice-message-input__controler__submit { background-color: var(--sendbird-dark-primary-200); } .sendbird-voice-message-input__controler__submit:hover { cursor: pointer; } .sendbird-theme--light .sendbird-voice-message-input__controler__submit.voice-message--disabled { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-voice-message-input__controler__submit.voice-message--disabled { background-color: var(--sendbird-dark-background-500); } .sendbird-voice-message-input__controler__submit.voice-message--disabled:hover { cursor: default; } @keyframes flickerAnimation { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .sendbird-voice-message-input__indicator__on-rec { width: 12px; height: 12px; min-width: 12px; min-height: 12px; border-radius: 50%; animation: flickerAnimation 1s infinite; } .sendbird-theme--light .sendbird-voice-message-input__indicator__on-rec { background-color: var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-voice-message-input__indicator__on-rec { background-color: var(--sendbird-dark-error-300); } .sendbird-voice-message-input__indicator__progress-bar__bar { height: 40px; } .sendbird-controler-icon { position: relative; display: inline-block; } .sendbird-controler-icon.record-icon { width: 20px; height: 20px; min-width: 20px; min-height: 20px; border-radius: 50%; } .sendbird-theme--light .sendbird-controler-icon.record-icon { background-color: var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-controler-icon.record-icon { background-color: var(--sendbird-dark-error-300); } .sendbird-controler-icon.stop-icon { width: 14px; height: 14px; min-width: 14px; min-height: 14px; border-radius: 2px; } .sendbird-theme--light .sendbird-controler-icon.stop-icon { background-color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-controler-icon.stop-icon { background-color: var(--sendbird-dark-ondark-01); } .sendbird-controler-icon.pause-icon { display: inline-flex; width: 100%; gap: 3.75px; width: 13.75px; height: 13.75px; min-width: 13.75px; min-height: 13.75px; } .sendbird-controler-icon.pause-icon-inner { display: inline-flex; min-width: 4.38px; border-radius: 2px; } .sendbird-theme--light .sendbird-controler-icon.pause-icon-inner { background-color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-controler-icon.pause-icon-inner { background-color: var(--sendbird-dark-ondark-01); } /* We are sharing the same CSS file * the same components 1. `~/modules/GroupChannelList/components/GroupChannelListUI` 2. `~/modules/ChannelList/components/ChannelListUI` So must to keep the same structure with the component when you make a change on the one component of them */ .sendbird-channel-list { width: 320px; height: 100%; display: flex; flex-direction: column; box-sizing: border-box; } .sendbird-theme--light .sendbird-channel-list { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-channel-list { background-color: var(--sendbird-dark-background-600); } .sendbird--mobile-mode .sendbird-channel-list { width: 100%; } .sendbird-channel-list__header { height: 64px; min-height: 64px; } .sendbird-channel-list__body { flex: 1 1 0; -ms-flex: 1; overflow-y: auto; overflow-x: hidden; } /* We are sharing the same CSS file * the same components 1. `~/modules/GroupChannelList/components/GroupChannelListHeader` 2. `~/modules/ChannelList/components/ChannelListHeader` So must to keep the same structure with the component when you make a change on the one component of them */ .sendbird-channel-header { position: relative; height: 64px; min-height: 64px; width: 320px; box-sizing: border-box; } [dir="ltr"] .sendbird-channel-header { padding-left: 8px; padding-right: 16px; } [dir="rtl"] .sendbird-channel-header { padding-right: 8px; padding-left: 16px; } .sendbird-theme--light .sendbird-channel-header { border-bottom: 1px solid var(--sendbird-light-onlight-04); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-channel-header { border-bottom: 1px solid var(--sendbird-dark-ondark-04); background-color: var(--sendbird-dark-background-600); } .sendbird--mobile-mode .sendbird-channel-header { width: 100%; } .sendbird-channel-header.sendbird-channel-header--allow-edit .sendbird-channel-header__title { cursor: pointer; } .sendbird-channel-header .sendbird-channel-header__title { display: flex; flex-direction: row; height: 48px; border-radius: 4px; } .sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:hover { background: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:hover { background: var(--sendbird-dark-background-500); } .sendbird-channel-header .sendbird-channel-header__title:focus { outline: none; } .sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:focus { background: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:focus { background: var(--sendbird-dark-background-400); } .sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:active { border: solid 2px var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:active { border: solid 2px var(--sendbird-dark-primary-200); } .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__left { width: 48px; padding: 8px; box-sizing: border-box; } .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right { padding-top: 8px; } [dir="ltr"] .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right { margin-left: 4px; } [dir="rtl"] .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right { margin-right: 4px; } .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right__name, .sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right__user-id { display: block; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sendbird-channel-header .sendbird-channel-header__right-icon { position: absolute; top: 16px; } [dir="ltr"] .sendbird-channel-header .sendbird-channel-header__right-icon { right: 16px; } [dir="rtl"] .sendbird-channel-header .sendbird-channel-header__right-icon { left: 16px; } .sendbird-edit-user-profile section { margin-top: 16px; } .sendbird-edit-user-profile section .sendbird-input-label { display: block; margin-bottom: 12px; } .sendbird-edit-user-profile .sendbird-edit-user-profile__img .sendbird-input-label { margin-bottom: 12px; } .sendbird-edit-user-profile__img { position: relative; } .sendbird-edit-user-profile__img__avatar-button { position: absolute; top: 50px; } [dir="ltr"] .sendbird-edit-user-profile__img__avatar-button { left: 96px; } [dir="rtl"] .sendbird-edit-user-profile__img__avatar-button { right: 96px; } .sendbird-edit-user-profile__theme__theme-icon .sendbird-icon { cursor: pointer; } /* We are sharing the same CSS file * the same components 1. `~/modules/GroupChannelList/components/GroupChannelListItem` 2. `~/modules/ChannelList/components/ChannelPreview` So must to keep the same structure with the component when you make a change on the one component of them */ .sendbird-channel-preview__leave--mobile .sendbird-modal__content { max-width: calc(100% - 80px); } .sendbird-channel-preview__leave--mobile .sendbird-modal__close { display: none; } .sendbird-channel-preview__leave--mobile .sendbird-channel-preview__leave-label--mobile { text-decoration: none; } .sendbird-channel-preview__leave--mobile .sendbird-modal__header span { display: inline-block; width: calc(100% - 120px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sendbird__offline .sendbird-channel-preview { cursor: not-allowed; } .sendbird-channel-preview { position: relative; cursor: pointer; box-sizing: border-box; width: 320px; height: 80px; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 12px 16px 12px 16px; } .sendbird-theme--light .sendbird-channel-preview { border-bottom: solid 1px var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-channel-preview { border-bottom: solid 1px var(--sendbird-dark-ondark-04); } .sendbird--mobile-mode .sendbird-channel-preview { width: 100%; } .sendbird-channel-preview:focus { outline: none; } .sendbird-channel-preview .sendbird-channel-preview__avatar { width: 56px; height: 56px; } .sendbird-channel-preview .sendbird-channel-preview__content { width: 100%; height: 100%; } [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content { margin-left: 16px; } [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content { margin-right: 16px; } .sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content { position: relative; max-width: calc(100% - 72px); } .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper { display: flex; justify-content: space-between; width: 216px; height: 16px; } .sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper { width: auto; } .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header { display: flex; justify-content: flex-start; overflow: hidden; text-overflow: ellipsis; } [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__broadcast-icon { padding-right: 4px; } [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__broadcast-icon { padding-left: 4px; } .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__channel-name { overflow: hidden; text-overflow: ellipsis; max-width: 128px; word-break: break-all; white-space: nowrap; } .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members { margin-top: 2px; } [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members { margin-left: 4px; } [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members { margin-right: 4px; } [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__frozen-icon { padding-left: 4px; } [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__frozen-icon { padding-right: 4px; } .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at { margin-bottom: 4px; white-space: nowrap; } [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at { margin-left: 4px; } [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at { margin-right: 4px; } .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at.sendbird-message-status { max-width: 74px; justify-content: flex-end; } .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower { margin-top: 8px; width: 216px; height: 32px; display: flex; justify-content: space-between; } .sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower { width: 100%; } .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__last-message { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count { display: flex; align-items: center; margin-bottom: 12px; } [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count { margin-left: 8px; } [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count { margin-right: 8px; } .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention { display: inline-flex; align-items: center; } [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention { margin-right: 4px; } [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention { margin-left: 4px; } .sendbird-channel-preview .sendbird-channel-preview__action { position: absolute; top: 12px; display: inline-block; } [dir="ltr"] .sendbird-channel-preview .sendbird-channel-preview__action { right: 12px; } [dir="rtl"] .sendbird-channel-preview .sendbird-channel-preview__action { left: 12px; } .sendbird-channel-preview .sendbird-channel-preview__action .sendbird-iconbutton { display: none; } .sendbird-theme--light .sendbird-channel-preview:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-channel-preview:hover { background-color: var(--sendbird-dark-background-500); } .sendbird-channel-preview:hover .sendbird-channel-preview__action .sendbird-iconbutton { display: inline-block; } .sendbird-channel-preview:hover .sendbird-channel-preview__content__upper__last-message-at { display: none; } .sendbird-channel-preview:hover .sendbird-channel-preview__content__lower__unread-message-count { display: none; } [dir="ltr"] .sendbird-channel-preview--active { padding: 12px 16px 12px 12px; } [dir="rtl"] .sendbird-channel-preview--active { padding: 12px 12px 12px 16px; } .sendbird-theme--light .sendbird-channel-preview--active { border-bottom: solid 1px var(--sendbird-light-onlight-04); background-color: var(--sendbird-light-primary-100); } [dir="ltr"] .sendbird-theme--light .sendbird-channel-preview--active { border-left: solid 4px var(--sendbird-light-primary-300); } [dir="rtl"] .sendbird-theme--light .sendbird-channel-preview--active { border-right: solid 4px var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-channel-preview--active { border-bottom: solid 1px var(--sendbird-dark-ondark-04); background-color: var(--sendbird-dark-background-700); } [dir="ltr"] .sendbird-theme--dark .sendbird-channel-preview--active { border-left: solid 4px var(--sendbird-dark-primary-200); } [dir="rtl"] .sendbird-theme--dark .sendbird-channel-preview--active { border-right: solid 4px var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name { color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name { color: var(--sendbird-dark-primary-200); } .sendbird-badge { height: 20px; min-width: 20px; border-radius: 10px; display: inline-flex; justify-content: center; align-items: center; } .sendbird-theme--light .sendbird-badge { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-badge { background-color: var(--sendbird-dark-primary-200); } .sendbird-badge .sendbird-badge__text { margin: 0px 6px; } .sendbird-mention-user-label { display: inline-block; font-family: var(--sendbird-font-family-default); font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; white-space: pre-line; width: -moz-fit-content; width: fit-content; max-width: 100%; height: 16px; } .sendbird-theme--light .sendbird-mention-user-label { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-mention-user-label { color: var(--sendbird-dark-ondark-01); } .sendbird-mention-user-label:hover { cursor: pointer; } .sendbird-theme--light .sendbird-mention-user-label.reverse { color: var(--sendbird-light-ondark-01); } .sendbird-theme--dark .sendbird-mention-user-label.reverse { color: var(--sendbird-dark-onlight-01); } .sendbird-mention-user-label.purple { font-family: Roboto; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } .sendbird-theme--light .sendbird-mention-user-label.purple { color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-mention-user-label.purple { color: var(--sendbird-dark-primary-200); } .sendbird--mobile-mode .sendbird-add-channel__modal .sendbird-modal__content { margin: 0 40px; } .sendbird-add-channel__rectangle-wrap { margin-top: 26px; } .sendbird-add-channel__rectangle-footer { margin-top: 32px; } [dir="ltr"] .sendbird-add-channel__rectangle-footer { text-align: right; } [dir="rtl"] .sendbird-add-channel__rectangle-footer { text-align: left; } .sendbird-add-channel__rectangle { width: 432px; height: 72px; border-radius: 4px; margin-bottom: 8px; padding: 25px 72px; position: relative; box-sizing: border-box; cursor: pointer; } .sendbird--mobile-mode .sendbird-add-channel__rectangle { min-width: 288px; width: 100%; } [dir="ltr"] .sendbird--mobile-mode .sendbird-add-channel__rectangle { padding-right: 0; } [dir="rtl"] .sendbird--mobile-mode .sendbird-add-channel__rectangle { padding-left: 0; } .sendbird-theme--light .sendbird-add-channel__rectangle { border: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-add-channel__rectangle { border: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-add-channel__rectangle .sendbird-icon { position: absolute; top: 24px; } [dir="ltr"] .sendbird-add-channel__rectangle .sendbird-icon { left: 22px; } [dir="rtl"] .sendbird-add-channel__rectangle .sendbird-icon { right: 22px; } .sendbird-create-channel--content { width: 480px; max-height: 552px; } .sendbird-create-channel--scroll { height: 360px; overflow-x: hidden; overflow-y: scroll; } .sendbird-channel-settings { height: 100%; width: 320px; display: inline-block; box-sizing: border-box; } .sendbird--mobile-mode .sendbird-channel-settings { width: 100%; } .sendbird-theme--light .sendbird-channel-settings { background-color: var(--sendbird-light-background-50); } [dir="ltr"] .sendbird-theme--light .sendbird-channel-settings { border-left: 1px solid var(--sendbird-light-onlight-04); } [dir="rtl"] .sendbird-theme--light .sendbird-channel-settings { border-right: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-channel-settings { background-color: var(--sendbird-dark-background-600); } [dir="ltr"] .sendbird-theme--dark .sendbird-channel-settings { border-left: 1px solid var(--sendbird-dark-background-600); } [dir="rtl"] .sendbird-theme--dark .sendbird-channel-settings { border-right: 1px solid var(--sendbird-dark-background-600); } .sendbird-channel-settings .sendbird-channel-settings__header-icon { cursor: pointer; } .sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__header-icon .sendbird-channel-settings__close-icon path { fill: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__header-icon .sendbird-channel-settings__close-icon path { fill: var(--sendbird-dark-ondark-01); } .sendbird-channel-settings .sendbird-channel-settings__members .sendbird-badge__text { margin-top: -2px; } .sendbird-channel-settings .sendbird-channel-settings__header { height: 64px; min-height: 64px; position: relative; box-sizing: border-box; } [dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__header { padding-left: 24px; padding-right: 20px; } [dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__header { padding-right: 24px; padding-left: 20px; } .sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__header { border-bottom: solid 1px var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__header { border-bottom: solid 1px var(--sendbird-dark-ondark-04); } .sendbird-channel-settings .sendbird-channel-settings__scroll-area { display: flex; flex-grow: 1; flex-direction: column; height: calc(100% - 64px); overflow-y: auto; } .sendbird-channel-settings .sendbird-channel-settings__panel-item { cursor: pointer; position: relative; } [dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__panel-item { padding: 12px 22px 10px 56px; } [dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__panel-item { padding: 12px 56px 10px 22px; } .sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-item { border-top: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-item { border-top: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-channel-settings .sendbird-channel-settings__panel-item:focus { outline: none; } .sendbird-channel-settings .sendbird-channel-settings__panel-item.sendbird-channel-settings__panel-item__disabled { cursor: not-allowed; } .sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-item__leave-channel { border-top: 1px solid var(--sendbird-light-onlight-04); border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-item__leave-channel { border-top: 1px solid var(--sendbird-dark-ondark-04); border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-channel-settings .sendbird-channel-settings__panel-icon-left, .sendbird-channel-settings .sendbird-channel-settings__panel-icon-right { position: absolute; top: 10px; } [dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-left { left: 16px; } [dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-left { right: 16px; &.sendbird-channel-settings__panel-icon__leave { transform: rotate(180deg); } } [dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-right { right: 16px; } [dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon-right { left: 16px; } [dir="ltr"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon--open { transform: rotate(90deg); } [dir="rtl"] .sendbird-channel-settings .sendbird-channel-settings__panel-icon--open { transform: rotate(-90deg); } .sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-icon--chevron path { fill: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-icon--chevron path { fill: var(--sendbird-dark-ondark-01); } .sendbird-input-toggle-button { position: relative; display: inline-flex; align-items: center; box-sizing: border-box; cursor: pointer; } .sendbird-theme--light .sendbird-input-toggle-button--checked { background-color: var(--sendbird-light-primary-300); border: 1px solid var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-input-toggle-button--checked { background-color: var(--sendbird-dark-primary-200); border: 1px solid var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-input-toggle-button--unchecked { background-color: var(--sendbird-light-background-300); border: 1px solid var(--sendbird-light-background-300); } .sendbird-theme--dark .sendbird-input-toggle-button--unchecked { background-color: var(--sendbird-dark-background-400); border: 1px solid var(--sendbird-dark-background-400); } .sendbird-input-toggle-button--disabled { cursor: not-allowed; } .sendbird-theme--light .sendbird-input-toggle-button--disabled { background-color: var(--sendbird-light-background-200); border: 1px solid var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-input-toggle-button--disabled { background-color: var(--sendbird-dark-background-400); border: 1px solid var(--sendbird-dark-background-400); } .sendbird-input-toggle-button input { position: absolute; display: none; } .sendbird-input-toggle-button__inner-dot { position: absolute; border-radius: 50%; animation-iteration-count: 1; } .sendbird-theme--light .sendbird-input-toggle-button__inner-dot { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-input-toggle-button__inner-dot { background-color: var(--sendbird-dark-background-600); } /* Manage animation and position by status */ @keyframes sendbirdMoveToEnd { 0% { inset-inline-end: 60%; } 100% { inset-inline-end: 10%; } } @keyframes sendbirdMoveToStart { 0% { inset-inline-end: 10%; } 100% { inset-inline-end: 60%; } } .sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot { animation-name: sendbirdMoveToEnd; } .sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot { animation-name: sendbirdMoveToStart; } .sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot { inset-inline-end: 60%; } .sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot { inset-inline-end: 10%; } .sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot { animation-name: sendbirdMoveToStart; } .sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot { animation-name: sendbirdMoveToEnd; } .sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot { inset-inline-end: 10%; } .sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot { inset-inline-end: 60%; } .sendbird-channel-profile { position: relative; text-align: center; padding: 32px 40px 27px 40px; } .sendbird-theme--light .sendbird-channel-profile { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-channel-profile { background-color: var(--sendbird-dark-background-600); } .sendbird-channel-profile .sendbird-channel-profile--inner { height: 92px; } .sendbird-channel-profile .sendbird-channel-profile__avatar { margin-bottom: 16px; display: flex; justify-content: center; } .sendbird-channel-profile .sendbird-channel-profile__title { display: block; max-width: 240px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; height: 18px; } .sendbird--mobile-mode .sendbird-channel-profile .sendbird-channel-profile__title { max-width: 100%; } .sendbird-channel-profile .sendbird-channel-profile__edit { position: absolute; top: 10px; } [dir="ltr"] .sendbird-channel-profile .sendbird-channel-profile__edit { right: 16px; } [dir="rtl"] .sendbird-channel-profile .sendbird-channel-profile__edit { left: 16px; } .channel-profile-form .channel-profile-form__img-section { position: relative; } .channel-profile-form .channel-profile-form__avatar-button { position: absolute; top: 54px; } [dir="ltr"] .channel-profile-form .channel-profile-form__avatar-button { left: 96px; } [dir="rtl"] .channel-profile-form .channel-profile-form__avatar-button { right: 96px; } .channel-profile-form .channel-profile-form__avatar { margin-top: 16px; } .channel-profile-form .channel-profile-form__name-section { margin-top: 12px; } .channel-profile-form .channel-profile-form__name-section .sendbird-input { height: 40px; } .sendbird-channel-settings__leave-label--mobile { text-decoration: none; } .sendbird-channel-settings__leave--mobile .sendbird-modal__content { max-width: calc(100% - 80px); } .sendbird-channel-settings__leave--mobile .sendbird-modal__close { display: none; } .sendbird-channel-settings__leave--mobile .sendbird-channel-preview__leave-label--mobile { text-decoration: none; } .sendbird-channel-settings__leave--mobile .sendbird-modal__header span { display: inline-block; width: calc(100% - 120px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon { position: absolute; } [dir="ltr"] .sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon { left: 14px; } [dir="rtl"] .sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon { right: 14px; } .sendbird-channel-settings__operator .sendbird-accordion__panel-heder { position: relative; } .sendbird-more-members__popup-scroll { max-height: 420px; overflow-x: hidden; overflow-y: scroll; } .sendbird--mobile-mode .sendbird-more-members__popup-scroll { max-height: 100%; } [dir="ltr"] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator { right: 72px; } [dir="rtl"] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator { left: 72px; } .sendbird-more-members__popup-scroll .sendbird-user-list-item__title { max-width: 240px; } .sendbird-channel-settings__empty-list { text-align: center; margin-top: 12px; margin-bottom: 4px; display: block; } .sendbird-channel-settings-accordion__footer { padding: 16px 12px; display: flex; } [dir="ltr"] .sendbird-channel-settings-accordion__footer { justify-content: left; } [dir="rtl"] .sendbird-channel-settings-accordion__footer { justify-content: right; } [dir="ltr"] .sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2) { margin-left: 8px; } [dir="rtl"] .sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2) { margin-right: 8px; } .sendbird-channel-settings__freeze { max-width: 320px; position: relative; } [dir="ltr"] .sendbird-channel-settings__freeze { padding: 12px 22px 10px 56px; } [dir="rtl"] .sendbird-channel-settings__freeze { padding: 12px 56px 10px 22px; } .sendbird--mobile-mode .sendbird-channel-settings__freeze { max-width: 100%; } .sendbird-theme--light .sendbird-channel-settings__freeze { background-color: var(--sendbird-light-background-50); border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-channel-settings__freeze { background-color: var(--sendbird-dark-background-600); border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-channel-settings__frozen-icon { position: absolute; top: 12px; } [dir="ltr"] .sendbird-channel-settings__frozen-icon { right: 20px; } [dir="rtl"] .sendbird-channel-settings__frozen-icon { left: 20px; } .sendbird-channel-settings__frozen-icon .sendbird-icon { cursor: pointer; } .sendbird-channel-settings__members-list .sendbird-badge, .sendbird-channel-settings__members .sendbird-badge { position: absolute; top: 12px; } [dir="ltr"] .sendbird-channel-settings__members-list .sendbird-badge, [dir="ltr"] .sendbird-channel-settings__members .sendbird-badge { right: 44px; } [dir="rtl"] .sendbird-channel-settings__members-list .sendbird-badge, [dir="rtl"] .sendbird-channel-settings__members .sendbird-badge { left: 44px; } .sendbird-theme--light .sendbird-channel-settings__members-list .sendbird-badge, .sendbird-theme--light .sendbird-channel-settings__members .sendbird-badge { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-channel-settings__members-list .sendbird-badge, .sendbird-theme--dark .sendbird-channel-settings__members .sendbird-badge { background-color: var(--sendbird-dark-background-400); } .sendbird-theme--light .sendbird-channel-settings__members-list .sendbird-badge .sendbird-label, .sendbird-theme--light .sendbird-channel-settings__members .sendbird-badge .sendbird-label { color: var(--sendbird-light-onlight-02); } .sendbird-theme--dark .sendbird-channel-settings__members-list .sendbird-badge .sendbird-label, .sendbird-theme--dark .sendbird-channel-settings__members .sendbird-badge .sendbird-label { color: var(--sendbird-dark-ondark-02); } .sendbird-more-members__popup-scroll { max-height: 420px; overflow-x: hidden; overflow-y: scroll; } .sendbird--mobile-mode .sendbird-more-members__popup-scroll { max-height: 100%; } [dir="ltr"] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator { right: 72px; } [dir="rtl"] .sendbird-more-members__popup-scroll .sendbird-user-list-item__operator { left: 72px; } .sendbird-more-members__popup-scroll .sendbird-user-list-item__title { max-width: 240px; } .sendbird-channel-settings__badge { position: absolute; } [dir="ltr"] .sendbird-channel-settings__badge { right: 48px; } [dir="rtl"] .sendbird-channel-settings__badge { left: 48px; } .sendbird-theme--light .sendbird-channel-settings__badge { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-channel-settings__badge { background-color: var(--sendbird-dark-background-400); } .sendbird-theme--light .sendbird-channel-settings__badge .sendbird-label { color: var(--sendbird-light-onlight-02); } .sendbird-theme--dark .sendbird-channel-settings__badge .sendbird-label { color: var(--sendbird-dark-ondark-02); } .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer { padding-top: 14px; padding-bottom: 14px; } [dir="ltr"] .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer { padding-left: 14px; } [dir="rtl"] .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer { padding-right: 14px; } .sendbird-theme--light .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer { background-color: var(--sendbird-light-background-50); border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer { background-color: var(--sendbird-dark-background-600); border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-message-search-pannel { position: relative; display: flex; flex-direction: column; width: 320px; height: 100%; box-sizing: border-box; } .sendbird-theme--light .sendbird-message-search-pannel { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-message-search-pannel { background-color: var(--sendbird-dark-background-600); } .sendbird--mobile-mode .sendbird-message-search-pannel { width: 100%; } .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area { position: absolute; top: 14px; margin: 0px; padding: 0px; border: 0px; outline: none; font-size: 14px; width: calc(100% - 90px); } [dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area { left: 48px; } [dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area { right: 48px; } .sendbird-theme--light .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area { color: var(--sendbird-light-onlight-01); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area { color: var(--sendbird-dark-ondark-01); background-color: var(--sendbird-dark-background-600); } [dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-ui-header__middle__title { margin-left: 4px; } [dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-ui-header__middle__title { margin-right: 4px; } .sendbird-message-search-pannel .sendbird-message-search-pannel__input { display: flex; position: relative; padding: 16px; box-sizing: border-box; } .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container { position: relative; border-radius: 4px; width: 100%; height: 44px; } .sendbird-theme--light .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container { border: 1px solid var(--sendbird-light-onlight-03); } .sendbird-theme--dark .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container { border: 1px solid var(--sendbird-dark-ondark-03); } .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon { position: absolute; top: 10px; } [dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon { left: 16px; } [dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon { right: 16px; } .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner { position: absolute; top: 12px; } [dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner { right: 12px; } [dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner { left: 12px; } .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button { position: absolute; top: 12px; } [dir="ltr"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button { right: 12px; } [dir="rtl"] .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button { left: 12px; } .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button:hover { cursor: pointer; } .sendbird-message-search-pannel .sendbird-message-search-pannel__message-search { position: relative; box-sizing: border-box; width: 100%; height: 100%; overflow-y: hidden; } .sendbird-message-search { position: relative; height: 100%; overflow-x: hidden; overflow-y: scroll; } .sendbird-theme--light .sendbird-message-search { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-message-search { background-color: var(--sendbird-dark-background-600); } .sendbird-message-search-item { display: inline-flex; flex-direction: row; width: 100%; height: 80px; position: relative; cursor: pointer; } .sendbird-theme--light .sendbird-message-search-item { border-bottom: 1px solid var(--sendbird-light-onlight-04); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-message-search-item { border-bottom: 1px solid var(--sendbird-dark-ondark-04); background-color: var(--sendbird-dark-background-600); } .sendbird-theme--light .sendbird-message-search-item:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-message-search-item:hover { background-color: var(--sendbird-dark-background-500); } .sendbird-message-search-item .sendbird-message-search-item__left { display: flex; align-items: center; justify-content: center; width: 90px; height: 80px; } .sendbird-message-search-item .sendbird-message-search-item__right { display: flex; flex-direction: column; width: calc(100% - 106px); } .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__sender-name { position: absolute; top: 12px; display: inline; max-width: 150px; height: 16px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; } .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-text { box-sizing: border-box; display: flex; width: inherit; height: 32px; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 36px; word-break: break-word; } .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at { position: absolute; top: 12px; } [dir="ltr"] .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at { right: 18px; } [dir="rtl"] .sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at { left: 18px; } .sendbird-message-search-item .sendbird-message-search-item__right-footer { width: 16px; } .sendbird-theme--light .sendbird-message-search-item.sendbird-message-search-item--selected { background-color: var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-message-search-item.sendbird-message-search-item--selected { background-color: var(--sendbird-dark-background-700); } .sendbird-theme--light .sendbird-message-search-item.sendbird-message-search-item--selected .sendbird-message-search-item__left { border-inline-start: 4px solid var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-message-search-item.sendbird-message-search-item--selected .sendbird-message-search-item__left { border-inline-start: 4px solid var(--sendbird-dark-primary-200); } .sendbird-message-search-file-item { position: relative; display: inline-flex; flex-direction: row; width: 100%; height: 80px; cursor: pointer; } .sendbird-theme--light .sendbird-message-search-file-item { border-bottom: 1px solid var(--sendbird-light-onlight-04); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-message-search-file-item { border-bottom: 1px solid var(--sendbird-dark-ondark-04); background-color: var(--sendbird-dark-background-600); } .sendbird-theme--light .sendbird-message-search-file-item:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-message-search-file-item:hover { background-color: var(--sendbird-dark-background-500); } .sendbird-message-search-file-item .sendbird-message-search-file-item__left { position: relative; display: flex; align-items: center; justify-content: center; width: 90px; height: 80px; } .sendbird-message-search-file-item .sendbird-message-search-file-item__right { position: relative; display: flex; flex-direction: column; width: calc(100% - 106px); } .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__sender-name { position: absolute; top: 12px; display: inline-block; max-width: 146px; height: 16px; overflow: hidden; text-overflow: ellipsis; } .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content { position: absolute; top: 36px; box-sizing: border-box; width: 100%; height: 32px; display: flex; flex-direction: row; align-items: center; } .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 26px; min-width: 26px; height: 26px; border-radius: 8px; } [dir="ltr"] .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon { margin-right: 4px; } [dir="rtl"] .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon { margin-left: 4px; } .sendbird-theme--light .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon { background-color: var(--sendbird-dark-background-500); } .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__url { height: 16px; position: relative; display: inline; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; } .sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at { position: absolute; top: 12px; } [dir="ltr"] .sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at { right: 18px; } [dir="rtl"] .sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at { left: 18px; } .sendbird-message-search-file-item .sendbird-message-search-file-item__right-footer { width: 16px; } .sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected { background-color: var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected { background-color: var(--sendbird-dark-background-700); } [dir="ltr"] .sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left { border-left: 4px solid var(--sendbird-light-primary-300); } [dir="rtl"] .sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left { border-right: 4px solid var(--sendbird-light-primary-300); } [dir="ltr"] .sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left { border-left: 4px solid var(--sendbird-dark-primary-200); } [dir="rtl"] .sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left { border-right: 4px solid var(--sendbird-dark-primary-200); } .sendbird-thread-ui { position: relative; max-width: 320px; width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; } .sendbird-theme--light .sendbird-thread-ui { border-bottom: 1px solid var(--sendbird-light-onlight-04); background-color: var(--sendbird-light-background-50); } [dir="ltr"] .sendbird-theme--light .sendbird-thread-ui { border-right: 1px solid var(--sendbird-light-onlight-04); } [dir="rtl"] .sendbird-theme--light .sendbird-thread-ui { border-left: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-thread-ui { border-bottom: 1px solid var(--sendbird-dark-ondark-04); background-color: var(--sendbird-dark-background-600); } [dir="ltr"] .sendbird-theme--dark .sendbird-thread-ui { border-right: 1px solid var(--sendbird-dark-ondark-04); } [dir="rtl"] .sendbird-theme--dark .sendbird-thread-ui { border-left: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-thread-ui__header { width: 320px; } .sendbird-theme--light .sendbird-thread-ui__header { border-top: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-thread-ui__header { border-top: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-thread-ui--scroll { overflow-y: scroll; overflow-x: hidden; height: 100%; display: inline-flex; flex-direction: column; justify-content: flex-start; } .sendbird-theme--light .sendbird-thread-ui__parent-message-info { border-top: 1px solid var(--sendbird-light-onlight-04); border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-thread-ui__parent-message-info { border-top: 1px solid var(--sendbird-dark-ondark-04); border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-theme--light .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label { color: var(--sendbird-dark-ondark-01); } .sendbird-thread-ui__reply-counts { position: relative; box-sizing: border-box; width: 100%; height: 42px; display: inline-flex; justify-content: flex-start; align-items: center; padding: 16px 11px; } .sendbird-theme--light .sendbird-thread-ui__reply-counts { border-top: 1px solid var(--sendbird-light-onlight-04); border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-thread-ui__reply-counts { border-top: 1px solid var(--sendbird-dark-ondark-04); border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-thread-ui__thread-list { padding: 16px; } .sendbird-thread-ui__message-input { padding: 0px 16px; margin-bottom: 24px; } .sendbird-thread-ui__thread-list.sendbird-place-holder { box-sizing: border-box; } .sendbird-parent-message-info { position: relative; width: 100%; height: -moz-fit-content; height: fit-content; display: inline-flex; flex-direction: row; align-items: flex-start; box-sizing: border-box; } .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info { padding: 12px 12px 12px 16px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info { padding: 12px 16px 12px 12px; } .sendbird-parent-message-info__sender { position: relative; min-width: 40px; min-height: 40px; } .sendbird-parent-message-info__content { position: relative; display: inline-flex; flex-direction: column; } .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info__content { margin-left: 12px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info__content { margin-right: 12px; } .sendbird-parent-message-info__content__info { position: relative; max-width: 188px; height: 16px; display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; } .sendbird-parent-message-info__content__info__sender-name, .sendbird-parent-message-info__content__info__sender-name--use-reaction { position: relative; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; } .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info__content__info__sender-name, .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info__content__info__sender-name--use-reaction { margin-right: 6px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info__content__info__sender-name, .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info__content__info__sender-name--use-reaction { margin-left: 6px; } .sendbird-parent-message-info__content__info__sender-name { max-width: 142px; } .sendbird-parent-message-info__content__info__sender-name--use-reaction { max-width: 110px; } .sendbird-parent-message-info__content__info__sent-at { position: relative; max-width: 52px; height: 12px; display: inline-flex; justify-content: flex-start; align-items: center; white-space: nowrap; word-break: keep-all; } .sendbird-parent-message-info__content__body { position: relative; max-width: 210px; overflow: hidden; } .sendbird-parent-message-info__content__body.sendbird-thumbnail-message-item-body.incoming { min-width: 200px; height: 148px; } .sendbird-parent-message-info__content__reactions { position: relative; max-width: 240px; width: 100%; height: 100%; } .sendbird-parent-message-info__reaction-menu, .sendbird-parent-message-info__context-menu { position: relative; display: none; } .sendbird-parent-message-info .sendbird-text-message-item-body.reactions { border-radius: 16px; } .sendbird-theme--light .sendbird-parent-message-info .sendbird-emoji-reactions { border: 1px solid var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-parent-message-info .sendbird-emoji-reactions { border: 1px solid var(--sendbird-dark-background-600); } .sendbird-parent-message-info__menu-container, .sendbird-parent-message-info:hover .sendbird-parent-message-info__context-menu, .sendbird-parent-message-info:hover .sendbird-parent-message-info__reaction-menu, .sendbird-parent-message-info__context-menu.sendbird-mouse-hover, .sendbird-parent-message-info__reaction-menu.sendbird-mouse-hover { display: inline-flex; } .sendbird-parent-message-info__menu-container { flex-direction: row; position: absolute; top: 6px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info__menu-container { right: 12px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info__menu-container { left: 12px; } .sendbird-theme--light .sendbird-parent-message-info .sendbird-parent-message-info__content__body { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-parent-message-info .sendbird-parent-message-info__content__body { background-color: var(--sendbird-dark-background-600); } .sendbird-theme--light .sendbird-parent-message-info:hover, .sendbird-theme--light .sendbird-parent-message-info:hover .sendbird-parent-message-info__content__body { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-parent-message-info:hover, .sendbird-theme--dark .sendbird-parent-message-info:hover .sendbird-parent-message-info__content__body { background-color: var(--sendbird-dark-background-500); } .sendbird--mobile-mode .sendbird-parent-message-info.sendbird-thread-ui__parent-message-info:hover { background-color: transparent; } .sendbird-theme--light .sendbird-parent-message-info:hover .sendbird-emoji-reactions { border: 1px solid var(--sendbird-light-background-100); background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-parent-message-info:hover .sendbird-emoji-reactions { border: 1px solid var(--sendbird-dark-background-500); background-color: var(--sendbird-dark-background-500); } .parent-message-info--suggested-mention-list { width: 100%; margin-left: 0px; margin-right: 0px; min-height: 200px; } .parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item { padding-left: 16px; padding-right: 16px; } .parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname { max-width: 166px; } .parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id { max-width: 68px; } .sendbird-parent-message-info-item { margin-top: 8px; position: relative; } .sendbird-parent-message-info-item__text-message, .sendbird-parent-message-info-item__og-field { display: inline-block; white-space: pre-line; word-break: break-all; } .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info-item__text-message, .sendbird-conversation__messages[dir="ltr"] .sendbird-parent-message-info-item__og-field { padding-right: 4px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info-item__text-message, .sendbird-conversation__messages[dir="rtl"] .sendbird-parent-message-info-item__og-field { padding-left: 4px; } .sendbird-parent-message-info-item__og-field { display: inline-flex; flex-direction: column; margin-top: 4px; } .sendbird-parent-message-info-item__og-field__content { display: inline-flex; flex-direction: column; gap: 4px; padding: 8px 12px; } .sendbird-parent-message-info-item__file-message { align-items: center; display: inline-flex; flex-direction: row; gap: 8px; } .sendbird-parent-message-info-item__file-message__file-name { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sendbird-parent-message-info-item__thumbnail-message { display: block; height: 148px; position: relative; width: 200px; } .sendbird-parent-message-info-item__multiple-files-message-wrapper { padding: 0; } .sendbird-theme--light .sendbird-parent-message-info-item__multiple-files-message-wrapper { background-color: transparent; } .sendbird-theme--dark .sendbird-parent-message-info-item__multiple-files-message-wrapper { background-color: transparent; } .sendbird-parent-message-info-item__thumbnail-message__thumbnail { border-radius: 16px; position: absolute; } .sendbird-parent-message-info-item__thumbnail-message__placeholder { align-items: center; display: flex; height: 148px; justify-content: center; position: absolute; width: 100%; } .sendbird-parent-message-info-item__thumbnail-message__placeholder__icon { align-items: center; background-color: var(--sendbird-light-background-50); border-radius: 50%; display: flex; height: 56px; justify-content: center; width: 56px; } .sendbird-parent-message-info-item__thumbnail-message__image-cover { background-color: var(--sendbird-light-overlay-01); border-radius: 16px; display: none; height: 148px; position: absolute; top: 0; width: 100%; } .sendbird-parent-message-info-item__thumbnail-message__video { border-radius: 16px; height: 148px; position: absolute; width: 100%; } .sendbird-parent-message-info-item__thumbnail-message__icon-wrapper { align-items: center; display: flex; height: 148px; justify-content: center; position: absolute; width: 100%; } .sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon { align-items: center; background-color: var(--sendbird-light-ondark-01); border-radius: 50%; display: inline-flex; height: 56px; justify-content: center; width: 56px; } .sendbird-parent-message-info-item__thumbnail-message:hover { cursor: pointer; } .sendbird-parent-message-info-item__thumbnail-message:hover .sendbird-parent-message-info-item__thumbnail-message__image-cover { display: inline-flex; } .sendbird-parent-message-info-item__voice-message__item { height: 50px; min-width: 136px; } .sendbird-thread-list-item .sendbird-separator { margin: 4px 0px; } .sendbird-thread-list .sendbird-message-content__middle__sender-name { white-space: nowrap; max-width: 210px; overflow: hidden; text-overflow: ellipsis; } .sendbird-thread-list .sendbird-message-content.incoming .sendbird-message-content__middle { max-width: 200px; } .sendbird-thread-list .sendbird-thumbnail-message-item-body.outgoing { min-width: 200px; min-height: 148px; height: 148px; } .sendbird-thread-list .sendbird-message-content .sendbird-message-content__middle { max-width: 230px; } .sendbird-thread-list .sendbird-message-status__icon.sendbird-message-status--sent { display: none; } .sendbird-thread-list .sendbird-mention-suggest-list { width: 100%; margin-left: 0px; margin-right: 0px; } .sendbird-thread-list .sendbird-mention-suggest-list__user-item { padding-left: 16px; padding-right: 16px; } .sendbird-thread-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname { max-width: 134px; } .sendbird-thread-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id { max-width: 46px; } .sendbird-thread-list-item-content { position: relative; display: inline-flex; flex-direction: row; width: 100%; height: 100%; } .sendbird-thread-list-item-content.incoming { justify-content: flex-start; } .sendbird-thread-list-item-content.outgoing { justify-content: flex-end; } .sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle { max-width: 200px; } .sendbird--mobile-mode .sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle { max-width: calc(100vw - 100px); } .sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.use-quote { margin-top: -8px; bottom: -8px; } .sendbird-thread-list-item-content__middle__body-container { width: 100%; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left { position: relative; display: inline-flex; min-width: 40px; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar { position: absolute; bottom: 2px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar { left: 0px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar { right: 0px; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle { position: relative; display: inline-flex; flex-direction: column; align-items: flex-start; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at { position: absolute; bottom: 6px; white-space: nowrap; display: flex; flex-direction: row; min-width: 80px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at { right: -84px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at { left: -84px; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at.sendbird-mouse-hover { display: none; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name { position: relative; margin-bottom: 4px; width: 100%; overflow: hidden; text-overflow: ellipsis; } .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name { margin-left: 12px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name { margin-right: 12px; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message { position: relative; width: 100%; display: inline-flex; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.outgoing { justify-content: flex-end; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.incoming { justify-content: flex-start; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message:hover { cursor: pointer; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right { position: relative; display: inline-flex; width: 50px; padding-top: 18px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right { margin-left: 4px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right { margin-right: 4px; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.use-reactions { width: 70px; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.chain-top { padding-top: 2px; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.chain-top.use-quote { padding-top: 18px; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu { position: relative; flex-direction: row; height: 32px; display: none; } .sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu.sendbird-mouse-hover { display: inline-flex; } .sendbird-thread-list-item-content.incoming:hover .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu { display: inline-flex; } .sendbird-thread-list-item-content.incoming:hover .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at { display: none; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left { position: relative; box-sizing: border-box; display: inline-flex; justify-content: flex-end; width: 50px; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left.use-reactions { width: 70px; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left.use-quote .sendbird-thread-list-item-content-menu { top: 18px; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu { position: absolute; top: 2px; flex-direction: row; display: none; } .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu { right: 4px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu { left: 4px; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu.sendbird-mouse-hover { display: inline-flex; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle { position: relative; display: inline-flex; flex-direction: column; align-items: flex-end; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message { position: relative; width: 100%; display: inline-flex; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.outgoing { justify-content: flex-end; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.incoming { justify-content: flex-start; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container { position: relative; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at { position: absolute; bottom: 2px; white-space: nowrap; display: flex; justify-content: flex-end; box-sizing: content-box; min-width: 80px; min-height: 16px; } .sendbird-conversation__messages[dir="ltr"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at { left: -84px; } .sendbird-conversation__messages[dir="rtl"] .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at { right: -84px; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at.sendbird-mouse-hover { display: none; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at .sendbird-thread-list-item-content__middle__body-container__created-at__component-container { position: relative; display: inline-flex; } .sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__right { display: none; } .sendbird-thread-list-item-content.outgoing:hover .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu { display: inline-flex; } .sendbird-thread-list-item-content.outgoing:hover .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at { display: none; } .sendbird-thread-list-item-content__middle__body-container { position: relative; display: flex; flex-direction: column; } .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__message-item-body { width: 100%; box-sizing: border-box; } .sendbird-thread-list-item-content-reactions { position: relative; width: 100%; max-width: 400px; border-radius: 0px 0px 16px 16px; } .sendbird-theme--light .sendbird-thread-list-item-content-reactions { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-thread-list-item-content-reactions { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-thread-list-item-content-reactions.primary { background-color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-thread-list-item-content-reactions.primary { background-color: var(--sendbird-dark-primary-200); } .sendbird-theme--light .sendbird-thread-list-item-content-reactions.mouse-hover, .sendbird-theme--light .sendbird-thread-list-item-content-reactions:hover { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-thread-list-item-content-reactions.mouse-hover, .sendbird-theme--dark .sendbird-thread-list-item-content-reactions:hover { background-color: var(--sendbird-dark-background-400); } .sendbird-theme--light .sendbird-thread-list-item-content-reactions.mouse-hover.primary, .sendbird-theme--light .sendbird-thread-list-item-content-reactions:hover.primary { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-thread-list-item-content-reactions.mouse-hover.primary, .sendbird-theme--dark .sendbird-thread-list-item-content-reactions:hover.primary { background-color: var(--sendbird-dark-primary-300); } .sendbird-thread-list-item-content__middle__thread-replies { margin-top: 4px; } .sendbird-thread-list-item-content__middle__message-item-body.sendbird-og-message-item-body, .sendbird-thread-list-item-content__middle__message-item-body.sendbird-thumbnail-message-item-body { min-width: 200px; max-width: 200px; } .sendbird-thread-list-item-content__middle__message-item-body.sendbird-thumbnail-message-item-body { height: 148px; } .sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__placeholder, .sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper, .sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__video { height: 148px; } .sendbird-voice-message-item-body.sendbird-thread-list-item-content__middle__message-item-body { min-width: 136px; height: 50px; } .sendbird-thread-message-input .sendbird-mention-suggest-list { width: 100%; margin-left: 0px; margin-right: 0px; } .sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item { padding-left: 16px; padding-right: 16px; } .sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname { max-width: 134px; } .sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id { max-width: 46px; } .sendbird-theme--light .sendbird-thread-message-input--voice-message { border-top: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-thread-message-input--voice-message { border-top: 1px solid var(--sendbird-dark-ondark-04); } .sb_mobile { height: 100%; } .sb_mobile__panelwrap { height: 100%; } .sb-show-main { padding: 0 !important; } .sb_mobile__panelwrap .sendbird-thread { width: 100%; height: 100%; } .sb_mobile__panelwrap .sendbird-thread .sendbird-thread-ui { max-width: 100%; } .sb_mobile__panelwrap .sendbird-thread .sendbird-thread-ui .sendbird-thread-ui__header { width: 100%; } .sendbird-app__wrap { width: 100%; height: 100%; display: flex; box-sizing: border-box; } .sendbird-app__wrap .sendbird-app__searchpanel-wrap { width: 320px; min-width: 320px; overflow-x: hidden; overflow-y: scroll; box-sizing: border-box; } .sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap { border-top: 1px solid var(--sendbird-light-onlight-04); border-bottom: 1px solid var(--sendbird-light-onlight-04); } [dir="ltr"] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap { border-right: 1px solid var(--sendbird-light-onlight-04); } [dir="rtl"] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap { border-left: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap { border-top: 1px solid var(--sendbird-dark-background-600); border-bottom: 1px solid var(--sendbird-dark-background-600); } [dir="ltr"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap { border-right: 1px solid var(--sendbird-dark-background-600); } [dir="rtl"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap { border-left: 1px solid var(--sendbird-dark-background-600); } .sendbird-app__wrap .sendbird-app__conversation-wrap { flex: 1; position: relative; width: calc(100% - 320px); } .sendbird-app__wrap .sendbird-app__channellist-wrap { max-width: 320px; } .sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap { border-top: 1px solid var(--sendbird-light-onlight-04); border-bottom: 1px solid var(--sendbird-light-onlight-04); } [dir="ltr"] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap { border-left: 1px solid var(--sendbird-light-onlight-04); } [dir="rtl"] .sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap { border-right: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap { border-top: 1px solid var(--sendbird-dark-background-600); border-bottom: 1px solid var(--sendbird-dark-background-600); } [dir="ltr"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap { border-left: 1px solid var(--sendbird-dark-background-600); } [dir="rtl"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap { border-right: 1px solid var(--sendbird-dark-background-600); } .sendbird-theme--light .sendbird-app__wrap .sendbird-app__conversation--settings-open .sendbird-chat-header__info { background-color: var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__conversation--settings-open .sendbird-chat-header__info { background-color: var(--sendbird-dark-background-700); } [dir="ltr"] .sendbird-app__wrap .sendbird-chat-header__search { margin-right: 16px; } [dir="rtl"] .sendbird-app__wrap .sendbird-chat-header__search { margin-left: 16px; } .sendbird-theme--light .sendbird-app__wrap .sendbird-app__conversation--search-open .sendbird-chat-header__search { background-color: var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-app__wrap .sendbird-app__conversation--search-open .sendbird-chat-header__search { background-color: var(--sendbird-dark-background-700); } [dir="ltr"] .sendbird-app__wrap .sendbird-channel-settings { border-left: none; } [dir="rtl"] .sendbird-app__wrap .sendbird-channel-settings { border-right: none; } .sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings { border-top: 1px solid var(--sendbird-light-onlight-04); border-bottom: 1px solid var(--sendbird-light-onlight-04); } [dir="ltr"] .sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings { border-right: 1px solid var(--sendbird-light-onlight-04); } [dir="rtl"] .sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings { border-left: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings { border-top: 1px solid var(--sendbird-dark-background-600); border-bottom: 1px solid var(--sendbird-dark-background-600); } [dir="ltr"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings { border-right: 1px solid var(--sendbird-dark-background-600); } [dir="rtl"] .sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings { border-left: 1px solid var(--sendbird-dark-background-600); } .sendbird-app__wrap .sendbird-channel-settings .sendbird-channel-settings__header { height: 64px; } .sendbird-openchannel-conversation { position: relative; display: flex; flex-direction: column; height: 100%; width: 100%; } .sendbird-theme--light .sendbird-openchannel-conversation { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-openchannel-conversation { background-color: var(--sendbird-dark-background-600); } .sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll { overflow-y: auto; flex: 1 1 0; width: 100%; } .sendbird-openchannel-conversation .sendbird-openchannel-footer { padding: 12px 24px 24px 24px; } .sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll-container { display: flex; height: 100%; overflow-y: auto; overflow-x: hidden; flex-direction: column; } .sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll-container .sendbird-openchannel-conversation-scroll-padding { flex: 1 1 0; } .sendbird-frozen-channel-notification { position: relative; margin-top: 8px; margin-right: 24px; margin-left: 24px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .sendbird-theme--light .sendbird-frozen-channel-notification { background-color: var(--sendbird-light-information-100); } .sendbird-theme--dark .sendbird-frozen-channel-notification { background-color: var(--sendbird-dark-information-100); } .sendbird-oepnchannel-header__icon_back { position: absolute; top: 18px; } [dir="ltr"] .sendbird-oepnchannel-header__icon_back { left: 12px; } [dir="rtl"] .sendbird-oepnchannel-header__icon_back { right: 12px; } .sendbird-openchannel-conversation-header { position: relative; min-height: 64px; box-sizing: border-box; } .sendbird-theme--light .sendbird-openchannel-conversation-header { border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-openchannel-conversation-header { border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; max-width: calc(100% - 120px); } .sendbird--mobile-mode .sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title { max-width: calc(100% - 160px); } .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] { position: absolute; top: 16px; } [dir="ltr"] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] { left: 20px; } [dir="rtl"] .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] { right: 20px; } [dir="ltr"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] { left: 50px; } [dir="rtl"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image] { right: 50px; } .sendbird-openchannel-conversation-header__left__title { position: absolute; top: 12px; } [dir="ltr"] .sendbird-openchannel-conversation-header__left__title { left: 60px; } [dir="rtl"] .sendbird-openchannel-conversation-header__left__title { right: 60px; } [dir="ltr"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title { left: 90px; } [dir="rtl"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title { right: 90px; } .sendbird-openchannel-conversation-header__left__sub-title { position: absolute; top: 36px; } [dir="ltr"] .sendbird-openchannel-conversation-header__left__sub-title { left: 60px; } [dir="rtl"] .sendbird-openchannel-conversation-header__left__sub-title { right: 60px; } [dir="ltr"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title { left: 90px; } [dir="rtl"] .sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title { right: 90px; } .sendbird-openchannel-conversation-header__right { position: absolute; top: 0px; width: 64px; height: 64px; } [dir="ltr"] .sendbird-openchannel-conversation-header__right { right: 0px; } [dir="rtl"] .sendbird-openchannel-conversation-header__right { left: 0px; } .sendbird-openchannel-conversation-header__right__trigger { position: absolute; top: 16px; display: flex; align-items: center; justify-content: center; } [dir="ltr"] .sendbird-openchannel-conversation-header__right__trigger { right: 16px; } [dir="rtl"] .sendbird-openchannel-conversation-header__right__trigger { left: 16px; } .sendbird-openchannel-conversation-header__left__cover-image--icon { display: flex; justify-content: center; align-items: center; border-radius: 50%; } .sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon { background-color: var(--sendbird-light-background-300); } .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon { background-color: var(--sendbird-dark-background-300); } .sendbird-openchannel-conversation-scroll { position: relative; width: 100%; } .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container { position: sticky; width: 100%; bottom: 0px; height: 100%; overflow: hidden; } .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__padding { height: 8px; } .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container { width: 100%; height: 100%; overflow: scroll; } .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container.no-messages { width: 100%; height: 100%; } .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container.no-messages .sendbird-openchannel-conversation-scroll__container__place-holder { width: 100%; height: 100%; } .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button { position: absolute; display: flex; align-items: center; justify-content: center; bottom: 8px; width: 40px; height: 40px; border-radius: 24px; z-index: 1; } [dir="ltr"] .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button { left: calc(50% - 20px); } [dir="rtl"] .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button { right: calc(50% - 20px); } .sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button { background-color: var(--sendbird-light-primary-300); box-shadow: var(--sendbird-light-shadow-05); } .sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button { background-color: var(--sendbird-dark-primary-200); box-shadow: var(--sendbird-dark-shadow-05); } .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover { cursor: pointer; } .sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover { background-color: var(--sendbird-light-primary-400); } .sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover { background-color: var(--sendbird-dark-primary-300); } .sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active { background-color: var(--sendbird-light-primary-500); } .sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active { background-color: var(--sendbird-dark-primary-400); } .sendbird-open-channel-msg-hoc { min-width: 380px; } .sendbird-openchannel-user-message { position: relative; display: flex; flex-direction: row; width: 100%; } .sendbird-theme--light .sendbird-openchannel-user-message:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-openchannel-user-message:hover { background-color: var(--sendbird-dark-background-400); } .sendbird-openchannel-user-message:hover .sendbird-openchannel-user-message__context-menu { display: block; } .sendbird-openchannel-user-message .sendbird-openchannel-user-message__left { position: relative; display: flex; width: 52px; min-width: 52px; } .sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar { position: relative; display: flex; margin-top: 8px; } [dir="ltr"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar { margin-left: 24px; } [dir="rtl"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar { margin-right: 24px; } .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right { position: relative; display: flex; flex-direction: column; width: 100%; } [dir="ltr"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right { margin: 8px 24px 8px 12px; } [dir="rtl"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right { margin: 8px 12px 8px 24px; } .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top { position: relative; display: flex; margin-bottom: 2px; } .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sender-name { position: relative; display: flex; } .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at { position: relative; display: flex; } [dir="ltr"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at { margin-left: 4px; } [dir="rtl"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at { margin-right: 4px; } .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__bottom { position: relative; display: flex; width: 100%; } .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__bottom .sendbird-openchannel-user-message__right__bottom__message { position: relative; word-break: break-all; white-space: pre-line; } .sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__tail { position: relative; top: 2px; } .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu { position: absolute; display: none; } [dir="ltr"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu { right: 16px; } [dir="rtl"] .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu { left: 16px; } .sendbird-theme--light .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon:hover { background-color: var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon:hover { background-color: var(--sendbird-dark-background-700); } .sendbird-openchannel__mobile-menu-hyperlink { display: block; width: 100%; text-decoration: none; color: inherit; font-size: inherit; font-weight: inherit; font-stretch: normal; font-style: normal; line-height: inherit; letter-spacing: inherit; font-family: inherit; } .sendbird-openchannel-admin-message { position: relative; margin: 16px 24px; padding: 12px 16px; border-radius: 4px; } .sendbird-theme--light .sendbird-openchannel-admin-message { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-openchannel-admin-message { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-openchannel-admin-message:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-openchannel-admin-message:hover { background-color: var(--sendbird-dark-background-400); } .sendbird-openchannel-admin-message .sendbird-openchannel-admin-message__text { word-wrap: break-word; } .sendbird-openchannel-og-message { position: relative; display: flex; flex-direction: column; width: 100%; } .sendbird-theme--light .sendbird-openchannel-og-message:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-openchannel-og-message:hover { background-color: var(--sendbird-dark-background-400); } .sendbird-openchannel-og-message:hover .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu { display: block; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top { box-sizing: border-box; position: relative; display: flex; flex-direction: row; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left { position: relative; display: flex; width: 52px; min-width: 52px; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar { position: absolute; display: flex; top: 8px; } [dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar { left: 24px; } [dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar { right: 24px; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right { position: relative; display: flex; box-sizing: border-box; flex-direction: column; } [dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right { margin: 8px 24px 8px 12px; } [dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right { margin: 8px 12px 8px 24px; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title { position: relative; display: flex; margin-bottom: 2px; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sender-name { position: relative; display: flex; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at { position: relative; display: flex; } [dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at { margin-left: 4px; } [dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at { margin-right: 4px; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message { position: relative; display: inline; white-space: pre-wrap; word-break: break-all; } .sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message .sendbird-word .sendbird-word__url { color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message .sendbird-word .sendbird-word__url { color: var(--sendbird-dark-primary-200); } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu { position: absolute; display: none; } [dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu { right: 16px; } [dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu { left: 16px; } .sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon:hover { background-color: var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon:hover { background-color: var(--sendbird-dark-background-700); } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom { position: relative; display: inline; margin-bottom: 8px; width: 100%; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag { position: relative; display: inline-block; box-sizing: border-box; width: 360px; padding: 12px 12px 4px 12px; border-radius: 8px; } [dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag { left: 64px; } [dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag { right: 64px; } .sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag { border: solid 1px var(--sendbird-light-onlight-04); background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag { border: solid 1px var(--sendbird-dark-ondark-04); background-color: var(--sendbird-dark-background-500); } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__url { position: relative; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px; max-width: 336px; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title { position: relative; display: inline-block; white-space: pre-wrap; overflow-wrap: normal; margin-bottom: 8px; max-width: 336px; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover { cursor: pointer; } .sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover { color: var(--sendbird-light-primary-300); } .sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover { color: var(--sendbird-dark-primary-200); } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__description { position: relative; display: block; white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; max-height: 32px; margin-bottom: 8px; width: 100%; max-width: 336px; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail { box-sizing: border-box; position: relative; display: block; margin-top: 4px; margin-bottom: 8px; width: 100%; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail:hover { cursor: pointer; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail .sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image { border-radius: 8px; width: 100%; min-width: 200px; max-width: 336px; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail .sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder { border-radius: 8px; width: 100%; min-width: 200px; max-width: 336px; } .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail { position: relative; top: 2px; } [dir="ltr"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail { left: 64px; } [dir="rtl"] .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail { right: 64px; } .sendbird-openchannel-og-message--word { display: inline; margin: 0px 2px; word-break: break-all; } .sendbird-openchannel-thumbnail-message { position: relative; display: flex; flex-direction: row; } .sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover { background-color: var(--sendbird-dark-background-400); } .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu { display: block; } .sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon:hover { background-color: var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon:hover { background-color: var(--sendbird-dark-background-700); } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left { position: relative; display: flex; width: 52px; min-width: 52px; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar { position: absolute; display: inline; margin-top: 8px; } [dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar { margin-left: 28px; } [dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar { margin-right: 28px; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right { position: relative; display: flex; flex-direction: column; margin-top: 8px; margin-bottom: 8px; width: calc(100% - 64px); } [dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right { margin-left: 12px; } [dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right { margin-right: 12px; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title { position: relative; display: inline; margin-bottom: 4px; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name { position: relative; display: inline; } [dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name { margin-right: 4px; } [dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name { margin-left: 4px; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sent-at { position: relative; display: inline; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body { position: relative; display: flex; border-radius: 8px; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body:hover .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay { opacity: 1; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap { position: relative; box-sizing: border-box; width: 100%; max-width: 360px; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay { position: absolute; opacity: 0; width: 100%; height: 100%; max-width: 360px; top: 0px; border-radius: 8px; cursor: pointer; } [dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay { left: 0px; } [dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay { right: 0px; } .sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay { background-color: var(--sendbird-light-overlay-02); } .sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay { background-color: var(--sendbird-dark-overlay-02); } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 270px; overflow: hidden; border-radius: 8px; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video:hover { cursor: pointer; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__video { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius: 8px; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon { position: absolute; top: calc(50% - 28px); } [dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon { left: calc(50% - 28px); } [dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon { right: calc(50% - 28px); } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon { padding: 107px 152px 107px 152px; border-radius: 8px; } .sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon { background-color: var(--sendbird-dark-background-500); } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image { border-radius: 8px; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon { padding: 107px 152px 107px 152px; border-radius: 8px; } .sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon { background-color: var(--sendbird-dark-background-500); } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown { padding: 107px 152px 107px 152px; border-radius: 8px; } .sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown { background-color: var(--sendbird-dark-background-500); } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__tail { position: relative; top: 2px; } .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu { position: absolute; display: none; top: 8px; } [dir="ltr"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu { right: 16px; } [dir="rtl"] .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu { left: 16px; } .sendbird-openchannel-file-message { position: relative; display: flex; flex-direction: row; } .sendbird-theme--light .sendbird-openchannel-file-message:hover { background-color: var(--sendbird-light-background-100); } .sendbird-theme--dark .sendbird-openchannel-file-message:hover { background-color: var(--sendbird-dark-background-400); } .sendbird-openchannel-file-message:hover .sendbird-openchannel-file-message__context-menu { display: block; } .sendbird-openchannel-file-message .sendbird-openchannel-file-message__left { position: relative; display: flex; width: 52px; min-width: 52px; } .sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar { position: absolute; display: block; margin-top: 8px; } [dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar { margin-left: 24px; } [dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar { margin-right: 24px; } .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right { position: relative; display: flex; flex-direction: column; margin-bottom: 4px; width: calc(100% - 64px); } [dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right { margin-left: 12px; } [dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right { margin-right: 12px; } .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title { position: relative; display: flex; margin-top: 8px; } .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sender-name { position: relative; display: flex; } .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at { position: relative; display: flex; } [dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at { margin-left: 4px; } [dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at { margin-right: 4px; } .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body { position: relative; display: flex; margin-top: 4px; margin-bottom: 4px; border-radius: 8px; max-width: 360px; } .sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body { background-color: var(--sendbird-light-background-100); border: solid 1px var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body { background-color: var(--sendbird-dark-background-500); border: solid 1px var(--sendbird-dark-ondark-04); } .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon { position: relative; display: inline-block; margin: 8px; border-radius: 8.6px; } .sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon { background-color: var(--sendbird-dark-background-600); } .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name { position: relative; display: flex; margin-top: 22px; overflow: hidden; height: 20px; max-height: 20px; } [dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name { margin-right: 16px; margin-left: 4px; } [dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name { margin-left: 16px; margin-right: 4px; } .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name .sendbird-openchannel-file-message__right__body__file-name__label { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu { position: absolute; display: none; top: 8px; } [dir="ltr"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu { right: 16px; } [dir="rtl"] .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu { left: 16px; } .sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon { background-color: var(--sendbird-light-background-200); } .sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon { background-color: var(--sendbird-dark-background-500); } .sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon:hover { background-color: var(--sendbird-light-primary-100); } .sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon:hover { background-color: var(--sendbird-dark-background-700); } .sendbird-openchannel-settings { height: 100%; width: 320px; display: inline-block; overflow-y: scroll; position: relative; } .sendbird--mobile-mode .sendbird-openchannel-settings { width: 100%; } .sendbird-theme--light .sendbird-openchannel-settings { background-color: var(--sendbird-light-background-50); } [dir="ltr"] .sendbird-theme--light .sendbird-openchannel-settings { border-left: 1px solid var(--sendbird-light-onlight-04); } [dir="rtl"] .sendbird-theme--light .sendbird-openchannel-settings { border-right: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-openchannel-settings { background-color: var(--sendbird-dark-background-600); } [dir="ltr"] .sendbird-theme--dark .sendbird-openchannel-settings { border-left: 1px solid var(--sendbird-dark-ondark-04); } [dir="rtl"] .sendbird-theme--dark .sendbird-openchannel-settings { border-right: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-openchannel-settings .sendbird-participants-accordion__footer { padding-top: 16px; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__footer { text-align: left; padding-left: 16px; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__footer { text-align: right; padding-right: 16px; } .sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon { position: absolute; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon { left: 14px; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon { right: 14px; } .sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon, .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete { position: absolute; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon, [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete { left: 16px; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon, [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete { right: 16px; } .sendbird-openchannel-settings .sendbird-openchannel-settings__participant { height: 100%; } .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__participant-list { padding-top: 64px; height: calc(100% - 64px); overflow-y: scroll; } .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header { display: block; width: 100%; position: absolute; top: 0; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header { left: 0; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header { right: 0; } .sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header { background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header { background-color: var(--sendbird-dark-background-600); } [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion, [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__delete-channel { text-align: left; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion, [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__delete-channel { text-align: right; } .sendbird-openchannel-settings .sendbird-openchannel-settings__members .sendbird-badge__text { margin-top: -2px; } .sendbird-openchannel-settings .sendbird-openchannel-settings__header { height: 64px; min-height: 64px; position: relative; padding: 20px 24px; box-sizing: border-box; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__header { text-align: left; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__header { text-align: right; } .sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__header { border-bottom: solid 1px var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__header { border-bottom: solid 1px var(--sendbird-dark-ondark-04); } .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon { cursor: pointer; position: absolute; top: 20px; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon { right: 16px; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon { left: 16px; } .sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon path { fill: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon path { fill: var(--sendbird-dark-ondark-01); } .sendbird-openchannel-settings .sendbird-openchannel-settings__placeholder { margin-top: 40%; } .sendbird-openchannel-settings .sendbird-openchannel-settings__url { padding: 16px; box-sizing: border-box; position: relative; } .sendbird-openchannel-settings .sendbird-openchannel-settings__url:hover .sendbird-openchannel-settings__copy-icon { display: inline-block; } .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon { cursor: pointer; position: absolute; display: none; top: 10px; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon { right: 18px; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon { left: 18px; } .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value { margin-top: 8px; } .sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value { color: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value { color: var(--sendbird-dark-ondark-01); } .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value, .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label { display: block; word-wrap: break-word; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value, [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label { text-align: left; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value, [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label { text-align: right; } .sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__url { background-color: var(--sendbird-light-background-50); border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__url { background-color: var(--sendbird-dark-background-600); border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item { display: block; cursor: pointer; box-sizing: border-box; position: relative; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item { padding: 12px 22px 10px 56px; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item { padding: 12px 56px 10px 22px; } .sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item { background-color: var(--sendbird-light-background-50); border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item { background-color: var(--sendbird-dark-background-600); border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item:focus { outline: none; } .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item.sendbird-channel-settings__panel-item__disabled { cursor: not-allowed; } .sendbird-openchannel-settings .sendbird-participants-accordion__member { position: relative; width: 100%; height: 40px; box-sizing: border-box; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member { padding: 12px 0px 12px 56px; text-align: left; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member { padding: 12px 56px 12px 0px; text-align: right; } .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-label { max-width: 190px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator, .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator, .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id { position: absolute; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator, [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator, [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id { right: 16px; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator, [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator, [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id { left: 16px; } .sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__action { display: none; } .sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__title.operator, .sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__title.user-id { display: none; } .sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__action { display: inline-block; } .sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar { position: absolute; top: 10px; cursor: pointer; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar { left: 16px; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar { right: 16px; } .sendbird-openchannel-settings .sendbird-participants-accordion__member__action { position: absolute; display: none; top: 4px; cursor: pointer; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-participants-accordion__member__action { right: 8px; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-participants-accordion__member__action { left: 8px; } .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer, .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer, .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer, .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer { padding-top: 16px; display: flex; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer, [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer, [dir="ltr"] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer, [dir="ltr"] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer { justify-content: left; padding-left: 12px; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer, [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer, [dir="rtl"] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer, [dir="rtl"] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer { justify-content: right; padding-right: 12px; } [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer .sendbird-button:nth-child(2), [dir="ltr"] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer .sendbird-button:nth-child(2), [dir="ltr"] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer .sendbird-button:nth-child(2), [dir="ltr"] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer .sendbird-button:nth-child(2) { margin-left: 8px; } [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer .sendbird-button:nth-child(2), [dir="rtl"] .sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer .sendbird-button:nth-child(2), [dir="rtl"] .sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer .sendbird-button:nth-child(2), [dir="rtl"] .sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer .sendbird-button:nth-child(2) { margin-right: 8px; } .sendbird-participants-accordion__member-avatar__avatar { position: absolute; } .sendbird-more-users__popup-scroll { max-height: 420px; overflow: scroll; } .sendbird-openchannel-profile { position: relative; text-align: center; padding: 32px 40px 27px 40px; } .sendbird-theme--light .sendbird-openchannel-profile { border-bottom: 1px solid var(--sendbird-light-onlight-04); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-openchannel-profile { border-bottom: 1px solid var(--sendbird-dark-ondark-04); background-color: var(--sendbird-dark-background-600); } .sendbird-openchannel-profile .sendbird-openchannel-profile--inner { height: 116px; } .sendbird-openchannel-profile .sendbird-openchannel-profile__avatar { margin-bottom: 16px; text-align: center; } .sendbird-openchannel-profile .sendbird-openchannel-profile__title { display: inline-block; max-width: 240px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; height: 18px; } .sendbird-openchannel-profile .sendbird-openchannel-profile__edit { position: absolute; top: 10px; } [dir="ltr"] .sendbird-openchannel-profile .sendbird-openchannel-profile__edit { right: 16px; } [dir="rtl"] .sendbird-openchannel-profile .sendbird-openchannel-profile__edit { left: 16px; } .sendbird-theme--light .sendbird-accordion.sendbird-accordion--closed { border-bottom: 0px; } .sendbird-theme--dark .sendbird-accordion.sendbird-accordion--closed { border-bottom: 0px; } .sendbird-accordion { position: relative; box-sizing: border-box; } .sendbird-theme--light .sendbird-accordion { border-bottom: 1px solid var(--sendbird-light-onlight-04); background-color: var(--sendbird-light-background-50); } .sendbird-theme--dark .sendbird-accordion { border-bottom: 1px solid var(--sendbird-dark-ondark-04); background-color: var(--sendbird-dark-background-600); } .sendbird-accordion .sendbird-accordion__member { position: relative; height: 40px; box-sizing: border-box; } [dir="ltr"] .sendbird-accordion .sendbird-accordion__member { padding: 12px 0px 12px 44px; } [dir="rtl"] .sendbird-accordion .sendbird-accordion__member { padding: 12px 44px 12px 0px; } .sendbird-accordion .sendbird-accordion__footer { display: flex; justify-content: flex-start; margin-top: 8px; } .sendbird-accordion__list { padding-top: 8px; padding-bottom: 16px; } .sendbird-accordion__panel-header { cursor: pointer; position: relative; } [dir="ltr"] .sendbird-accordion__panel-header { padding: 12px 22px 10px 56px; } [dir="rtl"] .sendbird-accordion__panel-header { padding: 12px 56px 10px 22px; } .sendbird-theme--light .sendbird-accordion__panel-header { background-color: var(--sendbird-light-background-50); border-bottom: 1px solid var(--sendbird-light-onlight-04); } .sendbird-theme--dark .sendbird-accordion__panel-header { background-color: var(--sendbird-dark-background-600); border-bottom: 1px solid var(--sendbird-dark-ondark-04); } .sendbird-accordion__panel-header:focus { outline: none; } .sendbird-accordion__panel-header.sendbird-accordion__panel-item__disabled { cursor: not-allowed; } .sendbird-accordion__panel-icon-left, .sendbird-accordion__panel-icon-right { position: absolute; top: 10px; } [dir="ltr"] .sendbird-accordion__panel-icon-left { left: 16px; } [dir="rtl"] .sendbird-accordion__panel-icon-left { right: 16px; } [dir="ltr"] .sendbird-accordion__panel-icon-right { right: 16px; } [dir="rtl"] .sendbird-accordion__panel-icon-right { left: 16px; transform: rotate(180deg); } [dir="ltr"] .sendbird-accordion__panel-icon--open { transform: rotate(90deg); } [dir="rtl"] .sendbird-accordion__panel-icon--open { transform: rotate(-90deg); } .sendbird-theme--light .sendbird-accordion__panel-icon--chevron path { fill: var(--sendbird-light-onlight-01); } .sendbird-theme--dark .sendbird-accordion__panel-icon--chevron path { fill: var(--sendbird-dark-ondark-01); } .sendbird-theme--light .sendbird-accordion__panel-icon__leave path { fill: var(--sendbird-light-error-300); } .sendbird-theme--dark .sendbird-accordion__panel-icon__leave path { fill: var(--sendbird-dark-error-300); } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (6) ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* You can add global styles to this file, and also import other style files */ .w-11 { width: 11% !important; } .w-17 { width: 17% !important; } .w-20 { width: 20% !important; } .w-25 { width: 25% !important; } .w-34 { width: 34% !important; } .w-50 { width: 50% !important; } .w-52 { width: 52% !important; } .w-66 { width: 66% !important; } .w-75 { width: 75% !important; } .w-90 { width: 90% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 500 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } :root { font-family: "Figtree", sans-serif; --app-primary-color: #3c84c7; --app-primary-color-100: #c5daee; --app-primary-color-400: #3677b3; } .semi-middle-headline { font-size: 32px; } .large-headline { font-size: 36px; line-height: 32px; letter-spacing: 1px; } .middle-headline { font-size: 28px; line-height: 40px; letter-spacing: -1px; } .small-headline { font-size: 16px; letter-spacing: 1px; } .paragraph-text { font-family: Rubik, SansSerif, serif; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #444; } .headline-text { color: black; } .headline-subtext { color: #535353; opacity: 0.65; } .info-text { font-family: Rubik, SansSerif, serif; font-size: 14px; line-height: 20px; color: #444; } .small-text { font-size: 12px; } .dashboard-text { font-size: 13px; color: white; font-weight: 400; } .field-subtitle { font-size: 13px; color: rgba(0, 0, 0, 0.35); } .field-secondary-title { font-size: 13px; font-weight: 400; } .field-main-title { font-size: 17px; font-weight: 400; } .navigation-link { font-size: 13px; color: #01bc66; transition: all ease 0.3s; } .navigation-link:hover { color: #77a9d8 !important; } .popover-title { font-size: 14px; font-weight: 400; } .popover-subtitle { font-size: 13px; font-weight: 400; opacity: 0.8; } .widget-title { font-size: 15px; } .widget-second-subtitle { font-size: 13px; color: rgba(0, 0, 0, 0.35); } :root { font-family: "Figtree", sans-serif; --app-primary-color: #3c84c7; --app-primary-color-100: #c5daee; --app-primary-color-400: #3677b3; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-top-0 { margin-top: 0px !important; } .margin-right-0 { margin-right: 0px !important; } .margin-left-0 { margin-left: 0px !important; } .padding-top-0 { padding-top: 0px; } .padding-bottom-0 { padding-bottom: 0px; } .padding-right-0 { padding-right: 0px; } .padding-left-0 { padding-left: 0px; } .padding-0 { padding: 0px; } .px-0 { padding: 0 0px; } .py-0 { padding: 0px 0; } .my-0 { margin: 0px 0; } .mx-0 { margin: 0 0px; } .fs-0 { font-size: 0px !important; } .lh-0 { line-height: 0px !important; } .gap-0 { gap: 0px; } .row-gap-0 { row-gap: 0px; } .height-0 { height: 0px !important; } .margin-bottom-1 { margin-bottom: 1px !important; } .margin-top-1 { margin-top: 1px !important; } .margin-right-1 { margin-right: 1px !important; } .margin-left-1 { margin-left: 1px !important; } .padding-top-1 { padding-top: 1px; } .padding-bottom-1 { padding-bottom: 1px; } .padding-right-1 { padding-right: 1px; } .padding-left-1 { padding-left: 1px; } .padding-1 { padding: 1px; } .px-1 { padding: 0 1px; } .py-1 { padding: 1px 0; } .my-1 { margin: 1px 0; } .mx-1 { margin: 0 1px; } .fs-1 { font-size: 1px !important; } .lh-1 { line-height: 1px !important; } .gap-1 { gap: 1px; } .row-gap-1 { row-gap: 1px; } .height-1 { height: 1px !important; } .margin-bottom-2 { margin-bottom: 2px !important; } .margin-top-2 { margin-top: 2px !important; } .margin-right-2 { margin-right: 2px !important; } .margin-left-2 { margin-left: 2px !important; } .padding-top-2 { padding-top: 2px; } .padding-bottom-2 { padding-bottom: 2px; } .padding-right-2 { padding-right: 2px; } .padding-left-2 { padding-left: 2px; } .padding-2 { padding: 2px; } .px-2 { padding: 0 2px; } .py-2 { padding: 2px 0; } .my-2 { margin: 2px 0; } .mx-2 { margin: 0 2px; } .fs-2 { font-size: 2px !important; } .lh-2 { line-height: 2px !important; } .gap-2 { gap: 2px; } .row-gap-2 { row-gap: 2px; } .height-2 { height: 2px !important; } .margin-bottom-3 { margin-bottom: 3px !important; } .margin-top-3 { margin-top: 3px !important; } .margin-right-3 { margin-right: 3px !important; } .margin-left-3 { margin-left: 3px !important; } .padding-top-3 { padding-top: 3px; } .padding-bottom-3 { padding-bottom: 3px; } .padding-right-3 { padding-right: 3px; } .padding-left-3 { padding-left: 3px; } .padding-3 { padding: 3px; } .px-3 { padding: 0 3px; } .py-3 { padding: 3px 0; } .my-3 { margin: 3px 0; } .mx-3 { margin: 0 3px; } .fs-3 { font-size: 3px !important; } .lh-3 { line-height: 3px !important; } .gap-3 { gap: 3px; } .row-gap-3 { row-gap: 3px; } .height-3 { height: 3px !important; } .margin-bottom-4 { margin-bottom: 4px !important; } .margin-top-4 { margin-top: 4px !important; } .margin-right-4 { margin-right: 4px !important; } .margin-left-4 { margin-left: 4px !important; } .padding-top-4 { padding-top: 4px; } .padding-bottom-4 { padding-bottom: 4px; } .padding-right-4 { padding-right: 4px; } .padding-left-4 { padding-left: 4px; } .padding-4 { padding: 4px; } .px-4 { padding: 0 4px; } .py-4 { padding: 4px 0; } .my-4 { margin: 4px 0; } .mx-4 { margin: 0 4px; } .fs-4 { font-size: 4px !important; } .lh-4 { line-height: 4px !important; } .gap-4 { gap: 4px; } .row-gap-4 { row-gap: 4px; } .height-4 { height: 4px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-left-5 { margin-left: 5px !important; } .padding-top-5 { padding-top: 5px; } .padding-bottom-5 { padding-bottom: 5px; } .padding-right-5 { padding-right: 5px; } .padding-left-5 { padding-left: 5px; } .padding-5 { padding: 5px; } .px-5 { padding: 0 5px; } .py-5 { padding: 5px 0; } .my-5 { margin: 5px 0; } .mx-5 { margin: 0 5px; } .fs-5 { font-size: 5px !important; } .lh-5 { line-height: 5px !important; } .gap-5 { gap: 5px; } .row-gap-5 { row-gap: 5px; } .height-5 { height: 5px !important; } .margin-bottom-6 { margin-bottom: 6px !important; } .margin-top-6 { margin-top: 6px !important; } .margin-right-6 { margin-right: 6px !important; } .margin-left-6 { margin-left: 6px !important; } .padding-top-6 { padding-top: 6px; } .padding-bottom-6 { padding-bottom: 6px; } .padding-right-6 { padding-right: 6px; } .padding-left-6 { padding-left: 6px; } .padding-6 { padding: 6px; } .px-6 { padding: 0 6px; } .py-6 { padding: 6px 0; } .my-6 { margin: 6px 0; } .mx-6 { margin: 0 6px; } .fs-6 { font-size: 6px !important; } .lh-6 { line-height: 6px !important; } .gap-6 { gap: 6px; } .row-gap-6 { row-gap: 6px; } .height-6 { height: 6px !important; } .margin-bottom-7 { margin-bottom: 7px !important; } .margin-top-7 { margin-top: 7px !important; } .margin-right-7 { margin-right: 7px !important; } .margin-left-7 { margin-left: 7px !important; } .padding-top-7 { padding-top: 7px; } .padding-bottom-7 { padding-bottom: 7px; } .padding-right-7 { padding-right: 7px; } .padding-left-7 { padding-left: 7px; } .padding-7 { padding: 7px; } .px-7 { padding: 0 7px; } .py-7 { padding: 7px 0; } .my-7 { margin: 7px 0; } .mx-7 { margin: 0 7px; } .fs-7 { font-size: 7px !important; } .lh-7 { line-height: 7px !important; } .gap-7 { gap: 7px; } .row-gap-7 { row-gap: 7px; } .height-7 { height: 7px !important; } .margin-bottom-8 { margin-bottom: 8px !important; } .margin-top-8 { margin-top: 8px !important; } .margin-right-8 { margin-right: 8px !important; } .margin-left-8 { margin-left: 8px !important; } .padding-top-8 { padding-top: 8px; } .padding-bottom-8 { padding-bottom: 8px; } .padding-right-8 { padding-right: 8px; } .padding-left-8 { padding-left: 8px; } .padding-8 { padding: 8px; } .px-8 { padding: 0 8px; } .py-8 { padding: 8px 0; } .my-8 { margin: 8px 0; } .mx-8 { margin: 0 8px; } .fs-8 { font-size: 8px !important; } .lh-8 { line-height: 8px !important; } .gap-8 { gap: 8px; } .row-gap-8 { row-gap: 8px; } .height-8 { height: 8px !important; } .margin-bottom-9 { margin-bottom: 9px !important; } .margin-top-9 { margin-top: 9px !important; } .margin-right-9 { margin-right: 9px !important; } .margin-left-9 { margin-left: 9px !important; } .padding-top-9 { padding-top: 9px; } .padding-bottom-9 { padding-bottom: 9px; } .padding-right-9 { padding-right: 9px; } .padding-left-9 { padding-left: 9px; } .padding-9 { padding: 9px; } .px-9 { padding: 0 9px; } .py-9 { padding: 9px 0; } .my-9 { margin: 9px 0; } .mx-9 { margin: 0 9px; } .fs-9 { font-size: 9px !important; } .lh-9 { line-height: 9px !important; } .gap-9 { gap: 9px; } .row-gap-9 { row-gap: 9px; } .height-9 { height: 9px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-left-10 { margin-left: 10px !important; } .padding-top-10 { padding-top: 10px; } .padding-bottom-10 { padding-bottom: 10px; } .padding-right-10 { padding-right: 10px; } .padding-left-10 { padding-left: 10px; } .padding-10 { padding: 10px; } .px-10 { padding: 0 10px; } .py-10 { padding: 10px 0; } .my-10 { margin: 10px 0; } .mx-10 { margin: 0 10px; } .fs-10 { font-size: 10px !important; } .lh-10 { line-height: 10px !important; } .gap-10 { gap: 10px; } .row-gap-10 { row-gap: 10px; } .height-10 { height: 10px !important; } .margin-bottom-11 { margin-bottom: 11px !important; } .margin-top-11 { margin-top: 11px !important; } .margin-right-11 { margin-right: 11px !important; } .margin-left-11 { margin-left: 11px !important; } .padding-top-11 { padding-top: 11px; } .padding-bottom-11 { padding-bottom: 11px; } .padding-right-11 { padding-right: 11px; } .padding-left-11 { padding-left: 11px; } .padding-11 { padding: 11px; } .px-11 { padding: 0 11px; } .py-11 { padding: 11px 0; } .my-11 { margin: 11px 0; } .mx-11 { margin: 0 11px; } .fs-11 { font-size: 11px !important; } .lh-11 { line-height: 11px !important; } .gap-11 { gap: 11px; } .row-gap-11 { row-gap: 11px; } .height-11 { height: 11px !important; } .margin-bottom-12 { margin-bottom: 12px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-right-12 { margin-right: 12px !important; } .margin-left-12 { margin-left: 12px !important; } .padding-top-12 { padding-top: 12px; } .padding-bottom-12 { padding-bottom: 12px; } .padding-right-12 { padding-right: 12px; } .padding-left-12 { padding-left: 12px; } .padding-12 { padding: 12px; } .px-12 { padding: 0 12px; } .py-12 { padding: 12px 0; } .my-12 { margin: 12px 0; } .mx-12 { margin: 0 12px; } .fs-12 { font-size: 12px !important; } .lh-12 { line-height: 12px !important; } .gap-12 { gap: 12px; } .row-gap-12 { row-gap: 12px; } .height-12 { height: 12px !important; } .margin-bottom-13 { margin-bottom: 13px !important; } .margin-top-13 { margin-top: 13px !important; } .margin-right-13 { margin-right: 13px !important; } .margin-left-13 { margin-left: 13px !important; } .padding-top-13 { padding-top: 13px; } .padding-bottom-13 { padding-bottom: 13px; } .padding-right-13 { padding-right: 13px; } .padding-left-13 { padding-left: 13px; } .padding-13 { padding: 13px; } .px-13 { padding: 0 13px; } .py-13 { padding: 13px 0; } .my-13 { margin: 13px 0; } .mx-13 { margin: 0 13px; } .fs-13 { font-size: 13px !important; } .lh-13 { line-height: 13px !important; } .gap-13 { gap: 13px; } .row-gap-13 { row-gap: 13px; } .height-13 { height: 13px !important; } .margin-bottom-14 { margin-bottom: 14px !important; } .margin-top-14 { margin-top: 14px !important; } .margin-right-14 { margin-right: 14px !important; } .margin-left-14 { margin-left: 14px !important; } .padding-top-14 { padding-top: 14px; } .padding-bottom-14 { padding-bottom: 14px; } .padding-right-14 { padding-right: 14px; } .padding-left-14 { padding-left: 14px; } .padding-14 { padding: 14px; } .px-14 { padding: 0 14px; } .py-14 { padding: 14px 0; } .my-14 { margin: 14px 0; } .mx-14 { margin: 0 14px; } .fs-14 { font-size: 14px !important; } .lh-14 { line-height: 14px !important; } .gap-14 { gap: 14px; } .row-gap-14 { row-gap: 14px; } .height-14 { height: 14px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-left-15 { margin-left: 15px !important; } .padding-top-15 { padding-top: 15px; } .padding-bottom-15 { padding-bottom: 15px; } .padding-right-15 { padding-right: 15px; } .padding-left-15 { padding-left: 15px; } .padding-15 { padding: 15px; } .px-15 { padding: 0 15px; } .py-15 { padding: 15px 0; } .my-15 { margin: 15px 0; } .mx-15 { margin: 0 15px; } .fs-15 { font-size: 15px !important; } .lh-15 { line-height: 15px !important; } .gap-15 { gap: 15px; } .row-gap-15 { row-gap: 15px; } .height-15 { height: 15px !important; } .margin-bottom-16 { margin-bottom: 16px !important; } .margin-top-16 { margin-top: 16px !important; } .margin-right-16 { margin-right: 16px !important; } .margin-left-16 { margin-left: 16px !important; } .padding-top-16 { padding-top: 16px; } .padding-bottom-16 { padding-bottom: 16px; } .padding-right-16 { padding-right: 16px; } .padding-left-16 { padding-left: 16px; } .padding-16 { padding: 16px; } .px-16 { padding: 0 16px; } .py-16 { padding: 16px 0; } .my-16 { margin: 16px 0; } .mx-16 { margin: 0 16px; } .fs-16 { font-size: 16px !important; } .lh-16 { line-height: 16px !important; } .gap-16 { gap: 16px; } .row-gap-16 { row-gap: 16px; } .height-16 { height: 16px !important; } .margin-bottom-17 { margin-bottom: 17px !important; } .margin-top-17 { margin-top: 17px !important; } .margin-right-17 { margin-right: 17px !important; } .margin-left-17 { margin-left: 17px !important; } .padding-top-17 { padding-top: 17px; } .padding-bottom-17 { padding-bottom: 17px; } .padding-right-17 { padding-right: 17px; } .padding-left-17 { padding-left: 17px; } .padding-17 { padding: 17px; } .px-17 { padding: 0 17px; } .py-17 { padding: 17px 0; } .my-17 { margin: 17px 0; } .mx-17 { margin: 0 17px; } .fs-17 { font-size: 17px !important; } .lh-17 { line-height: 17px !important; } .gap-17 { gap: 17px; } .row-gap-17 { row-gap: 17px; } .height-17 { height: 17px !important; } .margin-bottom-18 { margin-bottom: 18px !important; } .margin-top-18 { margin-top: 18px !important; } .margin-right-18 { margin-right: 18px !important; } .margin-left-18 { margin-left: 18px !important; } .padding-top-18 { padding-top: 18px; } .padding-bottom-18 { padding-bottom: 18px; } .padding-right-18 { padding-right: 18px; } .padding-left-18 { padding-left: 18px; } .padding-18 { padding: 18px; } .px-18 { padding: 0 18px; } .py-18 { padding: 18px 0; } .my-18 { margin: 18px 0; } .mx-18 { margin: 0 18px; } .fs-18 { font-size: 18px !important; } .lh-18 { line-height: 18px !important; } .gap-18 { gap: 18px; } .row-gap-18 { row-gap: 18px; } .height-18 { height: 18px !important; } .margin-bottom-19 { margin-bottom: 19px !important; } .margin-top-19 { margin-top: 19px !important; } .margin-right-19 { margin-right: 19px !important; } .margin-left-19 { margin-left: 19px !important; } .padding-top-19 { padding-top: 19px; } .padding-bottom-19 { padding-bottom: 19px; } .padding-right-19 { padding-right: 19px; } .padding-left-19 { padding-left: 19px; } .padding-19 { padding: 19px; } .px-19 { padding: 0 19px; } .py-19 { padding: 19px 0; } .my-19 { margin: 19px 0; } .mx-19 { margin: 0 19px; } .fs-19 { font-size: 19px !important; } .lh-19 { line-height: 19px !important; } .gap-19 { gap: 19px; } .row-gap-19 { row-gap: 19px; } .height-19 { height: 19px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-left-20 { margin-left: 20px !important; } .padding-top-20 { padding-top: 20px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-right-20 { padding-right: 20px; } .padding-left-20 { padding-left: 20px; } .padding-20 { padding: 20px; } .px-20 { padding: 0 20px; } .py-20 { padding: 20px 0; } .my-20 { margin: 20px 0; } .mx-20 { margin: 0 20px; } .fs-20 { font-size: 20px !important; } .lh-20 { line-height: 20px !important; } .gap-20 { gap: 20px; } .row-gap-20 { row-gap: 20px; } .height-20 { height: 20px !important; } .margin-bottom-21 { margin-bottom: 21px !important; } .margin-top-21 { margin-top: 21px !important; } .margin-right-21 { margin-right: 21px !important; } .margin-left-21 { margin-left: 21px !important; } .padding-top-21 { padding-top: 21px; } .padding-bottom-21 { padding-bottom: 21px; } .padding-right-21 { padding-right: 21px; } .padding-left-21 { padding-left: 21px; } .padding-21 { padding: 21px; } .px-21 { padding: 0 21px; } .py-21 { padding: 21px 0; } .my-21 { margin: 21px 0; } .mx-21 { margin: 0 21px; } .fs-21 { font-size: 21px !important; } .lh-21 { line-height: 21px !important; } .gap-21 { gap: 21px; } .row-gap-21 { row-gap: 21px; } .height-21 { height: 21px !important; } .margin-bottom-22 { margin-bottom: 22px !important; } .margin-top-22 { margin-top: 22px !important; } .margin-right-22 { margin-right: 22px !important; } .margin-left-22 { margin-left: 22px !important; } .padding-top-22 { padding-top: 22px; } .padding-bottom-22 { padding-bottom: 22px; } .padding-right-22 { padding-right: 22px; } .padding-left-22 { padding-left: 22px; } .padding-22 { padding: 22px; } .px-22 { padding: 0 22px; } .py-22 { padding: 22px 0; } .my-22 { margin: 22px 0; } .mx-22 { margin: 0 22px; } .fs-22 { font-size: 22px !important; } .lh-22 { line-height: 22px !important; } .gap-22 { gap: 22px; } .row-gap-22 { row-gap: 22px; } .height-22 { height: 22px !important; } .margin-bottom-23 { margin-bottom: 23px !important; } .margin-top-23 { margin-top: 23px !important; } .margin-right-23 { margin-right: 23px !important; } .margin-left-23 { margin-left: 23px !important; } .padding-top-23 { padding-top: 23px; } .padding-bottom-23 { padding-bottom: 23px; } .padding-right-23 { padding-right: 23px; } .padding-left-23 { padding-left: 23px; } .padding-23 { padding: 23px; } .px-23 { padding: 0 23px; } .py-23 { padding: 23px 0; } .my-23 { margin: 23px 0; } .mx-23 { margin: 0 23px; } .fs-23 { font-size: 23px !important; } .lh-23 { line-height: 23px !important; } .gap-23 { gap: 23px; } .row-gap-23 { row-gap: 23px; } .height-23 { height: 23px !important; } .margin-bottom-24 { margin-bottom: 24px !important; } .margin-top-24 { margin-top: 24px !important; } .margin-right-24 { margin-right: 24px !important; } .margin-left-24 { margin-left: 24px !important; } .padding-top-24 { padding-top: 24px; } .padding-bottom-24 { padding-bottom: 24px; } .padding-right-24 { padding-right: 24px; } .padding-left-24 { padding-left: 24px; } .padding-24 { padding: 24px; } .px-24 { padding: 0 24px; } .py-24 { padding: 24px 0; } .my-24 { margin: 24px 0; } .mx-24 { margin: 0 24px; } .fs-24 { font-size: 24px !important; } .lh-24 { line-height: 24px !important; } .gap-24 { gap: 24px; } .row-gap-24 { row-gap: 24px; } .height-24 { height: 24px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-right-25 { margin-right: 25px !important; } .margin-left-25 { margin-left: 25px !important; } .padding-top-25 { padding-top: 25px; } .padding-bottom-25 { padding-bottom: 25px; } .padding-right-25 { padding-right: 25px; } .padding-left-25 { padding-left: 25px; } .padding-25 { padding: 25px; } .px-25 { padding: 0 25px; } .py-25 { padding: 25px 0; } .my-25 { margin: 25px 0; } .mx-25 { margin: 0 25px; } .fs-25 { font-size: 25px !important; } .lh-25 { line-height: 25px !important; } .gap-25 { gap: 25px; } .row-gap-25 { row-gap: 25px; } .height-25 { height: 25px !important; } .margin-bottom-26 { margin-bottom: 26px !important; } .margin-top-26 { margin-top: 26px !important; } .margin-right-26 { margin-right: 26px !important; } .margin-left-26 { margin-left: 26px !important; } .padding-top-26 { padding-top: 26px; } .padding-bottom-26 { padding-bottom: 26px; } .padding-right-26 { padding-right: 26px; } .padding-left-26 { padding-left: 26px; } .padding-26 { padding: 26px; } .px-26 { padding: 0 26px; } .py-26 { padding: 26px 0; } .my-26 { margin: 26px 0; } .mx-26 { margin: 0 26px; } .fs-26 { font-size: 26px !important; } .lh-26 { line-height: 26px !important; } .gap-26 { gap: 26px; } .row-gap-26 { row-gap: 26px; } .height-26 { height: 26px !important; } .margin-bottom-27 { margin-bottom: 27px !important; } .margin-top-27 { margin-top: 27px !important; } .margin-right-27 { margin-right: 27px !important; } .margin-left-27 { margin-left: 27px !important; } .padding-top-27 { padding-top: 27px; } .padding-bottom-27 { padding-bottom: 27px; } .padding-right-27 { padding-right: 27px; } .padding-left-27 { padding-left: 27px; } .padding-27 { padding: 27px; } .px-27 { padding: 0 27px; } .py-27 { padding: 27px 0; } .my-27 { margin: 27px 0; } .mx-27 { margin: 0 27px; } .fs-27 { font-size: 27px !important; } .lh-27 { line-height: 27px !important; } .gap-27 { gap: 27px; } .row-gap-27 { row-gap: 27px; } .height-27 { height: 27px !important; } .margin-bottom-28 { margin-bottom: 28px !important; } .margin-top-28 { margin-top: 28px !important; } .margin-right-28 { margin-right: 28px !important; } .margin-left-28 { margin-left: 28px !important; } .padding-top-28 { padding-top: 28px; } .padding-bottom-28 { padding-bottom: 28px; } .padding-right-28 { padding-right: 28px; } .padding-left-28 { padding-left: 28px; } .padding-28 { padding: 28px; } .px-28 { padding: 0 28px; } .py-28 { padding: 28px 0; } .my-28 { margin: 28px 0; } .mx-28 { margin: 0 28px; } .fs-28 { font-size: 28px !important; } .lh-28 { line-height: 28px !important; } .gap-28 { gap: 28px; } .row-gap-28 { row-gap: 28px; } .height-28 { height: 28px !important; } .margin-bottom-29 { margin-bottom: 29px !important; } .margin-top-29 { margin-top: 29px !important; } .margin-right-29 { margin-right: 29px !important; } .margin-left-29 { margin-left: 29px !important; } .padding-top-29 { padding-top: 29px; } .padding-bottom-29 { padding-bottom: 29px; } .padding-right-29 { padding-right: 29px; } .padding-left-29 { padding-left: 29px; } .padding-29 { padding: 29px; } .px-29 { padding: 0 29px; } .py-29 { padding: 29px 0; } .my-29 { margin: 29px 0; } .mx-29 { margin: 0 29px; } .fs-29 { font-size: 29px !important; } .lh-29 { line-height: 29px !important; } .gap-29 { gap: 29px; } .row-gap-29 { row-gap: 29px; } .height-29 { height: 29px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-left-30 { margin-left: 30px !important; } .padding-top-30 { padding-top: 30px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-right-30 { padding-right: 30px; } .padding-left-30 { padding-left: 30px; } .padding-30 { padding: 30px; } .px-30 { padding: 0 30px; } .py-30 { padding: 30px 0; } .my-30 { margin: 30px 0; } .mx-30 { margin: 0 30px; } .fs-30 { font-size: 30px !important; } .lh-30 { line-height: 30px !important; } .gap-30 { gap: 30px; } .row-gap-30 { row-gap: 30px; } .height-30 { height: 30px !important; } .margin-bottom-31 { margin-bottom: 31px !important; } .margin-top-31 { margin-top: 31px !important; } .margin-right-31 { margin-right: 31px !important; } .margin-left-31 { margin-left: 31px !important; } .padding-top-31 { padding-top: 31px; } .padding-bottom-31 { padding-bottom: 31px; } .padding-right-31 { padding-right: 31px; } .padding-left-31 { padding-left: 31px; } .padding-31 { padding: 31px; } .px-31 { padding: 0 31px; } .py-31 { padding: 31px 0; } .my-31 { margin: 31px 0; } .mx-31 { margin: 0 31px; } .fs-31 { font-size: 31px !important; } .lh-31 { line-height: 31px !important; } .gap-31 { gap: 31px; } .row-gap-31 { row-gap: 31px; } .height-31 { height: 31px !important; } .margin-bottom-32 { margin-bottom: 32px !important; } .margin-top-32 { margin-top: 32px !important; } .margin-right-32 { margin-right: 32px !important; } .margin-left-32 { margin-left: 32px !important; } .padding-top-32 { padding-top: 32px; } .padding-bottom-32 { padding-bottom: 32px; } .padding-right-32 { padding-right: 32px; } .padding-left-32 { padding-left: 32px; } .padding-32 { padding: 32px; } .px-32 { padding: 0 32px; } .py-32 { padding: 32px 0; } .my-32 { margin: 32px 0; } .mx-32 { margin: 0 32px; } .fs-32 { font-size: 32px !important; } .lh-32 { line-height: 32px !important; } .gap-32 { gap: 32px; } .row-gap-32 { row-gap: 32px; } .height-32 { height: 32px !important; } .margin-bottom-33 { margin-bottom: 33px !important; } .margin-top-33 { margin-top: 33px !important; } .margin-right-33 { margin-right: 33px !important; } .margin-left-33 { margin-left: 33px !important; } .padding-top-33 { padding-top: 33px; } .padding-bottom-33 { padding-bottom: 33px; } .padding-right-33 { padding-right: 33px; } .padding-left-33 { padding-left: 33px; } .padding-33 { padding: 33px; } .px-33 { padding: 0 33px; } .py-33 { padding: 33px 0; } .my-33 { margin: 33px 0; } .mx-33 { margin: 0 33px; } .fs-33 { font-size: 33px !important; } .lh-33 { line-height: 33px !important; } .gap-33 { gap: 33px; } .row-gap-33 { row-gap: 33px; } .height-33 { height: 33px !important; } .margin-bottom-34 { margin-bottom: 34px !important; } .margin-top-34 { margin-top: 34px !important; } .margin-right-34 { margin-right: 34px !important; } .margin-left-34 { margin-left: 34px !important; } .padding-top-34 { padding-top: 34px; } .padding-bottom-34 { padding-bottom: 34px; } .padding-right-34 { padding-right: 34px; } .padding-left-34 { padding-left: 34px; } .padding-34 { padding: 34px; } .px-34 { padding: 0 34px; } .py-34 { padding: 34px 0; } .my-34 { margin: 34px 0; } .mx-34 { margin: 0 34px; } .fs-34 { font-size: 34px !important; } .lh-34 { line-height: 34px !important; } .gap-34 { gap: 34px; } .row-gap-34 { row-gap: 34px; } .height-34 { height: 34px !important; } .margin-bottom-35 { margin-bottom: 35px !important; } .margin-top-35 { margin-top: 35px !important; } .margin-right-35 { margin-right: 35px !important; } .margin-left-35 { margin-left: 35px !important; } .padding-top-35 { padding-top: 35px; } .padding-bottom-35 { padding-bottom: 35px; } .padding-right-35 { padding-right: 35px; } .padding-left-35 { padding-left: 35px; } .padding-35 { padding: 35px; } .px-35 { padding: 0 35px; } .py-35 { padding: 35px 0; } .my-35 { margin: 35px 0; } .mx-35 { margin: 0 35px; } .fs-35 { font-size: 35px !important; } .lh-35 { line-height: 35px !important; } .gap-35 { gap: 35px; } .row-gap-35 { row-gap: 35px; } .height-35 { height: 35px !important; } .margin-bottom-36 { margin-bottom: 36px !important; } .margin-top-36 { margin-top: 36px !important; } .margin-right-36 { margin-right: 36px !important; } .margin-left-36 { margin-left: 36px !important; } .padding-top-36 { padding-top: 36px; } .padding-bottom-36 { padding-bottom: 36px; } .padding-right-36 { padding-right: 36px; } .padding-left-36 { padding-left: 36px; } .padding-36 { padding: 36px; } .px-36 { padding: 0 36px; } .py-36 { padding: 36px 0; } .my-36 { margin: 36px 0; } .mx-36 { margin: 0 36px; } .fs-36 { font-size: 36px !important; } .lh-36 { line-height: 36px !important; } .gap-36 { gap: 36px; } .row-gap-36 { row-gap: 36px; } .height-36 { height: 36px !important; } .margin-bottom-37 { margin-bottom: 37px !important; } .margin-top-37 { margin-top: 37px !important; } .margin-right-37 { margin-right: 37px !important; } .margin-left-37 { margin-left: 37px !important; } .padding-top-37 { padding-top: 37px; } .padding-bottom-37 { padding-bottom: 37px; } .padding-right-37 { padding-right: 37px; } .padding-left-37 { padding-left: 37px; } .padding-37 { padding: 37px; } .px-37 { padding: 0 37px; } .py-37 { padding: 37px 0; } .my-37 { margin: 37px 0; } .mx-37 { margin: 0 37px; } .fs-37 { font-size: 37px !important; } .lh-37 { line-height: 37px !important; } .gap-37 { gap: 37px; } .row-gap-37 { row-gap: 37px; } .height-37 { height: 37px !important; } .margin-bottom-38 { margin-bottom: 38px !important; } .margin-top-38 { margin-top: 38px !important; } .margin-right-38 { margin-right: 38px !important; } .margin-left-38 { margin-left: 38px !important; } .padding-top-38 { padding-top: 38px; } .padding-bottom-38 { padding-bottom: 38px; } .padding-right-38 { padding-right: 38px; } .padding-left-38 { padding-left: 38px; } .padding-38 { padding: 38px; } .px-38 { padding: 0 38px; } .py-38 { padding: 38px 0; } .my-38 { margin: 38px 0; } .mx-38 { margin: 0 38px; } .fs-38 { font-size: 38px !important; } .lh-38 { line-height: 38px !important; } .gap-38 { gap: 38px; } .row-gap-38 { row-gap: 38px; } .height-38 { height: 38px !important; } .margin-bottom-39 { margin-bottom: 39px !important; } .margin-top-39 { margin-top: 39px !important; } .margin-right-39 { margin-right: 39px !important; } .margin-left-39 { margin-left: 39px !important; } .padding-top-39 { padding-top: 39px; } .padding-bottom-39 { padding-bottom: 39px; } .padding-right-39 { padding-right: 39px; } .padding-left-39 { padding-left: 39px; } .padding-39 { padding: 39px; } .px-39 { padding: 0 39px; } .py-39 { padding: 39px 0; } .my-39 { margin: 39px 0; } .mx-39 { margin: 0 39px; } .fs-39 { font-size: 39px !important; } .lh-39 { line-height: 39px !important; } .gap-39 { gap: 39px; } .row-gap-39 { row-gap: 39px; } .height-39 { height: 39px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-left-40 { margin-left: 40px !important; } .padding-top-40 { padding-top: 40px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-right-40 { padding-right: 40px; } .padding-left-40 { padding-left: 40px; } .padding-40 { padding: 40px; } .px-40 { padding: 0 40px; } .py-40 { padding: 40px 0; } .my-40 { margin: 40px 0; } .mx-40 { margin: 0 40px; } .fs-40 { font-size: 40px !important; } .lh-40 { line-height: 40px !important; } .gap-40 { gap: 40px; } .row-gap-40 { row-gap: 40px; } .height-40 { height: 40px !important; } .margin-bottom-41 { margin-bottom: 41px !important; } .margin-top-41 { margin-top: 41px !important; } .margin-right-41 { margin-right: 41px !important; } .margin-left-41 { margin-left: 41px !important; } .padding-top-41 { padding-top: 41px; } .padding-bottom-41 { padding-bottom: 41px; } .padding-right-41 { padding-right: 41px; } .padding-left-41 { padding-left: 41px; } .padding-41 { padding: 41px; } .px-41 { padding: 0 41px; } .py-41 { padding: 41px 0; } .my-41 { margin: 41px 0; } .mx-41 { margin: 0 41px; } .fs-41 { font-size: 41px !important; } .lh-41 { line-height: 41px !important; } .gap-41 { gap: 41px; } .row-gap-41 { row-gap: 41px; } .height-41 { height: 41px !important; } .margin-bottom-42 { margin-bottom: 42px !important; } .margin-top-42 { margin-top: 42px !important; } .margin-right-42 { margin-right: 42px !important; } .margin-left-42 { margin-left: 42px !important; } .padding-top-42 { padding-top: 42px; } .padding-bottom-42 { padding-bottom: 42px; } .padding-right-42 { padding-right: 42px; } .padding-left-42 { padding-left: 42px; } .padding-42 { padding: 42px; } .px-42 { padding: 0 42px; } .py-42 { padding: 42px 0; } .my-42 { margin: 42px 0; } .mx-42 { margin: 0 42px; } .fs-42 { font-size: 42px !important; } .lh-42 { line-height: 42px !important; } .gap-42 { gap: 42px; } .row-gap-42 { row-gap: 42px; } .height-42 { height: 42px !important; } .margin-bottom-43 { margin-bottom: 43px !important; } .margin-top-43 { margin-top: 43px !important; } .margin-right-43 { margin-right: 43px !important; } .margin-left-43 { margin-left: 43px !important; } .padding-top-43 { padding-top: 43px; } .padding-bottom-43 { padding-bottom: 43px; } .padding-right-43 { padding-right: 43px; } .padding-left-43 { padding-left: 43px; } .padding-43 { padding: 43px; } .px-43 { padding: 0 43px; } .py-43 { padding: 43px 0; } .my-43 { margin: 43px 0; } .mx-43 { margin: 0 43px; } .fs-43 { font-size: 43px !important; } .lh-43 { line-height: 43px !important; } .gap-43 { gap: 43px; } .row-gap-43 { row-gap: 43px; } .height-43 { height: 43px !important; } .margin-bottom-44 { margin-bottom: 44px !important; } .margin-top-44 { margin-top: 44px !important; } .margin-right-44 { margin-right: 44px !important; } .margin-left-44 { margin-left: 44px !important; } .padding-top-44 { padding-top: 44px; } .padding-bottom-44 { padding-bottom: 44px; } .padding-right-44 { padding-right: 44px; } .padding-left-44 { padding-left: 44px; } .padding-44 { padding: 44px; } .px-44 { padding: 0 44px; } .py-44 { padding: 44px 0; } .my-44 { margin: 44px 0; } .mx-44 { margin: 0 44px; } .fs-44 { font-size: 44px !important; } .lh-44 { line-height: 44px !important; } .gap-44 { gap: 44px; } .row-gap-44 { row-gap: 44px; } .height-44 { height: 44px !important; } .margin-bottom-45 { margin-bottom: 45px !important; } .margin-top-45 { margin-top: 45px !important; } .margin-right-45 { margin-right: 45px !important; } .margin-left-45 { margin-left: 45px !important; } .padding-top-45 { padding-top: 45px; } .padding-bottom-45 { padding-bottom: 45px; } .padding-right-45 { padding-right: 45px; } .padding-left-45 { padding-left: 45px; } .padding-45 { padding: 45px; } .px-45 { padding: 0 45px; } .py-45 { padding: 45px 0; } .my-45 { margin: 45px 0; } .mx-45 { margin: 0 45px; } .fs-45 { font-size: 45px !important; } .lh-45 { line-height: 45px !important; } .gap-45 { gap: 45px; } .row-gap-45 { row-gap: 45px; } .height-45 { height: 45px !important; } .margin-bottom-46 { margin-bottom: 46px !important; } .margin-top-46 { margin-top: 46px !important; } .margin-right-46 { margin-right: 46px !important; } .margin-left-46 { margin-left: 46px !important; } .padding-top-46 { padding-top: 46px; } .padding-bottom-46 { padding-bottom: 46px; } .padding-right-46 { padding-right: 46px; } .padding-left-46 { padding-left: 46px; } .padding-46 { padding: 46px; } .px-46 { padding: 0 46px; } .py-46 { padding: 46px 0; } .my-46 { margin: 46px 0; } .mx-46 { margin: 0 46px; } .fs-46 { font-size: 46px !important; } .lh-46 { line-height: 46px !important; } .gap-46 { gap: 46px; } .row-gap-46 { row-gap: 46px; } .height-46 { height: 46px !important; } .margin-bottom-47 { margin-bottom: 47px !important; } .margin-top-47 { margin-top: 47px !important; } .margin-right-47 { margin-right: 47px !important; } .margin-left-47 { margin-left: 47px !important; } .padding-top-47 { padding-top: 47px; } .padding-bottom-47 { padding-bottom: 47px; } .padding-right-47 { padding-right: 47px; } .padding-left-47 { padding-left: 47px; } .padding-47 { padding: 47px; } .px-47 { padding: 0 47px; } .py-47 { padding: 47px 0; } .my-47 { margin: 47px 0; } .mx-47 { margin: 0 47px; } .fs-47 { font-size: 47px !important; } .lh-47 { line-height: 47px !important; } .gap-47 { gap: 47px; } .row-gap-47 { row-gap: 47px; } .height-47 { height: 47px !important; } .margin-bottom-48 { margin-bottom: 48px !important; } .margin-top-48 { margin-top: 48px !important; } .margin-right-48 { margin-right: 48px !important; } .margin-left-48 { margin-left: 48px !important; } .padding-top-48 { padding-top: 48px; } .padding-bottom-48 { padding-bottom: 48px; } .padding-right-48 { padding-right: 48px; } .padding-left-48 { padding-left: 48px; } .padding-48 { padding: 48px; } .px-48 { padding: 0 48px; } .py-48 { padding: 48px 0; } .my-48 { margin: 48px 0; } .mx-48 { margin: 0 48px; } .fs-48 { font-size: 48px !important; } .lh-48 { line-height: 48px !important; } .gap-48 { gap: 48px; } .row-gap-48 { row-gap: 48px; } .height-48 { height: 48px !important; } .margin-bottom-49 { margin-bottom: 49px !important; } .margin-top-49 { margin-top: 49px !important; } .margin-right-49 { margin-right: 49px !important; } .margin-left-49 { margin-left: 49px !important; } .padding-top-49 { padding-top: 49px; } .padding-bottom-49 { padding-bottom: 49px; } .padding-right-49 { padding-right: 49px; } .padding-left-49 { padding-left: 49px; } .padding-49 { padding: 49px; } .px-49 { padding: 0 49px; } .py-49 { padding: 49px 0; } .my-49 { margin: 49px 0; } .mx-49 { margin: 0 49px; } .fs-49 { font-size: 49px !important; } .lh-49 { line-height: 49px !important; } .gap-49 { gap: 49px; } .row-gap-49 { row-gap: 49px; } .height-49 { height: 49px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-right-50 { margin-right: 50px !important; } .margin-left-50 { margin-left: 50px !important; } .padding-top-50 { padding-top: 50px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-right-50 { padding-right: 50px; } .padding-left-50 { padding-left: 50px; } .padding-50 { padding: 50px; } .px-50 { padding: 0 50px; } .py-50 { padding: 50px 0; } .my-50 { margin: 50px 0; } .mx-50 { margin: 0 50px; } .fs-50 { font-size: 50px !important; } .lh-50 { line-height: 50px !important; } .gap-50 { gap: 50px; } .row-gap-50 { row-gap: 50px; } .height-50 { height: 50px !important; } .margin-bottom-51 { margin-bottom: 51px !important; } .margin-top-51 { margin-top: 51px !important; } .margin-right-51 { margin-right: 51px !important; } .margin-left-51 { margin-left: 51px !important; } .padding-top-51 { padding-top: 51px; } .padding-bottom-51 { padding-bottom: 51px; } .padding-right-51 { padding-right: 51px; } .padding-left-51 { padding-left: 51px; } .padding-51 { padding: 51px; } .px-51 { padding: 0 51px; } .py-51 { padding: 51px 0; } .my-51 { margin: 51px 0; } .mx-51 { margin: 0 51px; } .fs-51 { font-size: 51px !important; } .lh-51 { line-height: 51px !important; } .gap-51 { gap: 51px; } .row-gap-51 { row-gap: 51px; } .height-51 { height: 51px !important; } .margin-bottom-52 { margin-bottom: 52px !important; } .margin-top-52 { margin-top: 52px !important; } .margin-right-52 { margin-right: 52px !important; } .margin-left-52 { margin-left: 52px !important; } .padding-top-52 { padding-top: 52px; } .padding-bottom-52 { padding-bottom: 52px; } .padding-right-52 { padding-right: 52px; } .padding-left-52 { padding-left: 52px; } .padding-52 { padding: 52px; } .px-52 { padding: 0 52px; } .py-52 { padding: 52px 0; } .my-52 { margin: 52px 0; } .mx-52 { margin: 0 52px; } .fs-52 { font-size: 52px !important; } .lh-52 { line-height: 52px !important; } .gap-52 { gap: 52px; } .row-gap-52 { row-gap: 52px; } .height-52 { height: 52px !important; } .margin-bottom-53 { margin-bottom: 53px !important; } .margin-top-53 { margin-top: 53px !important; } .margin-right-53 { margin-right: 53px !important; } .margin-left-53 { margin-left: 53px !important; } .padding-top-53 { padding-top: 53px; } .padding-bottom-53 { padding-bottom: 53px; } .padding-right-53 { padding-right: 53px; } .padding-left-53 { padding-left: 53px; } .padding-53 { padding: 53px; } .px-53 { padding: 0 53px; } .py-53 { padding: 53px 0; } .my-53 { margin: 53px 0; } .mx-53 { margin: 0 53px; } .fs-53 { font-size: 53px !important; } .lh-53 { line-height: 53px !important; } .gap-53 { gap: 53px; } .row-gap-53 { row-gap: 53px; } .height-53 { height: 53px !important; } .margin-bottom-54 { margin-bottom: 54px !important; } .margin-top-54 { margin-top: 54px !important; } .margin-right-54 { margin-right: 54px !important; } .margin-left-54 { margin-left: 54px !important; } .padding-top-54 { padding-top: 54px; } .padding-bottom-54 { padding-bottom: 54px; } .padding-right-54 { padding-right: 54px; } .padding-left-54 { padding-left: 54px; } .padding-54 { padding: 54px; } .px-54 { padding: 0 54px; } .py-54 { padding: 54px 0; } .my-54 { margin: 54px 0; } .mx-54 { margin: 0 54px; } .fs-54 { font-size: 54px !important; } .lh-54 { line-height: 54px !important; } .gap-54 { gap: 54px; } .row-gap-54 { row-gap: 54px; } .height-54 { height: 54px !important; } .margin-bottom-55 { margin-bottom: 55px !important; } .margin-top-55 { margin-top: 55px !important; } .margin-right-55 { margin-right: 55px !important; } .margin-left-55 { margin-left: 55px !important; } .padding-top-55 { padding-top: 55px; } .padding-bottom-55 { padding-bottom: 55px; } .padding-right-55 { padding-right: 55px; } .padding-left-55 { padding-left: 55px; } .padding-55 { padding: 55px; } .px-55 { padding: 0 55px; } .py-55 { padding: 55px 0; } .my-55 { margin: 55px 0; } .mx-55 { margin: 0 55px; } .fs-55 { font-size: 55px !important; } .lh-55 { line-height: 55px !important; } .gap-55 { gap: 55px; } .row-gap-55 { row-gap: 55px; } .height-55 { height: 55px !important; } .margin-bottom-56 { margin-bottom: 56px !important; } .margin-top-56 { margin-top: 56px !important; } .margin-right-56 { margin-right: 56px !important; } .margin-left-56 { margin-left: 56px !important; } .padding-top-56 { padding-top: 56px; } .padding-bottom-56 { padding-bottom: 56px; } .padding-right-56 { padding-right: 56px; } .padding-left-56 { padding-left: 56px; } .padding-56 { padding: 56px; } .px-56 { padding: 0 56px; } .py-56 { padding: 56px 0; } .my-56 { margin: 56px 0; } .mx-56 { margin: 0 56px; } .fs-56 { font-size: 56px !important; } .lh-56 { line-height: 56px !important; } .gap-56 { gap: 56px; } .row-gap-56 { row-gap: 56px; } .height-56 { height: 56px !important; } .margin-bottom-57 { margin-bottom: 57px !important; } .margin-top-57 { margin-top: 57px !important; } .margin-right-57 { margin-right: 57px !important; } .margin-left-57 { margin-left: 57px !important; } .padding-top-57 { padding-top: 57px; } .padding-bottom-57 { padding-bottom: 57px; } .padding-right-57 { padding-right: 57px; } .padding-left-57 { padding-left: 57px; } .padding-57 { padding: 57px; } .px-57 { padding: 0 57px; } .py-57 { padding: 57px 0; } .my-57 { margin: 57px 0; } .mx-57 { margin: 0 57px; } .fs-57 { font-size: 57px !important; } .lh-57 { line-height: 57px !important; } .gap-57 { gap: 57px; } .row-gap-57 { row-gap: 57px; } .height-57 { height: 57px !important; } .margin-bottom-58 { margin-bottom: 58px !important; } .margin-top-58 { margin-top: 58px !important; } .margin-right-58 { margin-right: 58px !important; } .margin-left-58 { margin-left: 58px !important; } .padding-top-58 { padding-top: 58px; } .padding-bottom-58 { padding-bottom: 58px; } .padding-right-58 { padding-right: 58px; } .padding-left-58 { padding-left: 58px; } .padding-58 { padding: 58px; } .px-58 { padding: 0 58px; } .py-58 { padding: 58px 0; } .my-58 { margin: 58px 0; } .mx-58 { margin: 0 58px; } .fs-58 { font-size: 58px !important; } .lh-58 { line-height: 58px !important; } .gap-58 { gap: 58px; } .row-gap-58 { row-gap: 58px; } .height-58 { height: 58px !important; } .margin-bottom-59 { margin-bottom: 59px !important; } .margin-top-59 { margin-top: 59px !important; } .margin-right-59 { margin-right: 59px !important; } .margin-left-59 { margin-left: 59px !important; } .padding-top-59 { padding-top: 59px; } .padding-bottom-59 { padding-bottom: 59px; } .padding-right-59 { padding-right: 59px; } .padding-left-59 { padding-left: 59px; } .padding-59 { padding: 59px; } .px-59 { padding: 0 59px; } .py-59 { padding: 59px 0; } .my-59 { margin: 59px 0; } .mx-59 { margin: 0 59px; } .fs-59 { font-size: 59px !important; } .lh-59 { line-height: 59px !important; } .gap-59 { gap: 59px; } .row-gap-59 { row-gap: 59px; } .height-59 { height: 59px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-right-60 { margin-right: 60px !important; } .margin-left-60 { margin-left: 60px !important; } .padding-top-60 { padding-top: 60px; } .padding-bottom-60 { padding-bottom: 60px; } .padding-right-60 { padding-right: 60px; } .padding-left-60 { padding-left: 60px; } .padding-60 { padding: 60px; } .px-60 { padding: 0 60px; } .py-60 { padding: 60px 0; } .my-60 { margin: 60px 0; } .mx-60 { margin: 0 60px; } .fs-60 { font-size: 60px !important; } .lh-60 { line-height: 60px !important; } .gap-60 { gap: 60px; } .row-gap-60 { row-gap: 60px; } .height-60 { height: 60px !important; } .margin-bottom-61 { margin-bottom: 61px !important; } .margin-top-61 { margin-top: 61px !important; } .margin-right-61 { margin-right: 61px !important; } .margin-left-61 { margin-left: 61px !important; } .padding-top-61 { padding-top: 61px; } .padding-bottom-61 { padding-bottom: 61px; } .padding-right-61 { padding-right: 61px; } .padding-left-61 { padding-left: 61px; } .padding-61 { padding: 61px; } .px-61 { padding: 0 61px; } .py-61 { padding: 61px 0; } .my-61 { margin: 61px 0; } .mx-61 { margin: 0 61px; } .fs-61 { font-size: 61px !important; } .lh-61 { line-height: 61px !important; } .gap-61 { gap: 61px; } .row-gap-61 { row-gap: 61px; } .height-61 { height: 61px !important; } .margin-bottom-62 { margin-bottom: 62px !important; } .margin-top-62 { margin-top: 62px !important; } .margin-right-62 { margin-right: 62px !important; } .margin-left-62 { margin-left: 62px !important; } .padding-top-62 { padding-top: 62px; } .padding-bottom-62 { padding-bottom: 62px; } .padding-right-62 { padding-right: 62px; } .padding-left-62 { padding-left: 62px; } .padding-62 { padding: 62px; } .px-62 { padding: 0 62px; } .py-62 { padding: 62px 0; } .my-62 { margin: 62px 0; } .mx-62 { margin: 0 62px; } .fs-62 { font-size: 62px !important; } .lh-62 { line-height: 62px !important; } .gap-62 { gap: 62px; } .row-gap-62 { row-gap: 62px; } .height-62 { height: 62px !important; } .margin-bottom-63 { margin-bottom: 63px !important; } .margin-top-63 { margin-top: 63px !important; } .margin-right-63 { margin-right: 63px !important; } .margin-left-63 { margin-left: 63px !important; } .padding-top-63 { padding-top: 63px; } .padding-bottom-63 { padding-bottom: 63px; } .padding-right-63 { padding-right: 63px; } .padding-left-63 { padding-left: 63px; } .padding-63 { padding: 63px; } .px-63 { padding: 0 63px; } .py-63 { padding: 63px 0; } .my-63 { margin: 63px 0; } .mx-63 { margin: 0 63px; } .fs-63 { font-size: 63px !important; } .lh-63 { line-height: 63px !important; } .gap-63 { gap: 63px; } .row-gap-63 { row-gap: 63px; } .height-63 { height: 63px !important; } .margin-bottom-64 { margin-bottom: 64px !important; } .margin-top-64 { margin-top: 64px !important; } .margin-right-64 { margin-right: 64px !important; } .margin-left-64 { margin-left: 64px !important; } .padding-top-64 { padding-top: 64px; } .padding-bottom-64 { padding-bottom: 64px; } .padding-right-64 { padding-right: 64px; } .padding-left-64 { padding-left: 64px; } .padding-64 { padding: 64px; } .px-64 { padding: 0 64px; } .py-64 { padding: 64px 0; } .my-64 { margin: 64px 0; } .mx-64 { margin: 0 64px; } .fs-64 { font-size: 64px !important; } .lh-64 { line-height: 64px !important; } .gap-64 { gap: 64px; } .row-gap-64 { row-gap: 64px; } .height-64 { height: 64px !important; } .margin-bottom-65 { margin-bottom: 65px !important; } .margin-top-65 { margin-top: 65px !important; } .margin-right-65 { margin-right: 65px !important; } .margin-left-65 { margin-left: 65px !important; } .padding-top-65 { padding-top: 65px; } .padding-bottom-65 { padding-bottom: 65px; } .padding-right-65 { padding-right: 65px; } .padding-left-65 { padding-left: 65px; } .padding-65 { padding: 65px; } .px-65 { padding: 0 65px; } .py-65 { padding: 65px 0; } .my-65 { margin: 65px 0; } .mx-65 { margin: 0 65px; } .fs-65 { font-size: 65px !important; } .lh-65 { line-height: 65px !important; } .gap-65 { gap: 65px; } .row-gap-65 { row-gap: 65px; } .height-65 { height: 65px !important; } .margin-bottom-66 { margin-bottom: 66px !important; } .margin-top-66 { margin-top: 66px !important; } .margin-right-66 { margin-right: 66px !important; } .margin-left-66 { margin-left: 66px !important; } .padding-top-66 { padding-top: 66px; } .padding-bottom-66 { padding-bottom: 66px; } .padding-right-66 { padding-right: 66px; } .padding-left-66 { padding-left: 66px; } .padding-66 { padding: 66px; } .px-66 { padding: 0 66px; } .py-66 { padding: 66px 0; } .my-66 { margin: 66px 0; } .mx-66 { margin: 0 66px; } .fs-66 { font-size: 66px !important; } .lh-66 { line-height: 66px !important; } .gap-66 { gap: 66px; } .row-gap-66 { row-gap: 66px; } .height-66 { height: 66px !important; } .margin-bottom-67 { margin-bottom: 67px !important; } .margin-top-67 { margin-top: 67px !important; } .margin-right-67 { margin-right: 67px !important; } .margin-left-67 { margin-left: 67px !important; } .padding-top-67 { padding-top: 67px; } .padding-bottom-67 { padding-bottom: 67px; } .padding-right-67 { padding-right: 67px; } .padding-left-67 { padding-left: 67px; } .padding-67 { padding: 67px; } .px-67 { padding: 0 67px; } .py-67 { padding: 67px 0; } .my-67 { margin: 67px 0; } .mx-67 { margin: 0 67px; } .fs-67 { font-size: 67px !important; } .lh-67 { line-height: 67px !important; } .gap-67 { gap: 67px; } .row-gap-67 { row-gap: 67px; } .height-67 { height: 67px !important; } .margin-bottom-68 { margin-bottom: 68px !important; } .margin-top-68 { margin-top: 68px !important; } .margin-right-68 { margin-right: 68px !important; } .margin-left-68 { margin-left: 68px !important; } .padding-top-68 { padding-top: 68px; } .padding-bottom-68 { padding-bottom: 68px; } .padding-right-68 { padding-right: 68px; } .padding-left-68 { padding-left: 68px; } .padding-68 { padding: 68px; } .px-68 { padding: 0 68px; } .py-68 { padding: 68px 0; } .my-68 { margin: 68px 0; } .mx-68 { margin: 0 68px; } .fs-68 { font-size: 68px !important; } .lh-68 { line-height: 68px !important; } .gap-68 { gap: 68px; } .row-gap-68 { row-gap: 68px; } .height-68 { height: 68px !important; } .margin-bottom-69 { margin-bottom: 69px !important; } .margin-top-69 { margin-top: 69px !important; } .margin-right-69 { margin-right: 69px !important; } .margin-left-69 { margin-left: 69px !important; } .padding-top-69 { padding-top: 69px; } .padding-bottom-69 { padding-bottom: 69px; } .padding-right-69 { padding-right: 69px; } .padding-left-69 { padding-left: 69px; } .padding-69 { padding: 69px; } .px-69 { padding: 0 69px; } .py-69 { padding: 69px 0; } .my-69 { margin: 69px 0; } .mx-69 { margin: 0 69px; } .fs-69 { font-size: 69px !important; } .lh-69 { line-height: 69px !important; } .gap-69 { gap: 69px; } .row-gap-69 { row-gap: 69px; } .height-69 { height: 69px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .margin-top-70 { margin-top: 70px !important; } .margin-right-70 { margin-right: 70px !important; } .margin-left-70 { margin-left: 70px !important; } .padding-top-70 { padding-top: 70px; } .padding-bottom-70 { padding-bottom: 70px; } .padding-right-70 { padding-right: 70px; } .padding-left-70 { padding-left: 70px; } .padding-70 { padding: 70px; } .px-70 { padding: 0 70px; } .py-70 { padding: 70px 0; } .my-70 { margin: 70px 0; } .mx-70 { margin: 0 70px; } .fs-70 { font-size: 70px !important; } .lh-70 { line-height: 70px !important; } .gap-70 { gap: 70px; } .row-gap-70 { row-gap: 70px; } .height-70 { height: 70px !important; } .margin-bottom-71 { margin-bottom: 71px !important; } .margin-top-71 { margin-top: 71px !important; } .margin-right-71 { margin-right: 71px !important; } .margin-left-71 { margin-left: 71px !important; } .padding-top-71 { padding-top: 71px; } .padding-bottom-71 { padding-bottom: 71px; } .padding-right-71 { padding-right: 71px; } .padding-left-71 { padding-left: 71px; } .padding-71 { padding: 71px; } .px-71 { padding: 0 71px; } .py-71 { padding: 71px 0; } .my-71 { margin: 71px 0; } .mx-71 { margin: 0 71px; } .fs-71 { font-size: 71px !important; } .lh-71 { line-height: 71px !important; } .gap-71 { gap: 71px; } .row-gap-71 { row-gap: 71px; } .height-71 { height: 71px !important; } .margin-bottom-72 { margin-bottom: 72px !important; } .margin-top-72 { margin-top: 72px !important; } .margin-right-72 { margin-right: 72px !important; } .margin-left-72 { margin-left: 72px !important; } .padding-top-72 { padding-top: 72px; } .padding-bottom-72 { padding-bottom: 72px; } .padding-right-72 { padding-right: 72px; } .padding-left-72 { padding-left: 72px; } .padding-72 { padding: 72px; } .px-72 { padding: 0 72px; } .py-72 { padding: 72px 0; } .my-72 { margin: 72px 0; } .mx-72 { margin: 0 72px; } .fs-72 { font-size: 72px !important; } .lh-72 { line-height: 72px !important; } .gap-72 { gap: 72px; } .row-gap-72 { row-gap: 72px; } .height-72 { height: 72px !important; } .margin-bottom-73 { margin-bottom: 73px !important; } .margin-top-73 { margin-top: 73px !important; } .margin-right-73 { margin-right: 73px !important; } .margin-left-73 { margin-left: 73px !important; } .padding-top-73 { padding-top: 73px; } .padding-bottom-73 { padding-bottom: 73px; } .padding-right-73 { padding-right: 73px; } .padding-left-73 { padding-left: 73px; } .padding-73 { padding: 73px; } .px-73 { padding: 0 73px; } .py-73 { padding: 73px 0; } .my-73 { margin: 73px 0; } .mx-73 { margin: 0 73px; } .fs-73 { font-size: 73px !important; } .lh-73 { line-height: 73px !important; } .gap-73 { gap: 73px; } .row-gap-73 { row-gap: 73px; } .height-73 { height: 73px !important; } .margin-bottom-74 { margin-bottom: 74px !important; } .margin-top-74 { margin-top: 74px !important; } .margin-right-74 { margin-right: 74px !important; } .margin-left-74 { margin-left: 74px !important; } .padding-top-74 { padding-top: 74px; } .padding-bottom-74 { padding-bottom: 74px; } .padding-right-74 { padding-right: 74px; } .padding-left-74 { padding-left: 74px; } .padding-74 { padding: 74px; } .px-74 { padding: 0 74px; } .py-74 { padding: 74px 0; } .my-74 { margin: 74px 0; } .mx-74 { margin: 0 74px; } .fs-74 { font-size: 74px !important; } .lh-74 { line-height: 74px !important; } .gap-74 { gap: 74px; } .row-gap-74 { row-gap: 74px; } .height-74 { height: 74px !important; } .margin-bottom-75 { margin-bottom: 75px !important; } .margin-top-75 { margin-top: 75px !important; } .margin-right-75 { margin-right: 75px !important; } .margin-left-75 { margin-left: 75px !important; } .padding-top-75 { padding-top: 75px; } .padding-bottom-75 { padding-bottom: 75px; } .padding-right-75 { padding-right: 75px; } .padding-left-75 { padding-left: 75px; } .padding-75 { padding: 75px; } .px-75 { padding: 0 75px; } .py-75 { padding: 75px 0; } .my-75 { margin: 75px 0; } .mx-75 { margin: 0 75px; } .fs-75 { font-size: 75px !important; } .lh-75 { line-height: 75px !important; } .gap-75 { gap: 75px; } .row-gap-75 { row-gap: 75px; } .height-75 { height: 75px !important; } .margin-bottom-76 { margin-bottom: 76px !important; } .margin-top-76 { margin-top: 76px !important; } .margin-right-76 { margin-right: 76px !important; } .margin-left-76 { margin-left: 76px !important; } .padding-top-76 { padding-top: 76px; } .padding-bottom-76 { padding-bottom: 76px; } .padding-right-76 { padding-right: 76px; } .padding-left-76 { padding-left: 76px; } .padding-76 { padding: 76px; } .px-76 { padding: 0 76px; } .py-76 { padding: 76px 0; } .my-76 { margin: 76px 0; } .mx-76 { margin: 0 76px; } .fs-76 { font-size: 76px !important; } .lh-76 { line-height: 76px !important; } .gap-76 { gap: 76px; } .row-gap-76 { row-gap: 76px; } .height-76 { height: 76px !important; } .margin-bottom-77 { margin-bottom: 77px !important; } .margin-top-77 { margin-top: 77px !important; } .margin-right-77 { margin-right: 77px !important; } .margin-left-77 { margin-left: 77px !important; } .padding-top-77 { padding-top: 77px; } .padding-bottom-77 { padding-bottom: 77px; } .padding-right-77 { padding-right: 77px; } .padding-left-77 { padding-left: 77px; } .padding-77 { padding: 77px; } .px-77 { padding: 0 77px; } .py-77 { padding: 77px 0; } .my-77 { margin: 77px 0; } .mx-77 { margin: 0 77px; } .fs-77 { font-size: 77px !important; } .lh-77 { line-height: 77px !important; } .gap-77 { gap: 77px; } .row-gap-77 { row-gap: 77px; } .height-77 { height: 77px !important; } .margin-bottom-78 { margin-bottom: 78px !important; } .margin-top-78 { margin-top: 78px !important; } .margin-right-78 { margin-right: 78px !important; } .margin-left-78 { margin-left: 78px !important; } .padding-top-78 { padding-top: 78px; } .padding-bottom-78 { padding-bottom: 78px; } .padding-right-78 { padding-right: 78px; } .padding-left-78 { padding-left: 78px; } .padding-78 { padding: 78px; } .px-78 { padding: 0 78px; } .py-78 { padding: 78px 0; } .my-78 { margin: 78px 0; } .mx-78 { margin: 0 78px; } .fs-78 { font-size: 78px !important; } .lh-78 { line-height: 78px !important; } .gap-78 { gap: 78px; } .row-gap-78 { row-gap: 78px; } .height-78 { height: 78px !important; } .margin-bottom-79 { margin-bottom: 79px !important; } .margin-top-79 { margin-top: 79px !important; } .margin-right-79 { margin-right: 79px !important; } .margin-left-79 { margin-left: 79px !important; } .padding-top-79 { padding-top: 79px; } .padding-bottom-79 { padding-bottom: 79px; } .padding-right-79 { padding-right: 79px; } .padding-left-79 { padding-left: 79px; } .padding-79 { padding: 79px; } .px-79 { padding: 0 79px; } .py-79 { padding: 79px 0; } .my-79 { margin: 79px 0; } .mx-79 { margin: 0 79px; } .fs-79 { font-size: 79px !important; } .lh-79 { line-height: 79px !important; } .gap-79 { gap: 79px; } .row-gap-79 { row-gap: 79px; } .height-79 { height: 79px !important; } .margin-bottom-80 { margin-bottom: 80px !important; } .margin-top-80 { margin-top: 80px !important; } .margin-right-80 { margin-right: 80px !important; } .margin-left-80 { margin-left: 80px !important; } .padding-top-80 { padding-top: 80px; } .padding-bottom-80 { padding-bottom: 80px; } .padding-right-80 { padding-right: 80px; } .padding-left-80 { padding-left: 80px; } .padding-80 { padding: 80px; } .px-80 { padding: 0 80px; } .py-80 { padding: 80px 0; } .my-80 { margin: 80px 0; } .mx-80 { margin: 0 80px; } .fs-80 { font-size: 80px !important; } .lh-80 { line-height: 80px !important; } .gap-80 { gap: 80px; } .row-gap-80 { row-gap: 80px; } .height-80 { height: 80px !important; } .margin-bottom-81 { margin-bottom: 81px !important; } .margin-top-81 { margin-top: 81px !important; } .margin-right-81 { margin-right: 81px !important; } .margin-left-81 { margin-left: 81px !important; } .padding-top-81 { padding-top: 81px; } .padding-bottom-81 { padding-bottom: 81px; } .padding-right-81 { padding-right: 81px; } .padding-left-81 { padding-left: 81px; } .padding-81 { padding: 81px; } .px-81 { padding: 0 81px; } .py-81 { padding: 81px 0; } .my-81 { margin: 81px 0; } .mx-81 { margin: 0 81px; } .fs-81 { font-size: 81px !important; } .lh-81 { line-height: 81px !important; } .gap-81 { gap: 81px; } .row-gap-81 { row-gap: 81px; } .height-81 { height: 81px !important; } .margin-bottom-82 { margin-bottom: 82px !important; } .margin-top-82 { margin-top: 82px !important; } .margin-right-82 { margin-right: 82px !important; } .margin-left-82 { margin-left: 82px !important; } .padding-top-82 { padding-top: 82px; } .padding-bottom-82 { padding-bottom: 82px; } .padding-right-82 { padding-right: 82px; } .padding-left-82 { padding-left: 82px; } .padding-82 { padding: 82px; } .px-82 { padding: 0 82px; } .py-82 { padding: 82px 0; } .my-82 { margin: 82px 0; } .mx-82 { margin: 0 82px; } .fs-82 { font-size: 82px !important; } .lh-82 { line-height: 82px !important; } .gap-82 { gap: 82px; } .row-gap-82 { row-gap: 82px; } .height-82 { height: 82px !important; } .margin-bottom-83 { margin-bottom: 83px !important; } .margin-top-83 { margin-top: 83px !important; } .margin-right-83 { margin-right: 83px !important; } .margin-left-83 { margin-left: 83px !important; } .padding-top-83 { padding-top: 83px; } .padding-bottom-83 { padding-bottom: 83px; } .padding-right-83 { padding-right: 83px; } .padding-left-83 { padding-left: 83px; } .padding-83 { padding: 83px; } .px-83 { padding: 0 83px; } .py-83 { padding: 83px 0; } .my-83 { margin: 83px 0; } .mx-83 { margin: 0 83px; } .fs-83 { font-size: 83px !important; } .lh-83 { line-height: 83px !important; } .gap-83 { gap: 83px; } .row-gap-83 { row-gap: 83px; } .height-83 { height: 83px !important; } .margin-bottom-84 { margin-bottom: 84px !important; } .margin-top-84 { margin-top: 84px !important; } .margin-right-84 { margin-right: 84px !important; } .margin-left-84 { margin-left: 84px !important; } .padding-top-84 { padding-top: 84px; } .padding-bottom-84 { padding-bottom: 84px; } .padding-right-84 { padding-right: 84px; } .padding-left-84 { padding-left: 84px; } .padding-84 { padding: 84px; } .px-84 { padding: 0 84px; } .py-84 { padding: 84px 0; } .my-84 { margin: 84px 0; } .mx-84 { margin: 0 84px; } .fs-84 { font-size: 84px !important; } .lh-84 { line-height: 84px !important; } .gap-84 { gap: 84px; } .row-gap-84 { row-gap: 84px; } .height-84 { height: 84px !important; } .margin-bottom-85 { margin-bottom: 85px !important; } .margin-top-85 { margin-top: 85px !important; } .margin-right-85 { margin-right: 85px !important; } .margin-left-85 { margin-left: 85px !important; } .padding-top-85 { padding-top: 85px; } .padding-bottom-85 { padding-bottom: 85px; } .padding-right-85 { padding-right: 85px; } .padding-left-85 { padding-left: 85px; } .padding-85 { padding: 85px; } .px-85 { padding: 0 85px; } .py-85 { padding: 85px 0; } .my-85 { margin: 85px 0; } .mx-85 { margin: 0 85px; } .fs-85 { font-size: 85px !important; } .lh-85 { line-height: 85px !important; } .gap-85 { gap: 85px; } .row-gap-85 { row-gap: 85px; } .height-85 { height: 85px !important; } .margin-bottom-86 { margin-bottom: 86px !important; } .margin-top-86 { margin-top: 86px !important; } .margin-right-86 { margin-right: 86px !important; } .margin-left-86 { margin-left: 86px !important; } .padding-top-86 { padding-top: 86px; } .padding-bottom-86 { padding-bottom: 86px; } .padding-right-86 { padding-right: 86px; } .padding-left-86 { padding-left: 86px; } .padding-86 { padding: 86px; } .px-86 { padding: 0 86px; } .py-86 { padding: 86px 0; } .my-86 { margin: 86px 0; } .mx-86 { margin: 0 86px; } .fs-86 { font-size: 86px !important; } .lh-86 { line-height: 86px !important; } .gap-86 { gap: 86px; } .row-gap-86 { row-gap: 86px; } .height-86 { height: 86px !important; } .margin-bottom-87 { margin-bottom: 87px !important; } .margin-top-87 { margin-top: 87px !important; } .margin-right-87 { margin-right: 87px !important; } .margin-left-87 { margin-left: 87px !important; } .padding-top-87 { padding-top: 87px; } .padding-bottom-87 { padding-bottom: 87px; } .padding-right-87 { padding-right: 87px; } .padding-left-87 { padding-left: 87px; } .padding-87 { padding: 87px; } .px-87 { padding: 0 87px; } .py-87 { padding: 87px 0; } .my-87 { margin: 87px 0; } .mx-87 { margin: 0 87px; } .fs-87 { font-size: 87px !important; } .lh-87 { line-height: 87px !important; } .gap-87 { gap: 87px; } .row-gap-87 { row-gap: 87px; } .height-87 { height: 87px !important; } .margin-bottom-88 { margin-bottom: 88px !important; } .margin-top-88 { margin-top: 88px !important; } .margin-right-88 { margin-right: 88px !important; } .margin-left-88 { margin-left: 88px !important; } .padding-top-88 { padding-top: 88px; } .padding-bottom-88 { padding-bottom: 88px; } .padding-right-88 { padding-right: 88px; } .padding-left-88 { padding-left: 88px; } .padding-88 { padding: 88px; } .px-88 { padding: 0 88px; } .py-88 { padding: 88px 0; } .my-88 { margin: 88px 0; } .mx-88 { margin: 0 88px; } .fs-88 { font-size: 88px !important; } .lh-88 { line-height: 88px !important; } .gap-88 { gap: 88px; } .row-gap-88 { row-gap: 88px; } .height-88 { height: 88px !important; } .margin-bottom-89 { margin-bottom: 89px !important; } .margin-top-89 { margin-top: 89px !important; } .margin-right-89 { margin-right: 89px !important; } .margin-left-89 { margin-left: 89px !important; } .padding-top-89 { padding-top: 89px; } .padding-bottom-89 { padding-bottom: 89px; } .padding-right-89 { padding-right: 89px; } .padding-left-89 { padding-left: 89px; } .padding-89 { padding: 89px; } .px-89 { padding: 0 89px; } .py-89 { padding: 89px 0; } .my-89 { margin: 89px 0; } .mx-89 { margin: 0 89px; } .fs-89 { font-size: 89px !important; } .lh-89 { line-height: 89px !important; } .gap-89 { gap: 89px; } .row-gap-89 { row-gap: 89px; } .height-89 { height: 89px !important; } .margin-bottom-90 { margin-bottom: 90px !important; } .margin-top-90 { margin-top: 90px !important; } .margin-right-90 { margin-right: 90px !important; } .margin-left-90 { margin-left: 90px !important; } .padding-top-90 { padding-top: 90px; } .padding-bottom-90 { padding-bottom: 90px; } .padding-right-90 { padding-right: 90px; } .padding-left-90 { padding-left: 90px; } .padding-90 { padding: 90px; } .px-90 { padding: 0 90px; } .py-90 { padding: 90px 0; } .my-90 { margin: 90px 0; } .mx-90 { margin: 0 90px; } .fs-90 { font-size: 90px !important; } .lh-90 { line-height: 90px !important; } .gap-90 { gap: 90px; } .row-gap-90 { row-gap: 90px; } .height-90 { height: 90px !important; } .margin-bottom-91 { margin-bottom: 91px !important; } .margin-top-91 { margin-top: 91px !important; } .margin-right-91 { margin-right: 91px !important; } .margin-left-91 { margin-left: 91px !important; } .padding-top-91 { padding-top: 91px; } .padding-bottom-91 { padding-bottom: 91px; } .padding-right-91 { padding-right: 91px; } .padding-left-91 { padding-left: 91px; } .padding-91 { padding: 91px; } .px-91 { padding: 0 91px; } .py-91 { padding: 91px 0; } .my-91 { margin: 91px 0; } .mx-91 { margin: 0 91px; } .fs-91 { font-size: 91px !important; } .lh-91 { line-height: 91px !important; } .gap-91 { gap: 91px; } .row-gap-91 { row-gap: 91px; } .height-91 { height: 91px !important; } .margin-bottom-92 { margin-bottom: 92px !important; } .margin-top-92 { margin-top: 92px !important; } .margin-right-92 { margin-right: 92px !important; } .margin-left-92 { margin-left: 92px !important; } .padding-top-92 { padding-top: 92px; } .padding-bottom-92 { padding-bottom: 92px; } .padding-right-92 { padding-right: 92px; } .padding-left-92 { padding-left: 92px; } .padding-92 { padding: 92px; } .px-92 { padding: 0 92px; } .py-92 { padding: 92px 0; } .my-92 { margin: 92px 0; } .mx-92 { margin: 0 92px; } .fs-92 { font-size: 92px !important; } .lh-92 { line-height: 92px !important; } .gap-92 { gap: 92px; } .row-gap-92 { row-gap: 92px; } .height-92 { height: 92px !important; } .margin-bottom-93 { margin-bottom: 93px !important; } .margin-top-93 { margin-top: 93px !important; } .margin-right-93 { margin-right: 93px !important; } .margin-left-93 { margin-left: 93px !important; } .padding-top-93 { padding-top: 93px; } .padding-bottom-93 { padding-bottom: 93px; } .padding-right-93 { padding-right: 93px; } .padding-left-93 { padding-left: 93px; } .padding-93 { padding: 93px; } .px-93 { padding: 0 93px; } .py-93 { padding: 93px 0; } .my-93 { margin: 93px 0; } .mx-93 { margin: 0 93px; } .fs-93 { font-size: 93px !important; } .lh-93 { line-height: 93px !important; } .gap-93 { gap: 93px; } .row-gap-93 { row-gap: 93px; } .height-93 { height: 93px !important; } .margin-bottom-94 { margin-bottom: 94px !important; } .margin-top-94 { margin-top: 94px !important; } .margin-right-94 { margin-right: 94px !important; } .margin-left-94 { margin-left: 94px !important; } .padding-top-94 { padding-top: 94px; } .padding-bottom-94 { padding-bottom: 94px; } .padding-right-94 { padding-right: 94px; } .padding-left-94 { padding-left: 94px; } .padding-94 { padding: 94px; } .px-94 { padding: 0 94px; } .py-94 { padding: 94px 0; } .my-94 { margin: 94px 0; } .mx-94 { margin: 0 94px; } .fs-94 { font-size: 94px !important; } .lh-94 { line-height: 94px !important; } .gap-94 { gap: 94px; } .row-gap-94 { row-gap: 94px; } .height-94 { height: 94px !important; } .margin-bottom-95 { margin-bottom: 95px !important; } .margin-top-95 { margin-top: 95px !important; } .margin-right-95 { margin-right: 95px !important; } .margin-left-95 { margin-left: 95px !important; } .padding-top-95 { padding-top: 95px; } .padding-bottom-95 { padding-bottom: 95px; } .padding-right-95 { padding-right: 95px; } .padding-left-95 { padding-left: 95px; } .padding-95 { padding: 95px; } .px-95 { padding: 0 95px; } .py-95 { padding: 95px 0; } .my-95 { margin: 95px 0; } .mx-95 { margin: 0 95px; } .fs-95 { font-size: 95px !important; } .lh-95 { line-height: 95px !important; } .gap-95 { gap: 95px; } .row-gap-95 { row-gap: 95px; } .height-95 { height: 95px !important; } .margin-bottom-96 { margin-bottom: 96px !important; } .margin-top-96 { margin-top: 96px !important; } .margin-right-96 { margin-right: 96px !important; } .margin-left-96 { margin-left: 96px !important; } .padding-top-96 { padding-top: 96px; } .padding-bottom-96 { padding-bottom: 96px; } .padding-right-96 { padding-right: 96px; } .padding-left-96 { padding-left: 96px; } .padding-96 { padding: 96px; } .px-96 { padding: 0 96px; } .py-96 { padding: 96px 0; } .my-96 { margin: 96px 0; } .mx-96 { margin: 0 96px; } .fs-96 { font-size: 96px !important; } .lh-96 { line-height: 96px !important; } .gap-96 { gap: 96px; } .row-gap-96 { row-gap: 96px; } .height-96 { height: 96px !important; } .margin-bottom-97 { margin-bottom: 97px !important; } .margin-top-97 { margin-top: 97px !important; } .margin-right-97 { margin-right: 97px !important; } .margin-left-97 { margin-left: 97px !important; } .padding-top-97 { padding-top: 97px; } .padding-bottom-97 { padding-bottom: 97px; } .padding-right-97 { padding-right: 97px; } .padding-left-97 { padding-left: 97px; } .padding-97 { padding: 97px; } .px-97 { padding: 0 97px; } .py-97 { padding: 97px 0; } .my-97 { margin: 97px 0; } .mx-97 { margin: 0 97px; } .fs-97 { font-size: 97px !important; } .lh-97 { line-height: 97px !important; } .gap-97 { gap: 97px; } .row-gap-97 { row-gap: 97px; } .height-97 { height: 97px !important; } .margin-bottom-98 { margin-bottom: 98px !important; } .margin-top-98 { margin-top: 98px !important; } .margin-right-98 { margin-right: 98px !important; } .margin-left-98 { margin-left: 98px !important; } .padding-top-98 { padding-top: 98px; } .padding-bottom-98 { padding-bottom: 98px; } .padding-right-98 { padding-right: 98px; } .padding-left-98 { padding-left: 98px; } .padding-98 { padding: 98px; } .px-98 { padding: 0 98px; } .py-98 { padding: 98px 0; } .my-98 { margin: 98px 0; } .mx-98 { margin: 0 98px; } .fs-98 { font-size: 98px !important; } .lh-98 { line-height: 98px !important; } .gap-98 { gap: 98px; } .row-gap-98 { row-gap: 98px; } .height-98 { height: 98px !important; } .margin-bottom-99 { margin-bottom: 99px !important; } .margin-top-99 { margin-top: 99px !important; } .margin-right-99 { margin-right: 99px !important; } .margin-left-99 { margin-left: 99px !important; } .padding-top-99 { padding-top: 99px; } .padding-bottom-99 { padding-bottom: 99px; } .padding-right-99 { padding-right: 99px; } .padding-left-99 { padding-left: 99px; } .padding-99 { padding: 99px; } .px-99 { padding: 0 99px; } .py-99 { padding: 99px 0; } .my-99 { margin: 99px 0; } .mx-99 { margin: 0 99px; } .fs-99 { font-size: 99px !important; } .lh-99 { line-height: 99px !important; } .gap-99 { gap: 99px; } .row-gap-99 { row-gap: 99px; } .height-99 { height: 99px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } .margin-top-100 { margin-top: 100px !important; } .margin-right-100 { margin-right: 100px !important; } .margin-left-100 { margin-left: 100px !important; } .padding-top-100 { padding-top: 100px; } .padding-bottom-100 { padding-bottom: 100px; } .padding-right-100 { padding-right: 100px; } .padding-left-100 { padding-left: 100px; } .padding-100 { padding: 100px; } .px-100 { padding: 0 100px; } .py-100 { padding: 100px 0; } .my-100 { margin: 100px 0; } .mx-100 { margin: 0 100px; } .fs-100 { font-size: 100px !important; } .lh-100 { line-height: 100px !important; } .gap-100 { gap: 100px; } .row-gap-100 { row-gap: 100px; } .height-100 { height: 100px !important; } .fw-100 { font-weight: 100 !important; } .fw-200 { font-weight: 200 !important; } .fw-300 { font-weight: 300 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-800 { font-weight: 800 !important; } .fw-900 { font-weight: 900 !important; } .fw-bold { font-weight: bold !important; } mat-icon.icon-12 { height: 12px !important; width: 12px !important; } mat-icon.icon-13 { height: 13px !important; width: 13px !important; } mat-icon.icon-14 { height: 14px !important; width: 14px !important; } mat-icon.icon-16 { height: 16px !important; width: 16px !important; } mat-icon.icon-17 { height: 17px !important; width: 17px !important; } mat-icon.icon-18 { height: 18px !important; width: 18px !important; } mat-icon.icon-20 { height: 20px !important; width: 20px !important; } mat-icon.icon-24 { height: 24px !important; width: 24px !important; } mat-icon.icon-26 { height: 26px !important; width: 26px !important; } mat-icon.icon-32 { height: 32px !important; width: 32px !important; } mat-icon.icon-42 { height: 42px !important; width: 42px !important; } mat-icon.icon-88 { height: 88px !important; width: 88px !important; } mat-icon.icon-100 { height: 100px !important; width: 100px !important; } mat-icon.icon-110 { height: 110px !important; width: 110px !important; } mat-icon.icon-129 { height: 129px !important; width: 129px !important; } mat-icon.icon-135 { height: 135px !important; width: 135px !important; } .top-left-radius-1 { border-top-left-radius: 1px; } .top-right-radius-1 { border-top-right-radius: 1px; } .bottom-right-radius-1 { border-bottom-right-radius: 1px; } .bottom-left-radius-1 { border-bottom-left-radius: 1px; } .top-left-radius-2 { border-top-left-radius: 2px; } .top-right-radius-2 { border-top-right-radius: 2px; } .bottom-right-radius-2 { border-bottom-right-radius: 2px; } .bottom-left-radius-2 { border-bottom-left-radius: 2px; } .top-left-radius-3 { border-top-left-radius: 3px; } .top-right-radius-3 { border-top-right-radius: 3px; } .bottom-right-radius-3 { border-bottom-right-radius: 3px; } .bottom-left-radius-3 { border-bottom-left-radius: 3px; } .top-left-radius-4 { border-top-left-radius: 4px; } .top-right-radius-4 { border-top-right-radius: 4px; } .bottom-right-radius-4 { border-bottom-right-radius: 4px; } .bottom-left-radius-4 { border-bottom-left-radius: 4px; } .top-left-radius-5 { border-top-left-radius: 5px; } .top-right-radius-5 { border-top-right-radius: 5px; } .bottom-right-radius-5 { border-bottom-right-radius: 5px; } .bottom-left-radius-5 { border-bottom-left-radius: 5px; } .top-left-radius-6 { border-top-left-radius: 6px; } .top-right-radius-6 { border-top-right-radius: 6px; } .bottom-right-radius-6 { border-bottom-right-radius: 6px; } .bottom-left-radius-6 { border-bottom-left-radius: 6px; } .top-left-radius-7 { border-top-left-radius: 7px; } .top-right-radius-7 { border-top-right-radius: 7px; } .bottom-right-radius-7 { border-bottom-right-radius: 7px; } .bottom-left-radius-7 { border-bottom-left-radius: 7px; } .top-left-radius-8 { border-top-left-radius: 8px; } .top-right-radius-8 { border-top-right-radius: 8px; } .bottom-right-radius-8 { border-bottom-right-radius: 8px; } .bottom-left-radius-8 { border-bottom-left-radius: 8px; } .top-left-radius-9 { border-top-left-radius: 9px; } .top-right-radius-9 { border-top-right-radius: 9px; } .bottom-right-radius-9 { border-bottom-right-radius: 9px; } .bottom-left-radius-9 { border-bottom-left-radius: 9px; } .top-left-radius-10 { border-top-left-radius: 10px; } .top-right-radius-10 { border-top-right-radius: 10px; } .bottom-right-radius-10 { border-bottom-right-radius: 10px; } .bottom-left-radius-10 { border-bottom-left-radius: 10px; } .top-left-radius-11 { border-top-left-radius: 11px; } .top-right-radius-11 { border-top-right-radius: 11px; } .bottom-right-radius-11 { border-bottom-right-radius: 11px; } .bottom-left-radius-11 { border-bottom-left-radius: 11px; } .top-left-radius-12 { border-top-left-radius: 12px; } .top-right-radius-12 { border-top-right-radius: 12px; } .bottom-right-radius-12 { border-bottom-right-radius: 12px; } .bottom-left-radius-12 { border-bottom-left-radius: 12px; } .top-left-radius-13 { border-top-left-radius: 13px; } .top-right-radius-13 { border-top-right-radius: 13px; } .bottom-right-radius-13 { border-bottom-right-radius: 13px; } .bottom-left-radius-13 { border-bottom-left-radius: 13px; } .top-left-radius-14 { border-top-left-radius: 14px; } .top-right-radius-14 { border-top-right-radius: 14px; } .bottom-right-radius-14 { border-bottom-right-radius: 14px; } .bottom-left-radius-14 { border-bottom-left-radius: 14px; } .top-left-radius-15 { border-top-left-radius: 15px; } .top-right-radius-15 { border-top-right-radius: 15px; } .bottom-right-radius-15 { border-bottom-right-radius: 15px; } .bottom-left-radius-15 { border-bottom-left-radius: 15px; } .top-left-radius-16 { border-top-left-radius: 16px; } .top-right-radius-16 { border-top-right-radius: 16px; } .bottom-right-radius-16 { border-bottom-right-radius: 16px; } .bottom-left-radius-16 { border-bottom-left-radius: 16px; } .top-left-radius-17 { border-top-left-radius: 17px; } .top-right-radius-17 { border-top-right-radius: 17px; } .bottom-right-radius-17 { border-bottom-right-radius: 17px; } .bottom-left-radius-17 { border-bottom-left-radius: 17px; } .top-left-radius-18 { border-top-left-radius: 18px; } .top-right-radius-18 { border-top-right-radius: 18px; } .bottom-right-radius-18 { border-bottom-right-radius: 18px; } .bottom-left-radius-18 { border-bottom-left-radius: 18px; } .top-left-radius-19 { border-top-left-radius: 19px; } .top-right-radius-19 { border-top-right-radius: 19px; } .bottom-right-radius-19 { border-bottom-right-radius: 19px; } .bottom-left-radius-19 { border-bottom-left-radius: 19px; } .top-left-radius-20 { border-top-left-radius: 20px; } .top-right-radius-20 { border-top-right-radius: 20px; } .bottom-right-radius-20 { border-bottom-right-radius: 20px; } .bottom-left-radius-20 { border-bottom-left-radius: 20px; } .top-left-radius-21 { border-top-left-radius: 21px; } .top-right-radius-21 { border-top-right-radius: 21px; } .bottom-right-radius-21 { border-bottom-right-radius: 21px; } .bottom-left-radius-21 { border-bottom-left-radius: 21px; } .top-left-radius-22 { border-top-left-radius: 22px; } .top-right-radius-22 { border-top-right-radius: 22px; } .bottom-right-radius-22 { border-bottom-right-radius: 22px; } .bottom-left-radius-22 { border-bottom-left-radius: 22px; } .top-left-radius-23 { border-top-left-radius: 23px; } .top-right-radius-23 { border-top-right-radius: 23px; } .bottom-right-radius-23 { border-bottom-right-radius: 23px; } .bottom-left-radius-23 { border-bottom-left-radius: 23px; } .top-left-radius-24 { border-top-left-radius: 24px; } .top-right-radius-24 { border-top-right-radius: 24px; } .bottom-right-radius-24 { border-bottom-right-radius: 24px; } .bottom-left-radius-24 { border-bottom-left-radius: 24px; } .top-left-radius-25 { border-top-left-radius: 25px; } .top-right-radius-25 { border-top-right-radius: 25px; } .bottom-right-radius-25 { border-bottom-right-radius: 25px; } .bottom-left-radius-25 { border-bottom-left-radius: 25px; } .top-left-radius-26 { border-top-left-radius: 26px; } .top-right-radius-26 { border-top-right-radius: 26px; } .bottom-right-radius-26 { border-bottom-right-radius: 26px; } .bottom-left-radius-26 { border-bottom-left-radius: 26px; } .top-left-radius-27 { border-top-left-radius: 27px; } .top-right-radius-27 { border-top-right-radius: 27px; } .bottom-right-radius-27 { border-bottom-right-radius: 27px; } .bottom-left-radius-27 { border-bottom-left-radius: 27px; } .top-left-radius-28 { border-top-left-radius: 28px; } .top-right-radius-28 { border-top-right-radius: 28px; } .bottom-right-radius-28 { border-bottom-right-radius: 28px; } .bottom-left-radius-28 { border-bottom-left-radius: 28px; } .top-left-radius-29 { border-top-left-radius: 29px; } .top-right-radius-29 { border-top-right-radius: 29px; } .bottom-right-radius-29 { border-bottom-right-radius: 29px; } .bottom-left-radius-29 { border-bottom-left-radius: 29px; } .top-left-radius-30 { border-top-left-radius: 30px; } .top-right-radius-30 { border-top-right-radius: 30px; } .bottom-right-radius-30 { border-bottom-right-radius: 30px; } .bottom-left-radius-30 { border-bottom-left-radius: 30px; } .top-left-radius-31 { border-top-left-radius: 31px; } .top-right-radius-31 { border-top-right-radius: 31px; } .bottom-right-radius-31 { border-bottom-right-radius: 31px; } .bottom-left-radius-31 { border-bottom-left-radius: 31px; } .top-left-radius-32 { border-top-left-radius: 32px; } .top-right-radius-32 { border-top-right-radius: 32px; } .bottom-right-radius-32 { border-bottom-right-radius: 32px; } .bottom-left-radius-32 { border-bottom-left-radius: 32px; } .top-left-radius-33 { border-top-left-radius: 33px; } .top-right-radius-33 { border-top-right-radius: 33px; } .bottom-right-radius-33 { border-bottom-right-radius: 33px; } .bottom-left-radius-33 { border-bottom-left-radius: 33px; } .top-left-radius-34 { border-top-left-radius: 34px; } .top-right-radius-34 { border-top-right-radius: 34px; } .bottom-right-radius-34 { border-bottom-right-radius: 34px; } .bottom-left-radius-34 { border-bottom-left-radius: 34px; } .top-left-radius-35 { border-top-left-radius: 35px; } .top-right-radius-35 { border-top-right-radius: 35px; } .bottom-right-radius-35 { border-bottom-right-radius: 35px; } .bottom-left-radius-35 { border-bottom-left-radius: 35px; } .top-left-radius-36 { border-top-left-radius: 36px; } .top-right-radius-36 { border-top-right-radius: 36px; } .bottom-right-radius-36 { border-bottom-right-radius: 36px; } .bottom-left-radius-36 { border-bottom-left-radius: 36px; } .top-left-radius-37 { border-top-left-radius: 37px; } .top-right-radius-37 { border-top-right-radius: 37px; } .bottom-right-radius-37 { border-bottom-right-radius: 37px; } .bottom-left-radius-37 { border-bottom-left-radius: 37px; } .top-left-radius-38 { border-top-left-radius: 38px; } .top-right-radius-38 { border-top-right-radius: 38px; } .bottom-right-radius-38 { border-bottom-right-radius: 38px; } .bottom-left-radius-38 { border-bottom-left-radius: 38px; } .top-left-radius-39 { border-top-left-radius: 39px; } .top-right-radius-39 { border-top-right-radius: 39px; } .bottom-right-radius-39 { border-bottom-right-radius: 39px; } .bottom-left-radius-39 { border-bottom-left-radius: 39px; } .top-left-radius-40 { border-top-left-radius: 40px; } .top-right-radius-40 { border-top-right-radius: 40px; } .bottom-right-radius-40 { border-bottom-right-radius: 40px; } .bottom-left-radius-40 { border-bottom-left-radius: 40px; } .top-left-radius-41 { border-top-left-radius: 41px; } .top-right-radius-41 { border-top-right-radius: 41px; } .bottom-right-radius-41 { border-bottom-right-radius: 41px; } .bottom-left-radius-41 { border-bottom-left-radius: 41px; } .top-left-radius-42 { border-top-left-radius: 42px; } .top-right-radius-42 { border-top-right-radius: 42px; } .bottom-right-radius-42 { border-bottom-right-radius: 42px; } .bottom-left-radius-42 { border-bottom-left-radius: 42px; } .top-left-radius-43 { border-top-left-radius: 43px; } .top-right-radius-43 { border-top-right-radius: 43px; } .bottom-right-radius-43 { border-bottom-right-radius: 43px; } .bottom-left-radius-43 { border-bottom-left-radius: 43px; } .top-left-radius-44 { border-top-left-radius: 44px; } .top-right-radius-44 { border-top-right-radius: 44px; } .bottom-right-radius-44 { border-bottom-right-radius: 44px; } .bottom-left-radius-44 { border-bottom-left-radius: 44px; } .top-left-radius-45 { border-top-left-radius: 45px; } .top-right-radius-45 { border-top-right-radius: 45px; } .bottom-right-radius-45 { border-bottom-right-radius: 45px; } .bottom-left-radius-45 { border-bottom-left-radius: 45px; } .top-left-radius-46 { border-top-left-radius: 46px; } .top-right-radius-46 { border-top-right-radius: 46px; } .bottom-right-radius-46 { border-bottom-right-radius: 46px; } .bottom-left-radius-46 { border-bottom-left-radius: 46px; } .top-left-radius-47 { border-top-left-radius: 47px; } .top-right-radius-47 { border-top-right-radius: 47px; } .bottom-right-radius-47 { border-bottom-right-radius: 47px; } .bottom-left-radius-47 { border-bottom-left-radius: 47px; } .top-left-radius-48 { border-top-left-radius: 48px; } .top-right-radius-48 { border-top-right-radius: 48px; } .bottom-right-radius-48 { border-bottom-right-radius: 48px; } .bottom-left-radius-48 { border-bottom-left-radius: 48px; } .top-left-radius-49 { border-top-left-radius: 49px; } .top-right-radius-49 { border-top-right-radius: 49px; } .bottom-right-radius-49 { border-bottom-right-radius: 49px; } .bottom-left-radius-49 { border-bottom-left-radius: 49px; } .top-left-radius-50 { border-top-left-radius: 50px; } .top-right-radius-50 { border-top-right-radius: 50px; } .bottom-right-radius-50 { border-bottom-right-radius: 50px; } .bottom-left-radius-50 { border-bottom-left-radius: 50px; } .d-flex.flex-half { flex: 0.5; } .d-flex.flex-25 { flex: 0.25; } .d-flex.flex-75 { flex: 0.75; } .cursor-pointer { cursor: pointer; } .cursor-pointer.invisible { visibility: hidden; } .cursor-default { cursor: default; } .map-loading { z-index: 1; } .general-loading { width: 300px; display: inline-block; position: absolute; border-radius: 50%; left: calc(50% - 150px); top: 50%; } .general-loading img { width: 100%; border-radius: 25%; } .general-loading .loading-title { position: absolute; top: 45px; left: 118px; font-family: Figtree, sans-serif; } .general-loading .loading-title:after { content: " ."; animation: dots 1s steps(5, end) infinite; } @keyframes dots { 0%, 20% { color: rgba(0, 0, 0, 0); text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0); } 40% { color: black; text-shadow: 0.25em 0 0 black, 0.5em 0 0 rgba(0, 0, 0, 0); } 60% { text-shadow: 0.25em 0 0 black, 0.5em 0 0 rgba(0, 0, 0, 0); } 80%, 100% { text-shadow: 0.25em 0 0 black, 0.5em 0 0 black; } } .spinner-loading { width: 60px !important; height: 60px !important; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; animation: spin 2s linear infinite; } .spinner-loading img { padding: 10px; } @keyframes spin { 100% { transform: rotate(360deg); } } .season-dropdown .mat-mdc-text-field-wrapper { padding-bottom: 0 !important; margin-bottom: 10px !important; } .medium-dropdown .mat-mdc-text-field-wrapper { padding-bottom: 5px !important; } .color-jade { color: #01bc66; } .color-jade:hover { color: #01bc66; opacity: 0.8; } .color-spiro { color: #26b0f9; } .color-spiro:hover { color: #26b0f9; } .color-carmine { color: #e8474b; } .color-carmine:hover { color: #e8474b; } .color-jade2 { color: #d3ee56; } .color-jade2:hover { color: #d3ee56; } .background-jade { background: #01bc66 !important; } .background-jade2 { background: #d3ee56; } .background-carmine { background: #e8474b; } .background-image { width: 100%; position: absolute; z-index: -1; left: 0; bottom: 0; top: 0; filter: brightness(0.85); } .background-image img { height: 100%; width: 100%; object-fit: cover; } .button-hover { cursor: pointer; transition: 0.3s ease all; } .button-hover:hover { opacity: 0.8; } a:hover { color: unset !important; } .fa-sx { font-size: 22px; } .fa-sm { font-size: 16px; } .flex-half { flex: 0.5; } .flex-full { flex: 1; } .fit-content { width: fit-content; width: -moz-fit-content; } .button-loading { position: absolute; left: calc(50% - 10px); top: 0; color: #01bc66; font-size: 21px; } .no-events { pointer-events: none !important; } .cancel { font-size: 13px; margin-left: 5px; color: #01bc66; font-weight: 400; cursor: pointer; } .cancel:hover { opacity: 0.8; } .disabled { pointer-events: none; cursor: not-allowed; filter: opacity(0.5); } input, textarea { -webkit-rtl-ordering: logical !important; -webkit-user-select: text !important; cursor: auto; } .h-0 { height: 0; } .pointer-events-all { pointer-events: all !important; } .pointer-events-none { pointer-events: none !important; } .button-router { color: white; } .button-router:hover { color: white; } button, a { letter-spacing: normal !important; } button:focus, a:focus { outline: none !important; } .code-span { border-radius: 3px; border: 1px solid #dad3d3; color: crimson; background-color: #f1f1f1; padding-left: 4px; padding-right: 4px; } div.blurred { pointer-events: none; filter: blur(2.5px); } .overflow-x-hidden { overflow-x: hidden; width: 100%; } .d-grid { display: grid !important; } .grid-template-columns-1 { grid-template-columns: repeat(1, 1fr); } .z-1 { z-index: 1 !important; } .grid-template-columns-2 { grid-template-columns: repeat(2, 1fr); } .z-2 { z-index: 2 !important; } .grid-template-columns-3 { grid-template-columns: repeat(3, 1fr); } .z-3 { z-index: 3 !important; } .grid-template-columns-4 { grid-template-columns: repeat(4, 1fr); } .z-4 { z-index: 4 !important; } .grid-template-columns-5 { grid-template-columns: repeat(5, 1fr); } .z-5 { z-index: 5 !important; } .grid-template-columns-6 { grid-template-columns: repeat(6, 1fr); } .z-6 { z-index: 6 !important; } .grid-template-columns-7 { grid-template-columns: repeat(7, 1fr); } .z-7 { z-index: 7 !important; } .grid-template-columns-8 { grid-template-columns: repeat(8, 1fr); } .z-8 { z-index: 8 !important; } .grid-template-columns-9 { grid-template-columns: repeat(9, 1fr); } .z-9 { z-index: 9 !important; } .grid-template-columns-10 { grid-template-columns: repeat(10, 1fr); } .z-10 { z-index: 10 !important; } .grid-template-columns-11 { grid-template-columns: repeat(11, 1fr); } .z-11 { z-index: 11 !important; } .grid-template-columns-12 { grid-template-columns: repeat(12, 1fr); } .z-12 { z-index: 12 !important; } .opacity-0 { opacity: 0 !important; } .text-black-opacity-0 { color: rgba(0, 0, 0, 0) !important; } .text-white-opacity-0 { color: rgba(255, 255, 255, 0) !important; } .text-opacity-0 { color: rgba(60, 132, 199, 0) !important; } .opacity-1 { opacity: 0.1 !important; } .text-black-opacity-1 { color: rgba(0, 0, 0, 0.1) !important; } .text-white-opacity-1 { color: rgba(255, 255, 255, 0.1) !important; } .text-opacity-1 { color: rgba(60, 132, 199, 0.1) !important; } .opacity-2 { opacity: 0.2 !important; } .text-black-opacity-2 { color: rgba(0, 0, 0, 0.2) !important; } .text-white-opacity-2 { color: rgba(255, 255, 255, 0.2) !important; } .text-opacity-2 { color: rgba(60, 132, 199, 0.2) !important; } .opacity-3 { opacity: 0.3 !important; } .text-black-opacity-3 { color: rgba(0, 0, 0, 0.3) !important; } .text-white-opacity-3 { color: rgba(255, 255, 255, 0.3) !important; } .text-opacity-3 { color: rgba(60, 132, 199, 0.3) !important; } .opacity-4 { opacity: 0.4 !important; } .text-black-opacity-4 { color: rgba(0, 0, 0, 0.4) !important; } .text-white-opacity-4 { color: rgba(255, 255, 255, 0.4) !important; } .text-opacity-4 { color: rgba(60, 132, 199, 0.4) !important; } .opacity-5 { opacity: 0.5 !important; } .text-black-opacity-5 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-opacity-5 { color: rgba(255, 255, 255, 0.5) !important; } .text-opacity-5 { color: rgba(60, 132, 199, 0.5) !important; } .opacity-6 { opacity: 0.6 !important; } .text-black-opacity-6 { color: rgba(0, 0, 0, 0.6) !important; } .text-white-opacity-6 { color: rgba(255, 255, 255, 0.6) !important; } .text-opacity-6 { color: rgba(60, 132, 199, 0.6) !important; } .opacity-7 { opacity: 0.7 !important; } .text-black-opacity-7 { color: rgba(0, 0, 0, 0.7) !important; } .text-white-opacity-7 { color: rgba(255, 255, 255, 0.7) !important; } .text-opacity-7 { color: rgba(60, 132, 199, 0.7) !important; } .opacity-8 { opacity: 0.8 !important; } .text-black-opacity-8 { color: rgba(0, 0, 0, 0.8) !important; } .text-white-opacity-8 { color: rgba(255, 255, 255, 0.8) !important; } .text-opacity-8 { color: rgba(60, 132, 199, 0.8) !important; } .opacity-9 { opacity: 0.9 !important; } .text-black-opacity-9 { color: rgba(0, 0, 0, 0.9) !important; } .text-white-opacity-9 { color: rgba(255, 255, 255, 0.9) !important; } .text-opacity-9 { color: rgba(60, 132, 199, 0.9) !important; } .opacity-10 { opacity: 1 !important; } .text-black-opacity-10 { color: black !important; } .text-white-opacity-10 { color: white !important; } .text-opacity-10 { color: #3c84c7 !important; } .float-right { float: right; } .float-left { float: left; } .clear-both { clear: both; } .delete-modal .mat-mdc-dialog-surface { border-radius: 12px; } .advanced-filters-dialog .mat-mdc-dialog-surface { padding: 0; background: transparent; } .user-select-none { user-select: none !important; -moz-user-select: none !important; -webkit-user-select: none !important; -ms-user-select: none !important; } .alert-cart-dialog .mat-mdc-dialog-surface, .retailer-scouting-item-dialog-readonly .mat-mdc-dialog-surface, .retailer-scouting-item-dialog-new .mat-mdc-dialog-surface, .retailer-mat-dialog .mat-mdc-dialog-surface { border-radius: 15px; color: #000000; } .brand-color { stop-color: #3c84c7; color: #3c84c7; } .alert-cart-dialog, .retailer-scouting-item-dialog-new { width: 920px; } .retailer-scouting-item-dialog-readonly { width: 1040px; max-width: 95vw !important; } .asterisk:after { content: " *"; color: currentColor; } .horizontal-line { width: 100%; height: 1px; background: #c6c6c8; opacity: 0.4; } .full-container-loading { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; } :root { font-family: "Figtree", sans-serif; --app-primary-color: #3c84c7; --app-primary-color-100: #c5daee; --app-primary-color-400: #3677b3; } .md-button-small { height: 20px; } .btn-tileset { background: #ffffff !important; min-width: 35px !important; height: 35px; padding: 0 !important; color: #000000; } .btn-tileset.active { background: #01bc66; color: white; } .icons-medium-size { font-size: 16px; } .btn-dashboard-selection { cursor: pointer; width: 38px; height: 38px; background: rgba(111, 111, 111, 0.7) !important; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: none; pointer-events: all; } button.agmr-btn { height: 40px; display: flex; align-items: center; font-size: 16px; font-weight: 400; line-height: 19px; font-family: Figtree; letter-spacing: normal; /*Set mdc button width height values //new style for angular 17*/ } button.agmr-btn .mdc-button__label { width: max-content; display: flex; align-items: center; justify-content: center; } button.agmr-btn .mat-ripple, button.agmr-btn .mat-mdc-button-touch-target { display: none; } button.agmr-btn.mat-mdc-button, button.agmr-btn.mat-button { padding: 8px; border-radius: 42px; line-height: inherit; min-width: inherit; } button.agmr-btn.mat-mdc-button:not(.mat-warn, .mat-accent), button.agmr-btn.mat-button:not(.mat-warn, .mat-accent) { color: #3c84c7; } button.agmr-btn.mat-mdc-button:hover:not(.mat-warn, .mat-accent), button.agmr-btn.mat-button:hover:not(.mat-warn, .mat-accent) { color: #77a9d8; } button.agmr-btn.mat-mdc-button:hover .mat-mdc-button-focus-overlay, button.agmr-btn.mat-mdc-button:hover .mdc-button__ripple, button.agmr-btn.mat-mdc-button.active .mat-mdc-button-focus-overlay, button.agmr-btn.mat-mdc-button.active .mdc-button__ripple, button.agmr-btn.mat-mdc-button:active .mat-mdc-button-focus-overlay, button.agmr-btn.mat-mdc-button:active .mdc-button__ripple, button.agmr-btn.mat-button:hover .mat-mdc-button-focus-overlay, button.agmr-btn.mat-button:hover .mdc-button__ripple, button.agmr-btn.mat-button.active .mat-mdc-button-focus-overlay, button.agmr-btn.mat-button.active .mdc-button__ripple, button.agmr-btn.mat-button:active .mat-mdc-button-focus-overlay, button.agmr-btn.mat-button:active .mdc-button__ripple { opacity: 0; } button.agmr-btn.mat-mdc-button.active:not(.mat-warn, .mat-accent), button.agmr-btn.mat-button.active:not(.mat-warn, .mat-accent) { color: #2a5c8b; } button.agmr-btn.mat-mdc-button.mat-warn.active, button.agmr-btn.mat-button.mat-warn.active { color: #d3222d; } button.agmr-btn.mat-mdc-button.mat-accent.active, button.agmr-btn.mat-button.mat-accent.active { color: #d08900; } button.agmr-btn.mat-mdc-button.mat-mdc-button-disabled:not(.mat-warn, .mat-accent), button.agmr-btn.mat-mdc-button.mat-button-disabled:not(.mat-warn, .mat-accent), button.agmr-btn.mat-button.mat-mdc-button-disabled:not(.mat-warn, .mat-accent), button.agmr-btn.mat-button.mat-button-disabled:not(.mat-warn, .mat-accent) { color: rgba(60, 132, 199, 0.2); cursor: not-allowed; border: unset; } button.agmr-btn.mat-mdc-button .mat-icon, button.agmr-btn.mat-button .mat-icon { margin-left: inherit; margin-right: inherit; } button.agmr-btn.mat-mdc-raised-button, button.agmr-btn.mat-raised-button, button.agmr-btn.mat-mdc-flat-button, button.agmr-btn.mat-mdc-unelevated-button { padding: 10px 14px; border-radius: 42px; box-shadow: unset; } button.agmr-btn.mat-mdc-raised-button:not(.mat-warn), button.agmr-btn.mat-raised-button:not(.mat-warn), button.agmr-btn.mat-mdc-flat-button:not(.mat-warn), button.agmr-btn.mat-mdc-unelevated-button:not(.mat-warn) { background: #ffffff; color: #3c84c7; } button.agmr-btn.mat-mdc-raised-button:hover:not(.mat-warn, .mat-accent, .mat-primary), button.agmr-btn.mat-raised-button:hover:not(.mat-warn, .mat-accent, .mat-primary), button.agmr-btn.mat-mdc-flat-button:hover:not(.mat-warn, .mat-accent, .mat-primary), button.agmr-btn.mat-mdc-unelevated-button:hover:not(.mat-warn, .mat-accent, .mat-primary) { color: #77a9d8; } button.agmr-btn.mat-mdc-raised-button.active:not(.mat-warn, .mat-accent, .mat-primary), button.agmr-btn.mat-raised-button.active:not(.mat-warn, .mat-accent, .mat-primary), button.agmr-btn.mat-mdc-flat-button.active:not(.mat-warn, .mat-accent, .mat-primary), button.agmr-btn.mat-mdc-unelevated-button.active:not(.mat-warn, .mat-accent, .mat-primary) { color: #2a5c8b; } button.agmr-btn.mat-mdc-raised-button.mat-mdc-button-disabled, button.agmr-btn.mat-mdc-raised-button.mat-button-disabled, button.agmr-btn.mat-raised-button.mat-mdc-button-disabled, button.agmr-btn.mat-raised-button.mat-button-disabled, button.agmr-btn.mat-mdc-flat-button.mat-mdc-button-disabled, button.agmr-btn.mat-mdc-flat-button.mat-button-disabled, button.agmr-btn.mat-mdc-unelevated-button.mat-mdc-button-disabled, button.agmr-btn.mat-mdc-unelevated-button.mat-button-disabled { background-color: #ecf3f9 !important; cursor: not-allowed; border: unset; } button.agmr-btn.mat-mdc-raised-button.mat-primary, button.agmr-btn.mat-raised-button.mat-primary, button.agmr-btn.mat-mdc-flat-button.mat-primary, button.agmr-btn.mat-mdc-unelevated-button.mat-primary { background: #3c84c7; color: #ffffff; } button.agmr-btn.mat-mdc-raised-button.mat-primary.scouting, button.agmr-btn.mat-raised-button.mat-primary.scouting, button.agmr-btn.mat-mdc-flat-button.mat-primary.scouting, button.agmr-btn.mat-mdc-unelevated-button.mat-primary.scouting { min-width: 141px; } button.agmr-btn.mat-mdc-raised-button.mat-primary:hover, button.agmr-btn.mat-raised-button.mat-primary:hover, button.agmr-btn.mat-mdc-flat-button.mat-primary:hover, button.agmr-btn.mat-mdc-unelevated-button.mat-primary:hover { background: #77a9d8; } button.agmr-btn.mat-mdc-raised-button.mat-primary.active, button.agmr-btn.mat-raised-button.mat-primary.active, button.agmr-btn.mat-mdc-flat-button.mat-primary.active, button.agmr-btn.mat-mdc-unelevated-button.mat-primary.active { background: #2a5c8b; } button.agmr-btn.mat-mdc-raised-button mat-icon, button.agmr-btn.mat-raised-button mat-icon, button.agmr-btn.mat-mdc-flat-button mat-icon, button.agmr-btn.mat-mdc-unelevated-button mat-icon { margin-right: 4px; } button.agmr-btn.mat-mdc-outlined-button { padding: 10px 14px; border-radius: 42px; box-shadow: unset; background: #ffffff; color: #3c84c7; border: 1px solid #3c84c7; } button.agmr-btn.mat-mdc-outlined-button:hover { color: #77a9d8; border-color: #77a9d8; background: #ffffff; } button.agmr-btn.mat-mdc-outlined-button.active { color: #2a5c8b; border-color: #2a5c8b; } button.agmr-btn.mat-mdc-outlined-button.mat-warn { color: #d3222d; border-color: #d3222d; } button.agmr-btn.mat-mdc-outlined-button.mat-mdc-button-disabled, button.agmr-btn.mat-mdc-outlined-button.mat-button-disabled { background-color: #ffffff !important; color: rgba(60, 132, 199, 0.2); border-color: rgba(60, 132, 199, 0.2); cursor: not-allowed; } button.agmr-btn.mat-mdc-outlined-button mat-icon { margin-right: 4px; } button.agmr-btn.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px !important; align-items: center; justify-content: center; } button.agmr-btn.mat-mdc-button-base.mat-mdc-icon-button { padding: initial; } .mat-mdc-button-base { display: flex; align-items: center; justify-content: center; } .mat-mdc-button-base.mat-mdc-icon-button { --mdc-icon-button-state-layer-size: 40px !important; padding: initial !important; } .mat-mdc-button-base.mat-mdc-icon-button:hover { background-color: transparent; } .mat-mdc-button-base .mdc-button__label { display: flex; align-content: center; } .mat-mdc-button-base .mdc-button__label .mat-calendar-arrow { height: unset; } :root { font-family: "Figtree", sans-serif; --app-primary-color: #3c84c7; --app-primary-color-100: #c5daee; --app-primary-color-400: #3677b3; } /*Material form field*/ mat-form-field label mat-label { font-size: 14px; font-weight: 400; line-height: 17px; font-family: Figtree; letter-spacing: normal; } mat-form-field .mat-mdc-text-field-wrapper { font-size: 14px; margin-bottom: 1.25em; } mat-form-field .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) { padding: 0; } mat-form-field .mat-mdc-text-field-wrapper:not(.mdc-text-field) { padding-right: 0.75em; } mat-form-field .mat-mdc-form-field-icon-suffix { margin-right: 0; } mat-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button { --mdc-icon-button-state-layer-size: 24px !important; } mat-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-datepicker-toggle-default-icon { width: 16px; } mat-form-field .mat-mdc-form-field-infix { display: flex; align-items: center; } mat-form-field.search-field { margin-left: 10px; } mat-form-field.search-field .mat-mdc-text-field-wrapper { padding-bottom: 0; padding-left: 0; margin-bottom: 10px; } mat-form-field.search-field .mat-mdc-form-field-subscript-wrapper::before { height: 10px; } .custom-mat-form-field .mat-form-field-appearance-outline .mat-mdc-form-field-flex { padding: 0; } .custom-mat-form-field .mat-form-field-appearance-outline .mat-mdc-form-field-flex:hover .mat-form-field-outline-end, .custom-mat-form-field .mat-form-field-appearance-outline .mat-mdc-form-field-flex:hover .mat-form-field-outline-start { border-width: 0; } .custom-mat-form-field .mat-form-field-appearance-outline .mat-form-field-outline-end, .custom-mat-form-field .mat-form-field-appearance-outline .mat-form-field-outline-start { border: unset; } .custom-mat-form-field .mat-mdc-form-field-error { top: 44px; left: 12px; margin-top: 2px; margin-left: 12px; margin-bottom: 0; font-size: 12px; font-weight: 400; line-height: 14px; font-family: Figtree; letter-spacing: normal; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) { width: 151px; padding: 0 12px 0 0; background: #ffffff; border: 1px solid #c6c6c8; border-radius: 10px; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-floating-label { top: 50% !important; left: 12px; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-floating-label span, .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-floating-label mat-label { font-size: 14px; font-weight: 400; line-height: 17px; font-family: Figtree; letter-spacing: normal; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-input-element { font-size: 14px; font-weight: 400; line-height: 17px; font-family: Figtree; letter-spacing: normal; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-invalid { border: 1px solid #d3222d; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-invalid .mat-mdc-input-element::placeholder, .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-invalid .mat-mdc-select-placeholder { color: #d3222d; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-focused, .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown):focus, .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown):active { border: 1px solid #c5daee; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown):hover { border: 1px solid transparent; box-shadow: 0 0 0 4px #c5daee; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-mdc-form-field-hide-placeholder .mat-mdc-form-field-infix .mat-mdc-select-placeholder { -webkit-text-fill-color: rgba(0, 0, 0, 0.4); font-size: 14px; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-select-value-text { font-size: 14px; line-height: 17px; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-text-field-wrapper { padding: 0; background-color: inherit; border-radius: inherit; margin-bottom: inherit; /*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix { width: auto; border-top: 0; padding: 12px 0 12px 12px; min-height: auto; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-text-field-wrapper .mat-mdc-form-field-suffix { bottom: 1px; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix { margin-right: 0; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button { --mdc-icon-button-state-layer-size: 24px; padding: initial; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-datepicker-toggle-default-icon { width: 16px; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-text-field-wrapper .mat-mdc-form-field-underline, .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-text-field-wrapper .mdc-line-ripple { display: none; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay { display: none; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-mdc-form-field-type-mat-select .mat-mdc-form-field-infix { padding: 9px 0 9px 12px; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown) .mat-mdc-form-field-subscript-wrapper { display: none; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-disabled { opacity: 0.7; cursor: not-allowed; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-disabled .mat-mdc-text-field-wrapper, .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-disabled .mat-mdc-form-field-infix, .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-disabled .mat-mdc-select, .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-disabled .mat-mdc-select-trigger, .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-disabled input { cursor: not-allowed; } .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-disabled:hover, .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-disabled.mat-focused, .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-disabled:focus, .custom-mat-form-field .mat-mdc-form-field:not(.season-dropdown).mat-form-field-disabled:active { border: 1px solid #c6c6c8; box-shadow: none; } .custom-mat-form-field.filters .mat-mdc-form-field { padding: 0 8px; background: #f2f1f6; border-radius: 20px; width: 250px; } .custom-mat-form-field.filters .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix { padding: 8px 0 8px 8px; } .custom-mat-form-field.filters .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-floating-label { top: 20px; left: 8px; color: rgba(0, 0, 0, 0.6); } .custom-mat-form-field.filters .mat-mdc-form-field .mat-mdc-text-field-wrapper mat-icon { padding: 0; } .mat-datepicker-content .mat-calendar-body-cell.mat-calendar-body-active .mat-calendar-body-selected { color: #ffffff; } /*Material menu*/ .mat-mdc-menu-panel { background: transparent; } .mat-mdc-menu-panel .mat-mdc-menu-item { outline: none !important; min-height: 40px !important; } .mat-mdc-menu-panel .mat-mdc-menu-item span.mat-mdc-menu-item-text { font-size: 14px; font-weight: 400; line-height: 17px; font-family: Figtree; letter-spacing: normal; } .mat-mdc-menu-panel.custom-mat-menu { background: #ffffff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25) !important; border-radius: 10px; color: rgba(0, 0, 0, 0.8); min-height: unset; } .mat-mdc-menu-panel.custom-mat-menu .mat-mdc-menu-content { padding: 8px 10px; } .mat-mdc-menu-panel.custom-mat-menu .mat-mdc-menu-content .mat-mdc-menu-item { height: 32px; min-width: 170px; line-height: normal; padding: 0; } .mat-mdc-menu-panel.custom-mat-menu .mat-mdc-menu-content .mat-mdc-menu-item:not(:last-child) { border-bottom: 1px solid rgba(198, 198, 200, 0.2); } .mat-mdc-menu-panel.custom-mat-menu .mat-mdc-menu-content .mat-mdc-menu-item:hover { color: rgba(119, 169, 216, 0.8); background: transparent; } .mat-mdc-menu-panel.custom-mat-menu .mat-mdc-menu-content .mat-mdc-menu-item.active { color: #3c84c7; } /*Material checkbox*/ .custom-mat-checkbox { display: flex; align-items: center; } .custom-mat-checkbox.mat-mdc-checkbox { cursor: pointer; --mdc-checkbox-selected-checkmark-color: white !important; } .custom-mat-checkbox.mat-mdc-checkbox .mat-mdc-checkbox-touch-target { width: 25px; height: 25px; } .custom-mat-checkbox.mat-mdc-checkbox .mdc-checkbox__background { width: 20px; height: 20px; border-radius: 3px; border: 1px solid #3c84c7 !important; } .custom-mat-checkbox.mat-mdc-checkbox.mat-mdc-checkbox-disabled { cursor: not-allowed; } .custom-mat-checkbox.mat-mdc-checkbox.mat-mdc-checkbox-disabled.mat-mdc-checkbox-checked .mdc-checkbox__background, .custom-mat-checkbox.mat-mdc-checkbox.mat-mdc-checkbox-disabled.mat-mdc-checkbox-indeterminate .mdc-checkbox__background { background: #3c84c7; /* The Fallback */ background: rgba(60, 132, 199, 0.2) !important; border: 1px solid rgba(60, 132, 199, 0.2) !important; } .mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon .mat-mdc-slide-toggle .mdc-switch__track { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); border-radius: 30px !important; } .mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon .mat-mdc-slide-toggle .mdc-switch__track::after { background: #3c84c7 !important; } mat-sidenav-container .mat-drawer-backdrop.mat-drawer-shown, .cdk-overlay-container .cdk-overlay-dark-backdrop { background-color: rgba(0, 0, 0, 0.2); } /*Material dialog*/ .add-default-padding .mat-mdc-dialog-surface { padding: 24px; } .mat-mdc-dialog-container .mat-mdc-dialog-surface { border-radius: 15px !important; } .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title { display: flex; align-items: center; padding: 0 0 16px; font-size: 18px; font-weight: 600; line-height: 22px; font-family: Figtree; letter-spacing: normal; } .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-title::before { height: auto; } .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-dialog-actions { margin-bottom: -20px; } /*Material select box*/ .mat-mdc-autocomplete-panel, .mat-mdc-select-panel, .mat-mdc-select { font-size: 14px !important; border-radius: 10px !important; } .mat-mdc-autocomplete-panel.mdc-menu-surface--open, .mat-mdc-select-panel.mdc-menu-surface--open, .mat-mdc-select.mdc-menu-surface--open { min-width: max-content; } .mat-mdc-autocomplete-panel .mat-mdc-select-trigger, .mat-mdc-select-panel .mat-mdc-select-trigger, .mat-mdc-select .mat-mdc-select-trigger { gap: 4px; } .mat-mdc-autocomplete-panel .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper, .mat-mdc-select-panel .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper, .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper { transform: initial; } .mat-mdc-autocomplete-panel .mat-mdc-select-trigger .mat-mdc-select-placeholder, .mat-mdc-select-panel .mat-mdc-select-trigger .mat-mdc-select-placeholder, .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-placeholder { font-size: 14px; font-weight: 400; line-height: 17px; font-family: Figtree; letter-spacing: normal; } .mat-mdc-autocomplete-panel .mat-mdc-option, .mat-mdc-select-panel .mat-mdc-option, .mat-mdc-select .mat-mdc-option { padding: 0 12px; line-height: 17px !important; color: rgba(0, 0, 0, 0.8); min-height: unset; } .mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled), .mat-mdc-autocomplete-panel .mat-mdc-option:focus:not(.mdc-list-item--disabled), .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-active):not(:hover):not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple), .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active, .mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled), .mat-mdc-select-panel .mat-mdc-option:focus:not(.mdc-list-item--disabled), .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-active):not(:hover):not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple), .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active, .mat-mdc-select .mat-mdc-option:hover:not(.mdc-list-item--disabled), .mat-mdc-select .mat-mdc-option:focus:not(.mdc-list-item--disabled), .mat-mdc-select .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-active):not(:hover):not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple), .mat-mdc-select .mat-mdc-option.mat-mdc-option-active { background: unset !important; color: rgba(60, 132, 199, 0.8) !important; } .mat-mdc-autocomplete-panel .mat-mdc-option .mat-select-search-inner, .mat-mdc-select-panel .mat-mdc-option .mat-select-search-inner, .mat-mdc-select .mat-mdc-option .mat-select-search-inner { border-radius: 10px 10px 0 0; } .mat-mdc-autocomplete-panel .mat-mdc-option .mat-select-search-inner mat-divider, .mat-mdc-select-panel .mat-mdc-option .mat-select-search-inner mat-divider, .mat-mdc-select .mat-mdc-option .mat-select-search-inner mat-divider { border-bottom: 1px solid var(--mat-divider-color); position: absolute; bottom: 0; width: 100%; } .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text, .mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text, .mat-mdc-select .mat-mdc-option .mdc-list-item__primary-text { font-size: 14px; font-weight: 400; line-height: 17px; font-family: Figtree; letter-spacing: normal; } .mat-mdc-autocomplete-panel .mat-mdc-option:not(.mat-select-search-no-entries-found), .mat-mdc-select-panel .mat-mdc-option:not(.mat-select-search-no-entries-found), .mat-mdc-select .mat-mdc-option:not(.mat-select-search-no-entries-found) { height: 2.5rem !important; } .mat-mdc-autocomplete-panel .mat-mdc-option mat-pseudo-checkbox, .mat-mdc-select-panel .mat-mdc-option mat-pseudo-checkbox, .mat-mdc-select .mat-mdc-option mat-pseudo-checkbox { margin-right: 8px; } .mat-mdc-autocomplete-panel.custom-mat-select, .mat-mdc-select-panel.custom-mat-select, .mat-mdc-select.custom-mat-select { height: 41px; padding: 8px; line-height: 16px; font-size: 16px; font-weight: 400; line-height: 19px; font-family: Figtree; letter-spacing: normal; } .mat-mdc-autocomplete-panel.custom-mat-select.retailer-scouting-select, .mat-mdc-select-panel.custom-mat-select.retailer-scouting-select, .mat-mdc-select.custom-mat-select.retailer-scouting-select { border: solid 1px #c6c6c8; } .mat-mdc-autocomplete-panel.custom-mat-select.retailer-scouting-select .mat-mdc-select-placeholder, .mat-mdc-autocomplete-panel.custom-mat-select.retailer-scouting-select .mat-mdc-select-value, .mat-mdc-select-panel.custom-mat-select.retailer-scouting-select .mat-mdc-select-placeholder, .mat-mdc-select-panel.custom-mat-select.retailer-scouting-select .mat-mdc-select-value, .mat-mdc-select.custom-mat-select.retailer-scouting-select .mat-mdc-select-placeholder, .mat-mdc-select.custom-mat-select.retailer-scouting-select .mat-mdc-select-value { font-size: 14px; font-weight: 400; line-height: 17px; font-family: Figtree; letter-spacing: normal; } .mat-mdc-autocomplete-panel.custom-mat-select.mat-mdc-focused, .mat-mdc-autocomplete-panel.custom-mat-select:focus, .mat-mdc-autocomplete-panel.custom-mat-select:active, .mat-mdc-select-panel.custom-mat-select.mat-mdc-focused, .mat-mdc-select-panel.custom-mat-select:focus, .mat-mdc-select-panel.custom-mat-select:active, .mat-mdc-select.custom-mat-select.mat-mdc-focused, .mat-mdc-select.custom-mat-select:focus, .mat-mdc-select.custom-mat-select:active { border: 1px solid #c5daee; } .mat-mdc-autocomplete-panel.custom-mat-select:hover, .mat-mdc-select-panel.custom-mat-select:hover, .mat-mdc-select.custom-mat-select:hover { border: 1px solid transparent; box-shadow: 0 0 0 4px #c5daee; } /* SM-5064: let single-select filter options (e.g. "Filter by Tags") wrap instead of truncating with an ellipsis. Scoped to the Advanced Filters panel class so other dropdowns (incl. virtual-scroll ones relying on fixed row heights) are unaffected. */ .advanced-filter-wrap-options.mat-mdc-select-panel.mdc-menu-surface--open { min-width: 0 !important; width: 100%; max-width: 100%; } .advanced-filter-wrap-options.mat-mdc-select-panel .mat-mdc-option:not(.mat-select-search-no-entries-found) { height: auto !important; min-height: 2.5rem; padding-top: 6px; padding-bottom: 6px; } .advanced-filter-wrap-options.mat-mdc-select-panel .mdc-list-item__primary-text { white-space: normal; overflow-wrap: anywhere; } mat-radio-button .mdc-radio { padding: unset !important; } mat-radio-button .mdc-label { cursor: pointer; } mat-radio-button:not(.mat-mdc-radio-checked) .mdc-radio__inner-circle { border-color: transparent !important; } .mat-mdc-tab-link-container .mat-mdc-tab-link { font-size: 14px; font-weight: 400; line-height: 17px; font-family: Figtree; letter-spacing: normal; min-width: 160px; } mat-chip:not(.mdc-evolution-chip--disabled).mat-primary { background-color: #3c84c7; } mat-chip:not(.mdc-evolution-chip--disabled).mat-primary .mat-mdc-chip-action-label { color: #ffffff; } /*Progress bar*/ .mat-mdc-progress-bar { --mdc-linear-progress-track-color: white !important; } .mat-mdc-divider { border-top-color: rgba(198, 198, 200, 0.4) !important; } /*Slider toggle*/ .mdc-switch:enabled .mdc-switch__track::after { background: #3c84c7 !important; } mat-slide-toggle .mdc-switch.mdc-switch--disabled .mdc-switch__track::after { background: #3c84c7 !important; } mat-slide-toggle .mdc-switch__icons { display: none; } mat-slide-toggle .mdc-switch__handle::after, mat-slide-toggle .mdc-switch__handle::before { background: #ffffff !important; } mat-slide-toggle .mdc-switch__track::before { background: rgba(0, 0, 0, 0.5) !important; } mat-slide-toggle .mdc-switch__handle-track { left: 2px; } /*Material select list customization*/ .custom-mat-list mat-selection-list { padding: 0; } .custom-mat-list mat-selection-list mat-list-option { padding: 0; border-bottom: 1px solid #f2f1f6; } .custom-mat-list mat-selection-list mat-list-option:hover .mdc-radio .mdc-radio__outer-circle, .custom-mat-list mat-selection-list mat-list-option:focus .mdc-radio .mdc-radio__outer-circle { border-color: rgba(60, 132, 199, 0.8) !important; } .custom-mat-list mat-selection-list mat-list-option:hover .mdc-radio__background::before, .custom-mat-list mat-selection-list mat-list-option:focus .mdc-radio__background::before { opacity: 0 !important; } .custom-mat-list mat-selection-list mat-list-option:hover::before, .custom-mat-list mat-selection-list mat-list-option:focus::before { background-color: transparent !important; } .custom-mat-list mat-selection-list mat-list-option:hover .mdc-list-item__primary-text, .custom-mat-list mat-selection-list mat-list-option:focus .mdc-list-item__primary-text { color: rgba(60, 132, 199, 0.8) !important; } .custom-mat-list mat-selection-list mat-list-option[aria-selected=true] .mdc-list-item__primary-text { color: #3c84c7 !important; } .custom-mat-list mat-selection-list mat-list-option[aria-selected=true] .mdc-radio__outer-circle { border-width: 4px; } .custom-mat-list mat-selection-list mat-list-option[aria-selected=true] .mdc-radio__inner-circle { display: none; } .custom-mat-list mat-selection-list mat-list-option .mdc-list-item__end { margin-right: 0; } .custom-mat-list mat-selection-list mat-list-option .mdc-list-item__primary-text { font-size: 16px !important; } /*Radio group*/ mat-radio-group .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__outer-circle, mat-radio-group .mat-mdc-radio-button .mdc-radio:focus .mdc-radio__outer-circle { border-color: rgba(60, 132, 199, 0.8) !important; } mat-radio-group .mat-mdc-radio-button .mdc-radio__background::before { opacity: 0 !important; } mat-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle { border-width: 4px; } mat-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle { display: none; } mat-radio-group .mat-mdc-radio-button.show-inner-circle.mat-mdc-radio-checked .mdc-radio__outer-circle { border-width: 2px; } mat-radio-group .mat-mdc-radio-button.show-inner-circle.mat-mdc-radio-checked .mdc-radio__inner-circle { display: block; transform: scale(0.4); } mat-select, .mat-mdc-tab, .mat-mdc-menu-item-text, .mat-mdc-menu-content, .mat-mdc-tab-link, .mat-mdc-row, .mat-mdc-header-row, .mdc-data-table__content, .mat-internal-form-field { -webkit-font-smoothing: unset !important; -moz-osx-font-smoothing: auto !important; } .mat-mdc-tab-nav-bar, .mat-mdc-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } mat-paginator .mat-mdc-text-field-wrapper { margin-bottom: unset !important; } mat-icon { display: inline-flex !important; } /* Override mdc material global variables */ :root { --mat-form-field-container-height: 40px !important; --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.4) !important; --mdc-filled-text-field-container-color: transparent !important; --mdc-filled-text-field-label-text-size: 14px !important; --mat-form-field-filled-with-label-container-padding-top: 10px !important; --mat-form-field-filled-with-label-container-padding-bottom: 0px !important; --mat-form-field-container-vertical-padding: 8px !important; --mat-form-field-hover-state-layer-opacity: 0 !important; --mat-form-field-focus-state-layer-opacity: 0 !important; --mdc-checkbox-state-layer-size: 20px !important; --mdc-checkbox-unselected-focus-state-layer-opacity: 0 !important; --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.4) !important; --mdc-switch-state-layer-size: 20px !important; --mdc-outlined-text-field-container-shape: 10px !important; --mdc-radio-state-layer-size: 20px !important; --mat-table-row-item-container-height: 48px !important; --mdc-dialog-supporting-text-color: black !important; --mat-dialog-with-actions-content-padding: 0 !important; --mat-switch-with-icon-handle-size: 12px !important; --mdc-switch-track-width: 28px !important; --mdc-switch-track-height: 16px !important; --mdc-switch-track-shape: 30px !important; --mdc-switch-handle-width: 16px !important; --mat-expansion-header-text-size: 12px !important; } :root { font-family: "Figtree", sans-serif; --app-primary-color: #3c84c7; --app-primary-color-100: #c5daee; --app-primary-color-400: #3677b3; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1)); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-focus-indicator-display, none); border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-mdc-focus-indicator-display, none); border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } .mat-app-background { background-color: var(--mat-app-background-color, transparent); color: var(--mat-app-text-color, inherit); } :root { --borderColor: currentColor; --mat-ripple-color: rgba(0, 0, 0, 0.1); --mat-option-selected-state-label-text-color: #3c84c7; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87); --mat-full-pseudo-checkbox-selected-icon-color: #d08900; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #d08900; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; --mat-app-background-color: #fafafa; --mat-app-text-color: rgba(0, 0, 0, 0.87); --mat-option-label-text-font: Figtree; --mat-option-label-text-line-height: 14px; --mat-option-label-text-size: 12px; --mat-option-label-text-tracking: normal; --mat-option-label-text-weight: 400; --mat-optgroup-label-text-font: Figtree; --mat-optgroup-label-text-line-height: 14px; --mat-optgroup-label-text-size: 12px; --mat-optgroup-label-text-tracking: normal; --mat-optgroup-label-text-weight: 400; --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54); --mat-card-title-text-font: Figtree; --mat-card-title-text-line-height: 17px; --mat-card-title-text-size: 14px; --mat-card-title-text-tracking: normal; --mat-card-title-text-weight: 400; --mat-card-subtitle-text-font: Figtree; --mat-card-subtitle-text-line-height: 19px; --mat-card-subtitle-text-size: 16px; --mat-card-subtitle-text-tracking: normal; --mat-card-subtitle-text-weight: 400; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #616161; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-plain-tooltip-supporting-text-font: Figtree; --mdc-plain-tooltip-supporting-text-size: 11px; --mdc-plain-tooltip-supporting-text-weight: 400; --mdc-plain-tooltip-supporting-text-tracking: normal; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #3c84c7; --mdc-filled-text-field-focus-active-indicator-color: #3c84c7; --mdc-filled-text-field-focus-label-text-color: rgba(60, 132, 199, 0.87); --mdc-filled-text-field-container-color: whitesmoke; --mdc-filled-text-field-disabled-container-color: #fafafa; --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #d3222d; --mdc-filled-text-field-error-focus-label-text-color: #d3222d; --mdc-filled-text-field-error-label-text-color: #d3222d; --mdc-filled-text-field-error-caret-color: #d3222d; --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-error-active-indicator-color: #d3222d; --mdc-filled-text-field-error-focus-active-indicator-color: #d3222d; --mdc-filled-text-field-error-hover-active-indicator-color: #d3222d; --mdc-outlined-text-field-caret-color: #3c84c7; --mdc-outlined-text-field-focus-outline-color: #3c84c7; --mdc-outlined-text-field-focus-label-text-color: rgba(60, 132, 199, 0.87); --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-error-caret-color: #d3222d; --mdc-outlined-text-field-error-focus-label-text-color: #d3222d; --mdc-outlined-text-field-error-label-text-color: #d3222d; --mdc-outlined-text-field-error-hover-label-text-color: #d3222d; --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #d3222d; --mdc-outlined-text-field-error-hover-outline-color: #d3222d; --mdc-outlined-text-field-error-outline-color: #d3222d; --mat-form-field-focus-select-arrow-color: rgba(60, 132, 199, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #d3222d; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; --mat-form-field-container-height: 56px; --mat-form-field-filled-label-display: block; --mat-form-field-container-vertical-padding: 16px; --mat-form-field-filled-with-label-container-padding-top: 24px; --mat-form-field-filled-with-label-container-padding-bottom: 8px; --mdc-filled-text-field-label-text-font: Figtree; --mdc-filled-text-field-label-text-size: 12px; --mdc-filled-text-field-label-text-tracking: normal; --mdc-filled-text-field-label-text-weight: 400; --mdc-outlined-text-field-label-text-font: Figtree; --mdc-outlined-text-field-label-text-size: 12px; --mdc-outlined-text-field-label-text-tracking: normal; --mdc-outlined-text-field-label-text-weight: 400; --mat-form-field-container-text-font: Figtree; --mat-form-field-container-text-line-height: 14px; --mat-form-field-container-text-size: 12px; --mat-form-field-container-text-tracking: normal; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 12px; --mat-form-field-subscript-text-font: Figtree; --mat-form-field-subscript-text-line-height: 13px; --mat-form-field-subscript-text-size: 11px; --mat-form-field-subscript-text-tracking: normal; --mat-form-field-subscript-text-weight: 400; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(60, 132, 199, 0.87); --mat-select-invalid-arrow-color: rgba(211, 34, 45, 0.87); --mat-select-arrow-transform: translateY(-8px); --mat-select-trigger-text-font: Figtree; --mat-select-trigger-text-line-height: 14px; --mat-select-trigger-text-size: 12px; --mat-select-trigger-text-tracking: normal; --mat-select-trigger-text-weight: 400; --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: white; --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mdc-dialog-container-shadow-color: #000; --mdc-dialog-container-shape: 4px; --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6); --mdc-dialog-subhead-font: Figtree; --mdc-dialog-subhead-line-height: 17px; --mdc-dialog-subhead-size: 14px; --mdc-dialog-subhead-weight: 400; --mdc-dialog-subhead-tracking: normal; --mdc-dialog-supporting-text-font: Figtree; --mdc-dialog-supporting-text-line-height: 14px; --mdc-dialog-supporting-text-size: 12px; --mdc-dialog-supporting-text-weight: 400; --mdc-dialog-supporting-text-tracking: normal; --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mdc-switch-selected-focus-state-layer-color: #3677b3; --mdc-switch-selected-handle-color: #3677b3; --mdc-switch-selected-hover-state-layer-color: #3677b3; --mdc-switch-selected-pressed-state-layer-color: #3677b3; --mdc-switch-selected-focus-handle-color: #183550; --mdc-switch-selected-hover-handle-color: #183550; --mdc-switch-selected-pressed-handle-color: #183550; --mdc-switch-selected-focus-track-color: #77a9d8; --mdc-switch-selected-hover-track-color: #77a9d8; --mdc-switch-selected-pressed-track-color: #77a9d8; --mdc-switch-selected-track-color: #77a9d8; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff); --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-handle-shadow-color: black; --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-switch-state-layer-size: 40px; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-color: #3c84c7; --mdc-slider-focus-handle-color: #3c84c7; --mdc-slider-hover-handle-color: #3c84c7; --mdc-slider-active-track-color: #3c84c7; --mdc-slider-inactive-track-color: #3c84c7; --mdc-slider-with-tick-marks-inactive-container-color: #3c84c7; --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87); --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-label-container-color: #000; --mdc-slider-label-label-text-color: #fff; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #000; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-ripple-color: #3c84c7; --mat-slider-hover-state-layer-color: rgba(60, 132, 199, 0.05); --mat-slider-focus-state-layer-color: rgba(60, 132, 199, 0.2); --mat-slider-value-indicator-opacity: 0.6; --mdc-slider-label-label-text-font: Figtree; --mdc-slider-label-label-text-size: 16px; --mdc-slider-label-label-text-line-height: 19px; --mdc-slider-label-label-text-tracking: normal; --mdc-slider-label-label-text-weight: 400; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; --mat-menu-divider-color: rgba(0, 0, 0, 0.12); --mat-menu-item-label-text-font: Figtree; --mat-menu-item-label-text-size: 12px; --mat-menu-item-label-text-tracking: normal; --mat-menu-item-label-text-line-height: 14px; --mat-menu-item-label-text-weight: 400; --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 0; --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; --mdc-list-list-item-one-line-container-height: 48px; --mdc-list-list-item-two-line-container-height: 64px; --mdc-list-list-item-three-line-container-height: 88px; --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; --mdc-list-list-item-label-text-font: Figtree; --mdc-list-list-item-label-text-line-height: 14px; --mdc-list-list-item-label-text-size: 12px; --mdc-list-list-item-label-text-tracking: normal; --mdc-list-list-item-label-text-weight: 400; --mdc-list-list-item-supporting-text-font: Figtree; --mdc-list-list-item-supporting-text-line-height: 19px; --mdc-list-list-item-supporting-text-size: 16px; --mdc-list-list-item-supporting-text-tracking: normal; --mdc-list-list-item-supporting-text-weight: 400; --mdc-list-list-item-trailing-supporting-text-font: Figtree; --mdc-list-list-item-trailing-supporting-text-line-height: 13px; --mdc-list-list-item-trailing-supporting-text-size: 11px; --mdc-list-list-item-trailing-supporting-text-tracking: normal; --mdc-list-list-item-trailing-supporting-text-weight: 400; --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); --mat-paginator-container-size: 56px; --mat-paginator-form-field-container-height: 40px; --mat-paginator-form-field-container-vertical-padding: 8px; --mat-paginator-container-text-font: Figtree; --mat-paginator-container-text-line-height: 13px; --mat-paginator-container-text-size: 11px; --mat-paginator-container-text-tracking: normal; --mat-paginator-container-text-weight: 400; --mat-paginator-select-trigger-text-size: 11px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mdc-secondary-navigation-tab-container-height: 48px; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #d08900; --mdc-checkbox-selected-hover-icon-color: #d08900; --mdc-checkbox-selected-icon-color: #d08900; --mdc-checkbox-selected-pressed-icon-color: #d08900; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #d08900; --mdc-checkbox-selected-hover-state-layer-color: #d08900; --mdc-checkbox-selected-pressed-state-layer-color: #d08900; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-state-layer-size: 40px; --mat-checkbox-touch-target-display: block; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-keep-touch-target: false; --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: black; --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mat-text-button-state-layer-color: black; --mat-text-button-disabled-state-layer-color: black; --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity: 0.04; --mat-text-button-focus-state-layer-opacity: 0.12; --mat-text-button-pressed-state-layer-opacity: 0.12; --mdc-filled-button-container-color: white; --mdc-filled-button-label-text-color: black; --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mat-filled-button-state-layer-color: black; --mat-filled-button-disabled-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.04; --mat-filled-button-focus-state-layer-opacity: 0.12; --mat-filled-button-pressed-state-layer-opacity: 0.12; --mdc-protected-button-container-color: white; --mdc-protected-button-label-text-color: black; --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-protected-button-container-shadow-color: #000; --mat-protected-button-state-layer-color: black; --mat-protected-button-disabled-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.04; --mat-protected-button-focus-state-layer-opacity: 0.12; --mat-protected-button-pressed-state-layer-opacity: 0.12; --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-label-text-color: black; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: black; --mat-outlined-button-disabled-state-layer-color: black; --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.04; --mat-outlined-button-focus-state-layer-opacity: 0.12; --mat-outlined-button-pressed-state-layer-opacity: 0.12; --mdc-text-button-container-height: 36px; --mdc-filled-button-container-height: 36px; --mdc-outlined-button-container-height: 36px; --mdc-protected-button-container-height: 36px; --mat-text-button-touch-target-display: block; --mat-filled-button-touch-target-display: block; --mat-protected-button-touch-target-display: block; --mat-outlined-button-touch-target-display: block; --mdc-text-button-label-text-font: Figtree; --mdc-text-button-label-text-size: 14px; --mdc-text-button-label-text-tracking: 0.0892857143em; --mdc-text-button-label-text-weight: 500; --mdc-text-button-label-text-transform: none; --mdc-filled-button-label-text-font: Figtree; --mdc-filled-button-label-text-size: 14px; --mdc-filled-button-label-text-tracking: 0.0892857143em; --mdc-filled-button-label-text-weight: 500; --mdc-filled-button-label-text-transform: none; --mdc-outlined-button-label-text-font: Figtree; --mdc-outlined-button-label-text-size: 14px; --mdc-outlined-button-label-text-tracking: 0.0892857143em; --mdc-outlined-button-label-text-weight: 500; --mdc-outlined-button-label-text-transform: none; --mdc-protected-button-label-text-font: Figtree; --mdc-protected-button-label-text-size: 14px; --mdc-protected-button-label-text-tracking: 0.0892857143em; --mdc-protected-button-label-text-weight: 500; --mdc-protected-button-label-text-transform: none; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); --mat-icon-button-state-layer-color: black; --mat-icon-button-disabled-state-layer-color: black; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mat-icon-button-touch-target-display: block; --mdc-fab-container-shape: 50%; --mdc-fab-icon-size: 24px; --mdc-fab-small-container-shape: 50%; --mdc-fab-small-icon-size: 24px; --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-fab-container-color: white; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-shadow-color: #000; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-disabled-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12); --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); --mdc-fab-small-container-color: white; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shadow-color: #000; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-disabled-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-shadow-color: #000; --mat-fab-touch-target-display: block; --mat-fab-small-touch-target-display: block; --mdc-extended-fab-label-text-font: Figtree; --mdc-extended-fab-label-text-size: 14px; --mdc-extended-fab-label-text-tracking: 0.0892857143em; --mdc-extended-fab-label-text-weight: 500; --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); --mat-snack-bar-button-color: #d08900; --mdc-snackbar-supporting-text-font: Figtree; --mdc-snackbar-supporting-text-line-height: 19px; --mdc-snackbar-supporting-text-size: 16px; --mdc-snackbar-supporting-text-weight: 400; --mat-table-row-item-outline-width: 1px; --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); --mat-table-header-container-height: 56px; --mat-table-footer-container-height: 52px; --mat-table-row-item-container-height: 52px; --mat-table-header-headline-font: Figtree; --mat-table-header-headline-line-height: 19px; --mat-table-header-headline-size: 16px; --mat-table-header-headline-weight: 400; --mat-table-header-headline-tracking: normal; --mat-table-row-item-label-text-font: Figtree; --mat-table-row-item-label-text-line-height: 19px; --mat-table-row-item-label-text-size: 16px; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: normal; --mat-table-footer-supporting-text-font: Figtree; --mat-table-footer-supporting-text-line-height: 19px; --mat-table-footer-supporting-text-size: 16px; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: normal; --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #3c84c7; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #3c84c7; --mat-badge-text-color: rgba(0, 0, 0, 0.87); --mat-badge-disabled-state-background-color: #b9b9b9; --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-badge-text-font: Figtree; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-large-size-text-size: 24px; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; --mat-bottom-sheet-container-text-font: Figtree; --mat-bottom-sheet-container-text-line-height: 19px; --mat-bottom-sheet-container-text-size: 16px; --mat-bottom-sheet-container-text-tracking: normal; --mat-bottom-sheet-container-text-weight: 400; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: #e0e0e0; --mat-standard-button-toggle-height: 48px; --mat-legacy-button-toggle-label-text-font: Figtree; --mat-legacy-button-toggle-label-text-line-height: 14px; --mat-legacy-button-toggle-label-text-size: 12px; --mat-legacy-button-toggle-label-text-tracking: normal; --mat-legacy-button-toggle-label-text-weight: 400; --mat-standard-button-toggle-label-text-font: Figtree; --mat-standard-button-toggle-label-text-line-height: 14px; --mat-standard-button-toggle-label-text-size: 12px; --mat-standard-button-toggle-label-text-tracking: normal; --mat-standard-button-toggle-label-text-weight: 400; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-selected-state-background-color: #3c84c7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(60, 132, 199, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-focus-state-background-color: rgba(60, 132, 199, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(60, 132, 199, 0.3); --mat-datepicker-toggle-active-state-icon-color: #3c84c7; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(60, 132, 199, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: black; --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-text-font: Figtree; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; --mat-divider-width: 1px; --mat-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; --mat-expansion-header-text-font: Figtree; --mat-expansion-header-text-size: 16px; --mat-expansion-header-text-weight: 400; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: Figtree; --mat-expansion-container-text-line-height: 19px; --mat-expansion-container-text-size: 16px; --mat-expansion-container-text-tracking: normal; --mat-expansion-container-text-weight: 400; --mat-grid-list-tile-header-primary-text-size: 16px; --mat-grid-list-tile-header-secondary-text-size: 11px; --mat-grid-list-tile-footer-primary-text-size: 16px; --mat-grid-list-tile-footer-secondary-text-size: 11px; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-selected-state-icon-background-color: #3c84c7; --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-done-state-icon-background-color: #3c84c7; --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-edit-state-icon-background-color: #3c84c7; --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #d3222d; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #d3222d; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-stepper-header-height: 72px; --mat-stepper-container-text-font: Figtree; --mat-stepper-header-label-text-font: Figtree; --mat-stepper-header-label-text-size: 16px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 12px; --mat-stepper-header-selected-state-label-text-size: 12px; --mat-stepper-header-selected-state-label-text-weight: 400; --mat-sort-arrow-color: #757575; --mat-toolbar-container-background-color: whitesmoke; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; --mat-toolbar-title-text-font: Figtree; --mat-toolbar-title-text-line-height: 17px; --mat-toolbar-title-text-size: 14px; --mat-toolbar-title-text-tracking: normal; --mat-toolbar-title-text-weight: 400; --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); --mat-tree-node-min-height: 48px; --mat-tree-node-text-font: Figtree; --mat-tree-node-text-size: 16px; --mat-tree-node-text-weight: 400; } :root .mat-accent { --mat-option-selected-state-label-text-color: #d08900; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } :root .mat-warn { --mat-option-selected-state-label-text-color: #d3222d; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } :root .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #3c84c7; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3c84c7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } :root .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #d08900; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #d08900; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } :root .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #d3222d; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #d3222d; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } :root .mat-elevation-z0, :root .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z1, :root .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z2, :root .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z3, :root .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z4, :root .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z5, :root .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z6, :root .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z7, :root .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z8, :root .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z9, :root .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z10, :root .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z11, :root .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z12, :root .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z13, :root .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z14, :root .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z15, :root .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z16, :root .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z17, :root .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z18, :root .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z19, :root .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z20, :root .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z21, :root .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z22, :root .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z23, :root .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } :root .mat-elevation-z24, :root .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } :root .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #3c84c7; --mdc-linear-progress-track-color: rgba(60, 132, 199, 0.25); } :root .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #d08900; --mdc-linear-progress-track-color: rgba(208, 137, 0, 0.25); } :root .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #d3222d; --mdc-linear-progress-track-color: rgba(211, 34, 45, 0.25); } :root .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #d08900; --mdc-filled-text-field-focus-active-indicator-color: #d08900; --mdc-filled-text-field-focus-label-text-color: rgba(208, 137, 0, 0.87); --mdc-outlined-text-field-caret-color: #d08900; --mdc-outlined-text-field-focus-outline-color: #d08900; --mdc-outlined-text-field-focus-label-text-color: rgba(208, 137, 0, 0.87); --mat-form-field-focus-select-arrow-color: rgba(208, 137, 0, 0.87); } :root .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #d3222d; --mdc-filled-text-field-focus-active-indicator-color: #d3222d; --mdc-filled-text-field-focus-label-text-color: rgba(211, 34, 45, 0.87); --mdc-outlined-text-field-caret-color: #d3222d; --mdc-outlined-text-field-focus-outline-color: #d3222d; --mdc-outlined-text-field-focus-label-text-color: rgba(211, 34, 45, 0.87); --mat-form-field-focus-select-arrow-color: rgba(211, 34, 45, 0.87); } :root .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(208, 137, 0, 0.87); --mat-select-invalid-arrow-color: rgba(211, 34, 45, 0.87); } :root .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(211, 34, 45, 0.87); --mat-select-invalid-arrow-color: rgba(211, 34, 45, 0.87); } :root .mat-mdc-standard-chip { --mdc-chip-container-shape-family: rounded; --mdc-chip-container-shape-radius: 16px 16px 16px 16px; --mdc-chip-with-avatar-avatar-shape-family: rounded; --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; } :root .mat-mdc-standard-chip { --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: #e0e0e0; --mdc-chip-elevated-selected-container-color: #e0e0e0; --mdc-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-flat-disabled-selected-container-color: #e0e0e0; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-selected-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; --mat-chip-selected-disabled-trailing-icon-color: #212121; --mat-chip-selected-trailing-icon-color: #212121; } :root .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, :root .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-elevated-container-color: #3c84c7; --mdc-chip-elevated-selected-container-color: #3c84c7; --mdc-chip-elevated-disabled-container-color: #3c84c7; --mdc-chip-flat-disabled-selected-container-color: #3c84c7; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87); } :root .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, :root .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #d08900; --mdc-chip-elevated-selected-container-color: #d08900; --mdc-chip-elevated-disabled-container-color: #d08900; --mdc-chip-flat-disabled-selected-container-color: #d08900; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } :root .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, :root .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #d3222d; --mdc-chip-elevated-selected-container-color: #d3222d; --mdc-chip-elevated-disabled-container-color: #d3222d; --mdc-chip-flat-disabled-selected-container-color: #d3222d; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } :root .mat-mdc-chip.mat-mdc-standard-chip { --mdc-chip-container-height: 32px; } :root .mat-mdc-standard-chip { --mdc-chip-label-text-font: Figtree; --mdc-chip-label-text-line-height: 19px; --mdc-chip-label-text-size: 16px; --mdc-chip-label-text-tracking: normal; --mdc-chip-label-text-weight: 400; } :root .mat-mdc-slide-toggle { --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87); } :root .mat-mdc-slide-toggle { --mdc-form-field-label-text-font: Figtree; --mdc-form-field-label-text-line-height: 19px; --mdc-form-field-label-text-size: 16px; --mdc-form-field-label-text-tracking: normal; --mdc-form-field-label-text-weight: 400; } :root .mat-mdc-radio-button { --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87); } :root .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #3c84c7; --mdc-radio-selected-hover-icon-color: #3c84c7; --mdc-radio-selected-icon-color: #3c84c7; --mdc-radio-selected-pressed-icon-color: #3c84c7; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #3c84c7; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); } :root .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #d08900; --mdc-radio-selected-hover-icon-color: #d08900; --mdc-radio-selected-icon-color: #d08900; --mdc-radio-selected-pressed-icon-color: #d08900; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #d08900; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); } :root .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #d3222d; --mdc-radio-selected-hover-icon-color: #d3222d; --mdc-radio-selected-icon-color: #d3222d; --mdc-radio-selected-pressed-icon-color: #d3222d; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #d3222d; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); } :root .mat-mdc-radio-button { --mdc-form-field-label-text-font: Figtree; --mdc-form-field-label-text-line-height: 19px; --mdc-form-field-label-text-size: 16px; --mdc-form-field-label-text-tracking: normal; --mdc-form-field-label-text-weight: 400; } :root .mat-accent { --mat-slider-ripple-color: #d08900; --mat-slider-hover-state-layer-color: rgba(208, 137, 0, 0.05); --mat-slider-focus-state-layer-color: rgba(208, 137, 0, 0.2); --mdc-slider-handle-color: #d08900; --mdc-slider-focus-handle-color: #d08900; --mdc-slider-hover-handle-color: #d08900; --mdc-slider-active-track-color: #d08900; --mdc-slider-inactive-track-color: #d08900; --mdc-slider-with-tick-marks-inactive-container-color: #d08900; --mdc-slider-with-tick-marks-active-container-color: white; } :root .mat-warn { --mat-slider-ripple-color: #d3222d; --mat-slider-hover-state-layer-color: rgba(211, 34, 45, 0.05); --mat-slider-focus-state-layer-color: rgba(211, 34, 45, 0.2); --mdc-slider-handle-color: #d3222d; --mdc-slider-focus-handle-color: #d3222d; --mdc-slider-hover-handle-color: #d3222d; --mdc-slider-active-track-color: #d3222d; --mdc-slider-inactive-track-color: #d3222d; --mdc-slider-with-tick-marks-inactive-container-color: #d3222d; --mdc-slider-with-tick-marks-active-container-color: white; } :root .mdc-list-item__start, :root .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #3c84c7; --mdc-radio-selected-hover-icon-color: #3c84c7; --mdc-radio-selected-icon-color: #3c84c7; --mdc-radio-selected-pressed-icon-color: #3c84c7; } :root .mat-accent .mdc-list-item__start, :root .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #d08900; --mdc-radio-selected-hover-icon-color: #d08900; --mdc-radio-selected-icon-color: #d08900; --mdc-radio-selected-pressed-icon-color: #d08900; } :root .mat-warn .mdc-list-item__start, :root .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #d3222d; --mdc-radio-selected-hover-icon-color: #d3222d; --mdc-radio-selected-icon-color: #d3222d; --mdc-radio-selected-pressed-icon-color: #d3222d; } :root .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: black; --mdc-checkbox-selected-focus-icon-color: #3c84c7; --mdc-checkbox-selected-hover-icon-color: #3c84c7; --mdc-checkbox-selected-icon-color: #3c84c7; --mdc-checkbox-selected-pressed-icon-color: #3c84c7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #3c84c7; --mdc-checkbox-selected-hover-state-layer-color: #3c84c7; --mdc-checkbox-selected-pressed-state-layer-color: #3c84c7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } :root .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #d08900; --mdc-checkbox-selected-hover-icon-color: #d08900; --mdc-checkbox-selected-icon-color: #d08900; --mdc-checkbox-selected-pressed-icon-color: #d08900; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #d08900; --mdc-checkbox-selected-hover-state-layer-color: #d08900; --mdc-checkbox-selected-pressed-state-layer-color: #d08900; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } :root .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #d3222d; --mdc-checkbox-selected-hover-icon-color: #d3222d; --mdc-checkbox-selected-icon-color: #d3222d; --mdc-checkbox-selected-pressed-icon-color: #d3222d; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #d3222d; --mdc-checkbox-selected-hover-state-layer-color: #d3222d; --mdc-checkbox-selected-pressed-state-layer-color: #d3222d; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } :root .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, :root .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text { color: #3c84c7; } :root .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start, :root .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start { color: #3c84c7; } :root .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, :root .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, :root .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } :root .mdc-list-item__start, :root .mdc-list-item__end { --mdc-radio-state-layer-size: 40px; } :root .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, :root .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, :root .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 56px; } :root .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, :root .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, :root .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 72px; } :root .mdc-list-group__subheader { font: 400 12px / 14px Figtree; letter-spacing: normal; } :root .mat-mdc-tab-group, :root .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #3c84c7; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #3c84c7; --mat-tab-header-active-ripple-color: #3c84c7; --mat-tab-header-inactive-ripple-color: #3c84c7; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #3c84c7; --mat-tab-header-active-hover-label-text-color: #3c84c7; --mat-tab-header-active-focus-indicator-color: #3c84c7; --mat-tab-header-active-hover-indicator-color: #3c84c7; } :root .mat-mdc-tab-group.mat-accent, :root .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #d08900; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #d08900; --mat-tab-header-active-ripple-color: #d08900; --mat-tab-header-inactive-ripple-color: #d08900; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #d08900; --mat-tab-header-active-hover-label-text-color: #d08900; --mat-tab-header-active-focus-indicator-color: #d08900; --mat-tab-header-active-hover-indicator-color: #d08900; } :root .mat-mdc-tab-group.mat-warn, :root .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #d3222d; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #d3222d; --mat-tab-header-active-ripple-color: #d3222d; --mat-tab-header-inactive-ripple-color: #d3222d; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #d3222d; --mat-tab-header-active-hover-label-text-color: #d3222d; --mat-tab-header-active-focus-indicator-color: #d3222d; --mat-tab-header-active-hover-indicator-color: #d3222d; } :root .mat-mdc-tab-group.mat-background-primary, :root .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #3c84c7; --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87); } :root .mat-mdc-tab-group.mat-background-accent, :root .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #d08900; --mat-tab-header-with-background-foreground-color: white; } :root .mat-mdc-tab-group.mat-background-warn, :root .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #d3222d; --mat-tab-header-with-background-foreground-color: white; } :root .mat-mdc-tab-header { --mdc-secondary-navigation-tab-container-height: 48px; } :root .mat-mdc-tab-header { --mat-tab-header-label-text-font: Figtree; --mat-tab-header-label-text-size: 14px; --mat-tab-header-label-text-tracking: 0.0892857143em; --mat-tab-header-label-text-line-height: 36px; --mat-tab-header-label-text-weight: 500; } :root .mat-mdc-checkbox { --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87); } :root .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: black; --mdc-checkbox-selected-focus-icon-color: #3c84c7; --mdc-checkbox-selected-hover-icon-color: #3c84c7; --mdc-checkbox-selected-icon-color: #3c84c7; --mdc-checkbox-selected-pressed-icon-color: #3c84c7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #3c84c7; --mdc-checkbox-selected-hover-state-layer-color: #3c84c7; --mdc-checkbox-selected-pressed-state-layer-color: #3c84c7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } :root .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #d3222d; --mdc-checkbox-selected-hover-icon-color: #d3222d; --mdc-checkbox-selected-icon-color: #d3222d; --mdc-checkbox-selected-pressed-icon-color: #d3222d; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #d3222d; --mdc-checkbox-selected-hover-state-layer-color: #d3222d; --mdc-checkbox-selected-pressed-state-layer-color: #d3222d; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } :root .mat-mdc-checkbox { --mdc-form-field-label-text-font: Figtree; --mdc-form-field-label-text-line-height: 19px; --mdc-form-field-label-text-size: 16px; --mdc-form-field-label-text-tracking: normal; --mdc-form-field-label-text-weight: 400; } :root .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #3c84c7; --mat-text-button-state-layer-color: #3c84c7; --mat-text-button-ripple-color: rgba(60, 132, 199, 0.1); } :root .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #d08900; --mat-text-button-state-layer-color: #d08900; --mat-text-button-ripple-color: rgba(208, 137, 0, 0.1); } :root .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #d3222d; --mat-text-button-state-layer-color: #d3222d; --mat-text-button-ripple-color: rgba(211, 34, 45, 0.1); } :root .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #3c84c7; --mdc-filled-button-label-text-color: black; --mat-filled-button-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); } :root .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #d08900; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } :root .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #d3222d; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } :root .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #3c84c7; --mdc-protected-button-label-text-color: black; --mat-protected-button-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); } :root .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #d08900; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } :root .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #d3222d; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } :root .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #3c84c7; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #3c84c7; --mat-outlined-button-ripple-color: rgba(60, 132, 199, 0.1); } :root .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #d08900; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #d08900; --mat-outlined-button-ripple-color: rgba(208, 137, 0, 0.1); } :root .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #d3222d; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #d3222d; --mat-outlined-button-ripple-color: rgba(211, 34, 45, 0.1); } :root .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #3c84c7; --mat-icon-button-state-layer-color: #3c84c7; --mat-icon-button-ripple-color: rgba(60, 132, 199, 0.1); } :root .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #d08900; --mat-icon-button-state-layer-color: #d08900; --mat-icon-button-ripple-color: rgba(208, 137, 0, 0.1); } :root .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #d3222d; --mat-icon-button-state-layer-color: #d3222d; --mat-icon-button-ripple-color: rgba(211, 34, 45, 0.1); } :root .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 12px; } :root .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #3c84c7; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); } :root .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #d08900; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } :root .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #d3222d; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } :root .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #3c84c7; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); } :root .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #d08900; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } :root .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #d3222d; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } :root .mat-accent { --mdc-circular-progress-active-indicator-color: #d08900; } :root .mat-warn { --mdc-circular-progress-active-indicator-color: #d3222d; } :root .mat-badge-accent { --mat-badge-background-color: #d08900; --mat-badge-text-color: white; } :root .mat-badge-warn { --mat-badge-background-color: #d3222d; --mat-badge-text-color: white; } :root .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #d08900; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(208, 137, 0, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(208, 137, 0, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(208, 137, 0, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(208, 137, 0, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } :root .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #d3222d; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(211, 34, 45, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(211, 34, 45, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(211, 34, 45, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(211, 34, 45, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } :root .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #d08900; } :root .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #d3222d; } :root .mat-calendar-controls { --mat-icon-button-touch-target-display: none; } :root .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } :root .mat-icon.mat-primary { --mat-icon-color: #3c84c7; } :root .mat-icon.mat-accent { --mat-icon-color: #d08900; } :root .mat-icon.mat-warn { --mat-icon-color: #d3222d; } :root .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #d08900; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #d08900; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #d08900; --mat-stepper-header-edit-state-icon-foreground-color: white; } :root .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #d3222d; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #d3222d; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #d3222d; --mat-stepper-header-edit-state-icon-foreground-color: white; } :root .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #3c84c7; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } :root .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #d08900; --mat-toolbar-container-text-color: white; } :root .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #d3222d; --mat-toolbar-container-text-color: white; } button:focus { outline: 0; } b, strong { font-weight: 500 !important; } html, body.mat-typography { height: 100%; width: 100%; margin: 0; padding: 0; line-height: 1.5; } [hidden] { display: none !important; } p, span, b, em, div, h1, h2, h3, h4, h5, h6 { font-weight: normal; } ul, li { margin: 0; padding: 0; } .loader-container { position: absolute; justify-content: center; width: 100%; margin-top: 80px; display: flex; height: 100%; } .loader-container.width-overflow { align-items: center; margin-top: 0; z-index: 2; background: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } a { color: inherit; text-decoration: none; } a:hover { color: inherit; text-decoration: none; } .dashboard-map .user-map-controls, .review-map .user-map-controls, .annotation-map .user-map-controls, .map-sidenav .user-map-controls { position: absolute; bottom: 30px; width: 100%; display: flex; justify-content: space-between; align-items: flex-end; } .dashboard-map .user-map-controls .info-content, .review-map .user-map-controls .info-content, .annotation-map .user-map-controls .info-content, .map-sidenav .user-map-controls .info-content { flex-direction: column; } .dashboard-map .user-map-controls .analytics-content, .review-map .user-map-controls .analytics-content, .annotation-map .user-map-controls .analytics-content, .map-sidenav .user-map-controls .analytics-content { flex-direction: column; } .dashboard-map .user-map-controls .flight-selection-content, .review-map .user-map-controls .flight-selection-content, .annotation-map .user-map-controls .flight-selection-content, .map-sidenav .user-map-controls .flight-selection-content { flex-direction: column; width: 100%; display: flex; align-items: center; } .dashboard-map #map.mode-free_hand_mode .mapboxgl-canvas-container.mapboxgl-interactive, .dashboard-map #map.mode-drag_circle .mapboxgl-canvas-container.mapboxgl-interactive, .dashboard-map #map.mode-cut_mode .mapboxgl-canvas-container.mapboxgl-interactive, .review-map #map.mode-free_hand_mode .mapboxgl-canvas-container.mapboxgl-interactive, .review-map #map.mode-drag_circle .mapboxgl-canvas-container.mapboxgl-interactive, .review-map #map.mode-cut_mode .mapboxgl-canvas-container.mapboxgl-interactive, .annotation-map #map.mode-free_hand_mode .mapboxgl-canvas-container.mapboxgl-interactive, .annotation-map #map.mode-drag_circle .mapboxgl-canvas-container.mapboxgl-interactive, .annotation-map #map.mode-cut_mode .mapboxgl-canvas-container.mapboxgl-interactive, .map-sidenav #map.mode-free_hand_mode .mapboxgl-canvas-container.mapboxgl-interactive, .map-sidenav #map.mode-drag_circle .mapboxgl-canvas-container.mapboxgl-interactive, .map-sidenav #map.mode-cut_mode .mapboxgl-canvas-container.mapboxgl-interactive { cursor: crosshair; } .overflow-hidden { overflow: hidden; } .overflow-y-scroll { overflow-y: scroll; } .overflow-x-scroll { overflow-x: auto; } .menu-dashboard-selection { background: rgba(111, 111, 111, 0.9) !important; } .menu-dashboard-selection .mat-mdc-menu-item { color: white; } .menu-dashboard-selection .mat-mdc-menu-item:hover { background: rgba(255, 255, 255, 0.2) !important; } .menu-dashboard-selection .mat-mdc-menu-item.active { background: #01bc66; } .mapboxgl-ctrl-zoomLevel { font-size: 11px; font-weight: 400; line-height: 13px; font-family: Figtree; letter-spacing: normal; background: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); padding: 4px 10px; color: #000000; box-sizing: border-box; cursor: default; border-radius: 10px; margin-bottom: 5px !important; } .mapboxgl-ctrl-scale { font-size: 11px; font-weight: 400; line-height: 13px; font-family: Figtree; letter-spacing: normal; font-size: 11px !important; background-color: rgba(255, 255, 255, 0.6) !important; -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); padding: 4px 10px !important; color: #000000 !important; border-radius: 10px; width: unset !important; border: none !important; } .link { color: #3c84c7; font-size: 16px; font-weight: 400; line-height: 19px; font-family: Figtree; letter-spacing: normal; cursor: pointer; } .link:hover { color: #77a9d8 !important; } .link:hover mat-icon { color: #77a9d8; } .link.active { color: #2a5c8b; } .link.disabled { opacity: 0.2; pointer-events: none; } .link mat-icon { color: #3c84c7; } .gdd { color: #d08900; } .gdd.na, .gdd .na { color: rgba(208, 137, 0, 0.4); } .filter-favorite { height: 26px; border-radius: 30px; padding: 6px 10px; background: #f2f1f6; color: #000000; white-space: nowrap; cursor: pointer; } .filter-favorite:hover { box-shadow: inset 0 0 0 1px #c6c6c8; } .filter-favorite.active-favorite { background: #1c1c1d; color: #ffffff; } .filter-favorite.active-favorite:hover { opacity: 0.7; box-shadow: unset; } .f-11 { font-size: 11px; font-weight: 400; line-height: 13px; font-family: Figtree; letter-spacing: normal; } .f-12 { font-size: 12px; font-weight: 400; line-height: 14px; font-family: Figtree; letter-spacing: normal; } .f-13 { font-size: 13px; font-weight: 400; line-height: 16px; } .f-14 { font-size: 14px; font-weight: 400; line-height: 17px; font-family: Figtree; letter-spacing: normal; } .f-15 { font-size: 15px; font-weight: 400; line-height: 16px; } .f-16 { font-size: 16px; font-weight: 400; line-height: 19px; font-family: Figtree; letter-spacing: normal; } .f-18 { font-size: 18px; font-weight: 600; line-height: 22px; font-family: Figtree; letter-spacing: normal; } .f-20 { font-size: 20px; font-weight: 700; line-height: 24px; font-family: Figtree; letter-spacing: normal; } .f-22 { font-size: 22px; font-weight: 700; line-height: 26px; font-family: Figtree; letter-spacing: normal; } .f-38 { font-size: 38px; font-weight: 700; line-height: 46px; font-family: Figtree; letter-spacing: normal; } .f-52 { font-size: 52px; font-weight: 700; line-height: 62px; font-family: Figtree; letter-spacing: normal; } .label { color: rgba(0, 0, 0, 0.6); } .App { height: calc(100vh - 70px); width: calc(100vw - 85px); display: flex; } *[class*=sendbird-dropdown], .sendbird-modal { z-index: 1000; } *[class*=sendbird-dropdown] .sendbird-modal__content, .sendbird-modal .sendbird-modal__content { border-radius: 15px; } p { margin: 0 0 12px; } .checkmark { display: inline-block; transform: rotate(45deg); height: 16px; width: 8px; border-bottom: 2px solid var(--borderColor); border-right: 2px solid var(--borderColor); } .custom-mat-popup:has(.trial-popup) .mapboxgl-popup-tip { display: none; } .custom-mat-popup:has(.trial-popup) .trial-popup { white-space: wrap; line-height: normal; } .custom-mat-popup:has(.trial-popup) .mapboxgl-popup-content { border-radius: 4px; padding: 4px; color: #ffffff; background: rgba(0, 0, 0, 0.4); font-size: 12px; font-weight: normal; white-space: nowrap; } .trial-zone-popup { font-family: "Figtree"; } .trial-zone-popup .mapboxgl-popup-tip { display: none; } .trial-zone-popup .mapboxgl-popup-content { padding: 0; font-family: "Figtree"; background: transparent; border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); } /* The region zone popover (SM-7976) — same shell treatment as the trial one, scoped separately so the two never inherit each other's styling from the shared popup singleton. */ .region-zone-popup { font-family: "Figtree"; } .region-zone-popup .mapboxgl-popup-tip { display: none; } .region-zone-popup .mapboxgl-popup-content { padding: 0; font-family: "Figtree"; background: transparent; border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); } /*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/normalize.css/normalize.css?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************************************************************/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*!********************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/mapbox-gl/dist/mapbox-gl.css?ngGlobalStyle ***! \********************************************************************************************************************************************************************************************************************************************************************************************/ .mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:rgb(0 0 0/5%)}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y} /*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************/ /* Override default control style */ .mapbox-gl-draw_ctrl-bottom-left, .mapbox-gl-draw_ctrl-top-left { margin-left:0; border-radius:0 4px 4px 0; } .mapbox-gl-draw_ctrl-top-right, .mapbox-gl-draw_ctrl-bottom-right { margin-right:0; border-radius:4px 0 0 4px; } .mapbox-gl-draw_ctrl-draw-btn { border-color:rgba(0,0,0,0.9); color:rgba(255,255,255,0.5); width:30px; height:30px; } .mapbox-gl-draw_ctrl-draw-btn.active, .mapbox-gl-draw_ctrl-draw-btn.active:hover { background-color:rgb(0 0 0/5%); } .mapbox-gl-draw_ctrl-draw-btn { background-repeat: no-repeat; background-position: center; } .mapbox-gl-draw_point { background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z"/>%3C/svg>'); } .mapbox-gl-draw_polygon { background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z"/>%3C/svg>'); } .mapbox-gl-draw_line { background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z"/>%3C/svg>'); } .mapbox-gl-draw_trash { background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z"/>%3C/svg>'); } .mapbox-gl-draw_uncombine { background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m12 2c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm4 4c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm-7 1c-1 0-1 1-.5 1.5.3.3 1 1 1 1l-1 1s-.5.5 0 1 1 0 1 0l1-1 1 1c.5.5 1.5.5 1.5-.5v-4zm-5 3c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l4.9 4.9c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-4.9-4.9c-.1-.2-.4-.3-.7-.3z"/>%3C/svg>'); } .mapbox-gl-draw_combine { background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M12.1,2c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l4.9,4.9c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-4.9-4.9C12.6,2.1,12.3,2,12.1,2z M8,8C7,8,7,9,7.5,9.5c0.3,0.3,1,1,1,1l-1,1c0,0-0.5,0.5,0,1s1,0,1,0l1-1l1,1 C11,13,12,13,12,12V8H8z M4,10c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1c0.4-0.4,0.4-1,0-1.4 l-1-1C4.5,10.1,4.3,10,4,10z M8,14c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-1-1C8.5,14.1,8.3,14,8,14z"/>%3C/svg>'); } .mapboxgl-map.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive { cursor: pointer; } .mapboxgl-map.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive { cursor: move; } .mapboxgl-map.mouse-add .mapboxgl-canvas-container.mapboxgl-interactive { cursor: crosshair; } .mapboxgl-map.mouse-move.mode-direct_select .mapboxgl-canvas-container.mapboxgl-interactive { cursor: grab; cursor: -webkit-grab; } .mapboxgl-map.mode-direct_select.feature-vertex.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive { cursor: move; } .mapboxgl-map.mode-direct_select.feature-midpoint.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive { cursor: cell; } .mapboxgl-map.mode-direct_select.feature-feature.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive { cursor: move; } .mapboxgl-map.mode-static.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive { cursor: grab; cursor: -webkit-grab; } .mapbox-gl-draw_boxselect { pointer-events: none; position: absolute; top: 0; left: 0; width: 0; height: 0; background: rgba(0,0,0,.1); border: 2px dotted #fff; opacity: 0.5; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@mapbox/mapbox-gl-geocoder/dist/mapbox-gl-geocoder.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************/ /* Basics */ .mapboxgl-ctrl-geocoder, .mapboxgl-ctrl-geocoder *, .mapboxgl-ctrl-geocoder *:after, .mapboxgl-ctrl-geocoder *:before { box-sizing: border-box; } .mapboxgl-ctrl-geocoder { font-size: 18px; line-height: 24px; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, Helvetica, sans-serif; position: relative; background-color: #fff; width: 100%; min-width: 240px; z-index: 1; border-radius: 4px; transition: width .25s, min-width .25s; } .mapboxgl-ctrl-geocoder--input { font: inherit; width: 100%; border: 0; background-color: transparent; margin: 0; height: 50px; color: #404040; /* fallback */ color: rgba(0, 0, 0, 0.75); padding: 6px 45px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mapboxgl-ctrl-geocoder--input::-ms-clear { display: none; /* hide input clear button in IE */ } .mapboxgl-ctrl-geocoder--input:focus { color: #404040; /* fallback */ color: rgba(0, 0, 0, 0.75); outline: 0; box-shadow: none; outline: thin dotted; } .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * { z-index: 2; position: absolute; right: 8px; top: 7px; display: none; } .mapboxgl-ctrl-geocoder, .mapboxgl-ctrl-geocoder .suggestions { box-shadow: 0 0 10px 2px rgba(0,0,0,.1); } /* Collapsed */ .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed { width: 50px; min-width: 50px; transition: width .25s, min-width .25s; } /* Suggestions */ .mapboxgl-ctrl-geocoder .suggestions { background-color: #fff; border-radius: 4px; left: 0; list-style: none; margin: 0; padding: 0; position: absolute; width: 100%; top: 110%; /* fallback */ top: calc(100% + 6px); z-index: 1000; overflow: hidden; font-size: 15px; } .mapboxgl-ctrl-bottom-left .suggestions, .mapboxgl-ctrl-bottom-right .suggestions { top: auto; bottom: 100%; } .mapboxgl-ctrl-geocoder .suggestions > li > a { cursor: default; display: block; padding: 6px 12px; color: #404040; } .mapboxgl-ctrl-geocoder .suggestions > .active > a, .mapboxgl-ctrl-geocoder .suggestions > li > a:hover { color: #404040; background-color: #f3f3f3; text-decoration: none; cursor: pointer; } .mapboxgl-ctrl-geocoder--suggestion-title { font-weight: bold; } .mapboxgl-ctrl-geocoder--suggestion-title, .mapboxgl-ctrl-geocoder--suggestion-address { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* Icons */ .mapboxgl-ctrl-geocoder--icon { display: inline-block; vertical-align: middle; speak: none; fill: #757575; top: 15px; } .mapboxgl-ctrl-geocoder--icon-search { position: absolute; top: 13px; left: 12px; width: 23px; height: 23px; } .mapboxgl-ctrl-geocoder--button { padding: 0; margin: 0; border: none; cursor: pointer; background: #fff; line-height: 1; } .mapboxgl-ctrl-geocoder--icon-close { width: 20px; height: 20px; margin-top: 8px; margin-right: 3px; } .mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close { fill: #909090; } .mapboxgl-ctrl-geocoder--icon-geolocate { width: 22px; height: 22px; margin-top: 6px; margin-right: 3px; } .mapboxgl-ctrl-geocoder--icon-loading { width: 26px; height: 26px; margin-top: 5px; margin-right: 0px; animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95); } .mapboxgl-ctrl-geocoder--powered-by { display: block; float: left; padding: 6px 12px; padding-bottom: 9px; font-size: 13px; } .mapboxgl-ctrl-geocoder--powered-by a { color: #909090; } .mapboxgl-ctrl-geocoder--powered-by a:not(:hover) { text-decoration: none; } /* Animation */ @keyframes rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } /* Media queries*/ @media screen and (min-width: 640px) { .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed { width: 36px; min-width: 36px; } .mapboxgl-ctrl-geocoder { width: 33.3333%; font-size: 15px; line-height: 20px; max-width: 360px; } .mapboxgl-ctrl-geocoder .suggestions { font-size: 13px; } .mapboxgl-ctrl-geocoder--icon { top: 8px; } .mapboxgl-ctrl-geocoder--icon-close { width: 16px; height: 16px; margin-top: 3px; margin-right: 0; } .mapboxgl-ctrl-geocoder--icon-geolocate { width: 18px; height: 18px; margin-top: 2px; margin-right: 0; } .mapboxgl-ctrl-geocoder--icon-search { left: 7px; width: 20px; height: 20px; } .mapboxgl-ctrl-geocoder--input { height: 36px; padding: 6px 35px; } .mapboxgl-ctrl-geocoder--icon-loading { width: 26px; height: 26px; margin-top: -2px; margin-right: -5px; } .mapbox-gl-geocoder--error{ color:#909090; padding: 6px 12px; font-size: 16px; text-align: center; } .mapboxgl-ctrl-geocoder--powered-by { font-size: 11px !important; } } /*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@fullcalendar/core/main.css?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; .fc { direction: ltr; text-align: left; } .fc-rtl { text-align: right; } body .fc { /* extra precedence to overcome jqui */ font-size: 1em; } /* Colors --------------------------------------------------------------------------------------------------*/ .fc-highlight { /* when user is selecting cells */ background: #bce8f1; opacity: 0.3; } .fc-bgevent { /* default look for background events */ background: #8fdf82; opacity: 0.3; } .fc-nonbusiness { /* default look for non-business-hours areas */ /* will inherit .fc-bgevent's styles */ background: #d7d7d7; } /* Popover --------------------------------------------------------------------------------------------------*/ .fc-popover { position: absolute; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 2px 4px; } .fc-rtl .fc-popover .fc-header { flex-direction: row-reverse; } .fc-popover .fc-header .fc-title { margin: 0 2px; } .fc-popover .fc-header .fc-close { cursor: pointer; opacity: 0.65; font-size: 1.1em; } /* Misc Reusable Components --------------------------------------------------------------------------------------------------*/ .fc-divider { border-style: solid; border-width: 1px; } hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; /* height is unreliable across browsers, so use padding */ border-width: 1px 0; } .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-mirror-skeleton { /* these element should always cling to top-left/right corners */ position: absolute; top: 0; left: 0; right: 0; } .fc-bg { bottom: 0; /* strech bg to bottom edge */ } .fc-bg table { height: 100%; /* strech bg to bottom edge */ } /* Tables --------------------------------------------------------------------------------------------------*/ .fc table { width: 100%; box-sizing: border-box; /* fix scrollbar issue in firefox */ table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em; /* normalize cross-browser */ } .fc th { text-align: center; } .fc th, .fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; } .fc td.fc-today { border-style: double; /* overcome neighboring borders */ } /* Internal Nav Links --------------------------------------------------------------------------------------------------*/ a[data-goto] { cursor: pointer; } a[data-goto]:hover { text-decoration: underline; } /* Fake Table Rows --------------------------------------------------------------------------------------------------*/ .fc .fc-row { /* extra precedence to overcome themes forcing a 1px border */ /* no visible border by default. but make available if need be (scrollbar width compensation) */ border-style: solid; border-width: 0; } .fc-row table { /* don't put left/right border on anything within a fake row. the outer tbody will worry about this */ border-left: 0 hidden transparent; border-right: 0 hidden transparent; /* no bottom borders on rows */ border-bottom: 0 hidden transparent; } .fc-row:first-child table { border-top: 0 hidden transparent; /* no top border on first row */ } /* Day Row (used within the header and the DayGrid) --------------------------------------------------------------------------------------------------*/ .fc-row { position: relative; } .fc-row .fc-bg { z-index: 1; } /* highlighting cells & background event skeleton */ .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0; /* stretch skeleton to bottom of row */ } .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; /* stretch skeleton to bottom of row */ } .fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td { border-color: transparent; } .fc-row .fc-bgevent-skeleton { z-index: 2; } .fc-row .fc-highlight-skeleton { z-index: 3; } /* row content (which contains day/week numbers and events) as well as "mirror" (which contains temporary rendered events). */ .fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px; /* matches the space above the events */ } .fc-row .fc-mirror-skeleton { z-index: 5; } .fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td { /* see-through to the background below */ /* extra precedence to prevent theme-provided backgrounds */ background: none; /* in case s are globally styled */ border-color: transparent; } .fc-row .fc-content-skeleton td, .fc-row .fc-mirror-skeleton td { /* don't put a border between events and/or the day number */ border-bottom: 0; } .fc-row .fc-content-skeleton tbody td, .fc-row .fc-mirror-skeleton tbody td { /* don't put a border between event cells */ border-top: 0; } /* Scrolling Container --------------------------------------------------------------------------------------------------*/ .fc-scroller { -webkit-overflow-scrolling: touch; } /* TODO: move to timegrid/daygrid */ .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid { position: relative; /* re-scope all positions */ width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */ } /* Global Event Styles --------------------------------------------------------------------------------------------------*/ .fc-event { position: relative; /* for resize handle and other inner positioning */ display: block; /* make the tag block */ font-size: 0.85em; line-height: 1.4; border-radius: 3px; border: 1px solid #3788d8; } .fc-event, .fc-event-dot { background-color: #3788d8; /* default BACKGROUND color */ } .fc-event, .fc-event:hover { color: #fff; /* default TEXT color */ text-decoration: none; /* if has an href */ } .fc-event[href], .fc-event.fc-draggable { cursor: pointer; /* give events with links and draggable events a hand mouse pointer */ } .fc-not-allowed, .fc-not-allowed .fc-event { /* to override an event's custom cursor */ cursor: not-allowed; } .fc-event .fc-content { position: relative; z-index: 2; } /* resizer (cursor AND touch devices) */ .fc-event .fc-resizer { position: absolute; z-index: 4; } /* resizer (touch devices) */ .fc-event .fc-resizer { display: none; } .fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer { /* only show when hovering or selected (with touch) */ display: block; } /* hit area */ .fc-event.fc-selected .fc-resizer:before { /* 40x40 touch area */ content: ""; position: absolute; z-index: 9999; /* user of this util can scope within a lower z-index */ top: 50%; left: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; } /* Event Selection (only for touch devices) --------------------------------------------------------------------------------------------------*/ .fc-event.fc-selected { z-index: 9999 !important; /* overcomes inline z-index */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .fc-event.fc-selected:after { content: ""; position: absolute; z-index: 1; /* same z-index as fc-bg, behind text */ /* overcome the borders */ top: -1px; right: -1px; bottom: -1px; left: -1px; /* darkening effect */ background: #000; opacity: 0.25; } /* Event Dragging --------------------------------------------------------------------------------------------------*/ .fc-event.fc-dragging.fc-selected { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); } .fc-event.fc-dragging:not(.fc-selected) { opacity: 0.75; } /* Horizontal Events --------------------------------------------------------------------------------------------------*/ /* bigger touch area when selected */ .fc-h-event.fc-selected:before { content: ""; position: absolute; z-index: 3; /* below resizers */ top: -10px; bottom: -10px; left: 0; right: 0; } /* events that are continuing to/from another week. kill rounded corners and butt up against edge */ .fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; /* replace the border with padding */ border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; /* replace the border with padding */ border-top-right-radius: 0; border-bottom-right-radius: 0; } /* resizer (cursor AND touch devices) */ /* left resizer */ .fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer { cursor: w-resize; left: -1px; /* overcome border */ } /* right resizer */ .fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer { cursor: e-resize; right: -1px; /* overcome border */ } /* resizer (mouse devices) */ .fc-h-event.fc-allow-mouse-resize .fc-resizer { width: 7px; top: -1px; /* overcome top border */ bottom: -1px; /* overcome bottom border */ } /* resizer (touch devices) */ .fc-h-event.fc-selected .fc-resizer { /* 8x8 little dot */ border-radius: 4px; border-width: 1px; width: 6px; height: 6px; border-style: solid; border-color: inherit; background: #fff; /* vertically center */ top: 50%; margin-top: -4px; } /* left resizer */ .fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer { margin-left: -4px; /* centers the 8x8 dot on the left edge */ } /* right resizer */ .fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer { margin-right: -4px; /* centers the 8x8 dot on the right edge */ } /* DayGrid events ---------------------------------------------------------------------------------------------------- We use the full "fc-day-grid-event" class instead of using descendants because the event won't be a descendant of the grid when it is being dragged. */ .fc-day-grid-event { margin: 1px 2px 0; /* spacing between events and edges */ padding: 0 1px; } tr:first-child > td > .fc-day-grid-event { margin-top: 2px; /* a little bit more space before the first event */ } .fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event { margin-top: 0; /* except for mirror skeleton */ } .fc-day-grid-event .fc-content { /* force events to be one-line tall */ white-space: nowrap; overflow: hidden; } .fc-day-grid-event .fc-time { font-weight: bold; } /* resizer (cursor devices) */ /* left resizer */ .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { margin-left: -2px; /* to the day cell's edge */ } /* right resizer */ .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { margin-right: -2px; /* to the day cell's edge */ } /* Event Limiting --------------------------------------------------------------------------------------------------*/ /* "more" link that represents hidden events */ a.fc-more { margin: 1px 3px; font-size: 0.85em; cursor: pointer; text-decoration: none; } a.fc-more:hover { text-decoration: underline; } .fc-limited { /* rows and cells that are hidden because of a "more" link */ display: none; } /* popover that appears when "more" link is clicked */ .fc-day-grid .fc-row { z-index: 1; /* make the "more" popover one higher than this */ } .fc-more-popover { z-index: 2; width: 220px; } .fc-more-popover .fc-event-container { padding: 10px; } /* Now Indicator --------------------------------------------------------------------------------------------------*/ .fc-now-indicator { position: absolute; border: 0 solid red; } /* Utilities --------------------------------------------------------------------------------------------------*/ .fc-unselectable { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* TODO: more distinction between this file and common.css */ /* Colors --------------------------------------------------------------------------------------------------*/ .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #ddd; } .fc-unthemed .fc-popover { background-color: #fff; } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td { background: #eee; } .fc-unthemed td.fc-today { background: #fcf8e3; } .fc-unthemed .fc-disabled-day { background: #d7d7d7; opacity: 0.3; } /* Icons -------------------------------------------------------------------------------------------------- from https://feathericons.com/ and built with IcoMoon */ @font-face { font-family: "fcicons"; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); font-weight: normal; font-style: normal; } .fc-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "fcicons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-icon-chevron-left:before { content: ""; } .fc-icon-chevron-right:before { content: ""; } .fc-icon-chevrons-left:before { content: ""; } .fc-icon-chevrons-right:before { content: ""; } .fc-icon-minus-square:before { content: ""; } .fc-icon-plus-square:before { content: ""; } .fc-icon-x:before { content: ""; } .fc-icon { display: inline-block; width: 1em; height: 1em; text-align: center; } /* Buttons -------------------------------------------------------------------------------------------------- Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css */ /* reset */ .fc-button { border-radius: 0; overflow: visible; text-transform: none; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } .fc-button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } .fc-button { -webkit-appearance: button; } .fc-button:not(:disabled) { cursor: pointer; } .fc-button::-moz-focus-inner { padding: 0; border-style: none; } /* theme */ .fc-button { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4em 0.65em; font-size: 1em; line-height: 1.5; border-radius: 0.25em; } .fc-button:hover { color: #212529; text-decoration: none; } .fc-button:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); } .fc-button:disabled { opacity: 0.65; } /* "primary" coloring */ .fc-button-primary { color: #fff; background-color: #2C3E50; border-color: #2C3E50; } .fc-button-primary:hover { color: #fff; background-color: #1e2b37; border-color: #1a252f; } .fc-button-primary:focus { box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); } .fc-button-primary:disabled { color: #fff; background-color: #2C3E50; border-color: #2C3E50; } .fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active { color: #fff; background-color: #1a252f; border-color: #151e27; } .fc-button-primary:not(:disabled):active:focus, .fc-button-primary:not(:disabled).fc-button-active:focus { box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); } /* icons within buttons */ .fc-button .fc-icon { vertical-align: middle; font-size: 1.5em; } /* Buttons Groups --------------------------------------------------------------------------------------------------*/ .fc-button-group { position: relative; display: inline-flex; vertical-align: middle; } .fc-button-group > .fc-button { position: relative; flex: 1 1 auto; } .fc-button-group > .fc-button:hover { z-index: 1; } .fc-button-group > .fc-button:focus, .fc-button-group > .fc-button:active, .fc-button-group > .fc-button.fc-button-active { z-index: 1; } .fc-button-group > .fc-button:not(:first-child) { margin-left: -1px; } .fc-button-group > .fc-button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-button-group > .fc-button:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* Popover --------------------------------------------------------------------------------------------------*/ .fc-unthemed .fc-popover { border-width: 1px; border-style: solid; } /* List View --------------------------------------------------------------------------------------------------*/ .fc-unthemed .fc-list-item:hover td { background-color: #f5f5f5; } /* Toolbar --------------------------------------------------------------------------------------------------*/ .fc-toolbar { display: flex; justify-content: space-between; align-items: center; } .fc-toolbar.fc-header-toolbar { margin-bottom: 1.5em; } .fc-toolbar.fc-footer-toolbar { margin-top: 1.5em; } /* inner content */ .fc-toolbar > * > :not(:first-child) { margin-left: 0.75em; } .fc-toolbar h2 { font-size: 1.75em; margin: 0; } /* View Structure --------------------------------------------------------------------------------------------------*/ .fc-view-container { position: relative; } /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */ /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */ .fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { box-sizing: content-box; } .fc-view, .fc-view > table { /* so dragged elements can be above the view's main element */ position: relative; z-index: 1; } @media print { .fc { max-width: 100% !important; } /* Global Event Restyling --------------------------------------------------------------------------------------------------*/ .fc-event { background: #fff !important; color: #000 !important; page-break-inside: avoid; } .fc-event .fc-resizer { display: none; } /* Table & Day-Row Restyling --------------------------------------------------------------------------------------------------*/ .fc th, .fc td, .fc hr, .fc thead, .fc tbody, .fc-row { border-color: #ccc !important; background: #fff !important; } /* kill the overlaid, absolutely-positioned components */ /* common... */ .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-mirror-skeleton, .fc-bgevent-container, .fc-business-container, .fc-highlight-container, .fc-mirror-container { display: none; } /* don't force a min-height on rows (for DayGrid) */ .fc tbody .fc-row { height: auto !important; /* undo height that JS set in distributeHeight */ min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */ } .fc tbody .fc-row .fc-content-skeleton { position: static; /* undo .fc-rigid */ padding-bottom: 0 !important; /* use a more border-friendly method for this... */ } .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */ padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */ } .fc tbody .fc-row .fc-content-skeleton table { /* provides a min-height for the row, but only effective for IE, which exaggerates this value, making it look more like 3em. for other browers, it will already be this tall */ height: 1em; } /* Undo month-view event limiting. Display all events and hide the "more" links --------------------------------------------------------------------------------------------------*/ .fc-more-cell, .fc-more { display: none !important; } .fc tr.fc-limited { display: table-row !important; } .fc td.fc-limited { display: table-cell !important; } .fc-popover { display: none; /* never display the "more.." popover in print mode */ } /* TimeGrid Restyling --------------------------------------------------------------------------------------------------*/ /* undo the min-height 100% trick used to fill the container's height */ .fc-time-grid { min-height: 0 !important; } /* don't display the side axis at all ("all-day" and time cells) */ .fc-timeGrid-view .fc-axis { display: none; } /* don't display the horizontal lines */ .fc-slats, .fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */ display: none !important; /* important overrides inline declaration */ } /* let the container that holds the events be naturally positioned and create real height */ .fc-time-grid .fc-content-skeleton { position: static; } /* in case there are no events, we still want some height */ .fc-time-grid .fc-content-skeleton table { height: 4em; } /* kill the horizontal spacing made by the event container. event margins will be done below */ .fc-time-grid .fc-event-container { margin: 0 !important; } /* TimeGrid *Event* Restyling --------------------------------------------------------------------------------------------------*/ /* naturally position events, vertically stacking them */ .fc-time-grid .fc-event { position: static !important; margin: 3px 2px !important; } /* for events that continue to a future day, give the bottom border back */ .fc-time-grid .fc-event.fc-not-end { border-bottom-width: 1px !important; } /* indicate the event continues via "..." text */ .fc-time-grid .fc-event.fc-not-end:after { content: "..."; } /* for events that are continuations from previous days, give the top border back */ .fc-time-grid .fc-event.fc-not-start { border-top-width: 1px !important; } /* indicate the event is a continuation via "..." text */ .fc-time-grid .fc-event.fc-not-start:before { content: "..."; } /* time */ /* undo a previous declaration and let the time text span to a second line */ .fc-time-grid .fc-event .fc-time { white-space: normal !important; } /* hide the the time that is normally displayed... */ .fc-time-grid .fc-event .fc-time span { display: none; } /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */ .fc-time-grid .fc-event .fc-time:after { content: attr(data-full); } /* Vertical Scroller & Containers --------------------------------------------------------------------------------------------------*/ /* kill the scrollbars and allow natural height */ .fc-scroller, .fc-day-grid-container, .fc-time-grid-container { /* */ overflow: visible !important; height: auto !important; } /* kill the horizontal border/padding used to compensate for scrollbars */ .fc-row { border: 0 !important; margin: 0 !important; } /* Button Controls --------------------------------------------------------------------------------------------------*/ .fc-button-group, .fc button { display: none; /* don't display any button-related controls */ } } /*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@fullcalendar/daygrid/main.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************************************************************/ /* DayGridView --------------------------------------------------------------------------------------------------*/ /* day row structure */ .fc-dayGridWeek-view .fc-content-skeleton, .fc-dayGridDay-view .fc-content-skeleton { /* there may be week numbers in these views, so no padding-top */ padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */ } .fc-dayGrid-view .fc-body .fc-row { min-height: 4em; /* ensure that all rows are at least this tall */ } /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */ .fc-row.fc-rigid { overflow: hidden; } .fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; } /* week and day number styling */ .fc-day-top.fc-other-month { opacity: 0.3; } .fc-dayGrid-view .fc-week-number, .fc-dayGrid-view .fc-day-number { padding: 2px; } .fc-dayGrid-view th.fc-week-number, .fc-dayGrid-view th.fc-day-number { padding: 0 2px; /* column headers can't have as much v space */ } .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number { float: right; } .fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number { float: left; } .fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number { float: left; border-radius: 0 0 3px 0; } .fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number { float: right; border-radius: 0 0 0 3px; } .fc-dayGrid-view .fc-day-top .fc-week-number { min-width: 1.5em; text-align: center; background-color: #f2f2f2; color: #808080; } /* when week/day number have own column */ .fc-dayGrid-view td.fc-week-number { text-align: center; } .fc-dayGrid-view td.fc-week-number > * { /* work around the way we do column resizing and ensure a minimum width */ display: inline-block; min-width: 1.25em; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@fullcalendar/timegrid/main.css?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* TimeGridView all-day area --------------------------------------------------------------------------------------------------*/ .fc-timeGrid-view .fc-day-grid { position: relative; z-index: 2; /* so the "more.." popover will be over the time grid */ } .fc-timeGrid-view .fc-day-grid .fc-row { min-height: 3em; /* all-day section will never get shorter than this */ } .fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton { padding-bottom: 1em; /* give space underneath events for clicking/selecting days */ } /* TimeGrid axis running down the side (for both the all-day area and the slot area) --------------------------------------------------------------------------------------------------*/ .fc .fc-axis { /* .fc to overcome default cell styles */ vertical-align: middle; padding: 0 4px; white-space: nowrap; } .fc-ltr .fc-axis { text-align: right; } .fc-rtl .fc-axis { text-align: left; } /* TimeGrid Structure --------------------------------------------------------------------------------------------------*/ .fc-time-grid-container, .fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */ position: relative; z-index: 1; } .fc-time-grid { min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */ } .fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */ border: 0 hidden transparent; } .fc-time-grid > .fc-bg { z-index: 1; } .fc-time-grid .fc-slats, .fc-time-grid > hr { /* the
TimeGridView injects when grid is shorter than scroller */ position: relative; z-index: 2; } .fc-time-grid .fc-content-col { position: relative; /* because now-indicator lives directly inside */ } .fc-time-grid .fc-content-skeleton { position: absolute; z-index: 3; top: 0; left: 0; right: 0; } /* divs within a cell within the fc-content-skeleton */ .fc-time-grid .fc-business-container { position: relative; z-index: 1; } .fc-time-grid .fc-bgevent-container { position: relative; z-index: 2; } .fc-time-grid .fc-highlight-container { position: relative; z-index: 3; } .fc-time-grid .fc-event-container { position: relative; z-index: 4; } .fc-time-grid .fc-now-indicator-line { z-index: 5; } .fc-time-grid .fc-mirror-container { /* also is fc-event-container */ position: relative; z-index: 6; } /* TimeGrid Slats (lines that run horizontally) --------------------------------------------------------------------------------------------------*/ .fc-time-grid .fc-slats td { height: 1.5em; border-bottom: 0; /* each cell is responsible for its top border */ } .fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; } /* TimeGrid Highlighting Slots --------------------------------------------------------------------------------------------------*/ .fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */ position: relative; /* scopes the left/right of the fc-highlight to be in the column */ } .fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0; /* top and bottom will be in by JS */ } /* TimeGrid Event Containment --------------------------------------------------------------------------------------------------*/ .fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */ margin: 0 2.5% 0 2px; } .fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */ margin: 0 2px 0 2.5%; } .fc-time-grid .fc-event, .fc-time-grid .fc-bgevent { position: absolute; z-index: 1; /* scope inner z-index's */ } .fc-time-grid .fc-bgevent { /* background events always span full width */ left: 0; right: 0; } /* TimeGrid Event Styling ---------------------------------------------------------------------------------------------------- We use the full "fc-time-grid-event" class instead of using descendants because the event won't be a descendant of the grid when it is being dragged. */ .fc-time-grid-event { margin-bottom: 1px; } .fc-time-grid-event-inset { box-shadow: 0px 0px 0px 1px #fff; } .fc-time-grid-event.fc-not-start { /* events that are continuing from another day */ /* replace space made by the top border with padding */ border-top-width: 0; padding-top: 1px; /* remove top rounded corners */ border-top-left-radius: 0; border-top-right-radius: 0; } .fc-time-grid-event.fc-not-end { /* replace space made by the top border with padding */ border-bottom-width: 0; padding-bottom: 1px; /* remove bottom rounded corners */ border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fc-time-grid-event .fc-content { overflow: hidden; max-height: 100%; } .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { padding: 0 1px; } .fc-time-grid-event .fc-time { font-size: 0.85em; white-space: nowrap; } /* short mode, where time and title are on the same line */ .fc-time-grid-event.fc-short .fc-content { /* don't wrap to second line (now that contents will be inline) */ white-space: nowrap; } .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { /* put the time and title on the same line */ display: inline-block; vertical-align: top; } .fc-time-grid-event.fc-short .fc-time span { display: none; /* don't display the full time text... */ } .fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); /* ...instead, display only the start time */ } .fc-time-grid-event.fc-short .fc-time:after { content: " - "; /* seperate with a dash, wrapped in nbsp's */ } .fc-time-grid-event.fc-short .fc-title { font-size: 0.85em; /* make the title text the same size as the time */ padding: 0; /* undo padding from above */ } /* resizer (cursor device) */ .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize; } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { content: "="; } /* resizer (touch device) */ .fc-time-grid-event.fc-selected .fc-resizer { /* 10x10 dot */ border-radius: 5px; border-width: 1px; width: 8px; height: 8px; border-style: solid; border-color: inherit; background: #fff; /* horizontally center */ left: 50%; margin-left: -5px; /* center on the bottom edge */ bottom: -5px; } /* Now Indicator --------------------------------------------------------------------------------------------------*/ .fc-time-grid .fc-now-indicator-line { border-top-width: 1px; left: 0; right: 0; } /* arrow on axis */ .fc-time-grid .fc-now-indicator-arrow { margin-top: -5px; /* vertically center on top coordinate */ } .fc-ltr .fc-time-grid .fc-now-indicator-arrow { left: 0; /* triangle pointing right... */ border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-rtl .fc-time-grid .fc-now-indicator-arrow { right: 0; /* triangle pointing left... */ border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@fullcalendar/list/main.css?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************************************************************/ /* List View --------------------------------------------------------------------------------------------------*/ /* possibly reusable */ .fc-event-dot { display: inline-block; width: 10px; height: 10px; border-radius: 5px; } /* view wrapper */ .fc-rtl .fc-list-view { direction: rtl; /* unlike core views, leverage browser RTL */ } .fc-list-view { border-width: 1px; border-style: solid; } /* table resets */ .fc .fc-list-table { table-layout: auto; /* for shrinkwrapping cell content */ } .fc-list-table td { border-width: 1px 0 0; padding: 8px 14px; } .fc-list-table tr:first-child td { border-top-width: 0; } /* day headings with the list */ .fc-list-heading { border-bottom-width: 1px; } .fc-list-heading td { font-weight: bold; } .fc-ltr .fc-list-heading-main { float: left; } .fc-ltr .fc-list-heading-alt { float: right; } .fc-rtl .fc-list-heading-main { float: right; } .fc-rtl .fc-list-heading-alt { float: left; } /* event list items */ .fc-list-item.fc-has-url { cursor: pointer; /* whole row will be clickable */ } .fc-list-item-marker, .fc-list-item-time { white-space: nowrap; width: 1px; } /* make the dot closer to the event title */ .fc-ltr .fc-list-item-marker { padding-right: 0; } .fc-rtl .fc-list-item-marker { padding-left: 0; } .fc-list-item-title a { /* every event title cell has an tag */ text-decoration: none; color: inherit; } .fc-list-item-title a[href]:hover { /* hover effect only on titles with hrefs */ text-decoration: underline; } /* message when no events */ .fc-list-empty-wrap2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fc-list-empty-wrap1 { width: 100%; height: 100%; display: table; } .fc-list-empty { display: table-cell; vertical-align: middle; text-align: center; } .fc-unthemed .fc-list-empty { /* theme will provide own background */ background-color: #eee; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/animate.css/animate.min.css?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.animate__slideOutUp{animation-name:slideOutUp} /*!*************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***! \*************************************************************************************************************************************************************************************************************************************************************************************/ /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg=="); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg=="); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } /*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/hover.css/css/hover-min.css?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************************************************************/ /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.3.2 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Hover.css Copyright Ian Lunn 2017. Generated with Sass. */.hvr-grow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{transform:scale(0.9)}@keyframes hvr-pulse{25%{transform:scale(1.1)}75%{transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{animation-name:hvr-pulse;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes hvr-pulse-grow{to{transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{animation-name:hvr-pulse-grow;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes hvr-pulse-shrink{to{transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{animation-name:hvr-pulse-shrink;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes hvr-push{50%{transform:scale(0.8)}100%{transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{animation-name:hvr-push;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}@keyframes hvr-pop{50%{transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{animation-name:hvr-pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{transform:scale(1.2);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.5s}.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover{transform:scale(0.8);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-rotate{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:transform}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:transform}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{transform:translateY(8px)}@keyframes hvr-bob{0%{transform:translateY(-8px)}50%{transform:translateY(-4px)}100%{transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{animation-name:hvr-bob-float,hvr-bob;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}@keyframes hvr-hang{0%{transform:translateY(8px)}50%{transform:translateY(4px)}100%{transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{animation-name:hvr-hang-sink,hvr-hang;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}.hvr-skew{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:transform}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:transform;transform-origin:0 100%}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:transform;transform-origin:0 100%}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{transform:skew(10deg)}@keyframes hvr-wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{animation-name:hvr-wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes hvr-wobble-horizontal{16.65%{transform:translateX(8px)}33.3%{transform:translateX(-6px)}49.95%{transform:translateX(4px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}100%{transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{animation-name:hvr-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes hvr-wobble-to-bottom-right{16.65%{transform:translate(8px,8px)}33.3%{transform:translate(-6px,-6px)}49.95%{transform:translate(4px,4px)}66.6%{transform:translate(-2px,-2px)}83.25%{transform:translate(1px,1px)}100%{transform:translate(0,0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{animation-name:hvr-wobble-to-bottom-right;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes hvr-wobble-to-top-right{16.65%{transform:translate(8px,-8px)}33.3%{transform:translate(-6px,6px)}49.95%{transform:translate(4px,-4px)}66.6%{transform:translate(-2px,2px)}83.25%{transform:translate(1px,-1px)}100%{transform:translate(0,0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{animation-name:hvr-wobble-to-top-right;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes hvr-wobble-top{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transform-origin:0 100%}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{animation-name:hvr-wobble-top;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes hvr-wobble-bottom{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transform-origin:100% 0}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{animation-name:hvr-wobble-bottom;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes hvr-wobble-skew{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{animation-name:hvr-wobble-skew;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes hvr-buzz{50%{transform:translateX(3px) rotate(2deg)}100%{transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{animation-name:hvr-buzz;animation-duration:.15s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes hvr-buzz-out{10%{transform:translateX(3px) rotate(2deg)}20%{transform:translateX(-3px) rotate(-2deg)}30%{transform:translateX(3px) rotate(2deg)}40%{transform:translateX(-3px) rotate(-2deg)}50%{transform:translateX(2px) rotate(1deg)}60%{transform:translateX(-2px) rotate(-1deg)}70%{transform:translateX(2px) rotate(1deg)}80%{transform:translateX(-2px) rotate(-1deg)}90%{transform:translateX(1px) rotate(0)}100%{transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{animation-name:hvr-buzz-out;animation-duration:.75s;animation-timing-function:linear;animation-iteration-count:1}.hvr-forward{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:transform}.hvr-forward:active,.hvr-forward:focus,.hvr-forward:hover{transform:translateX(8px)}.hvr-backward{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:transform}.hvr-backward:active,.hvr-backward:focus,.hvr-backward:hover{transform:translateX(-8px)}.hvr-fade{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;transition-duration:.3s;transition-property:color,background-color}.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{background-color:#2098D1;color:#fff}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;transition-duration:.5s;transition-property:color,background-color}.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover{animation-name:hvr-back-pulse;animation-duration:1s;animation-delay:.5s;animation-timing-function:linear;animation-iteration-count:infinite;background-color:#2098D1;background-color:#2098d1;color:#fff}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-property:color;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{color:#fff}.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-property:color;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;transform:scaleX(0);transform-origin:100% 50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{color:#fff}.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-property:color;transition-duration:.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;transform:scaleY(0);transform-origin:50% 0;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover{color:#fff}.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-property:color;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;transform:scaleY(0);transform-origin:50% 100%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-property:color;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-property:color;transition-duration:.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;transform:scaleX(0);transform-origin:100% 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover{color:#fff}.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-property:color;transition-duration:.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;transform:scaleY(0);transform-origin:50% 0;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover{color:#fff}.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before{transform:scaleY(1);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-property:color;transition-duration:.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;transform:scaleY(0);transform-origin:50% 100%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover{color:#fff}.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before{transform:scaleY(1);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#e1e1e1;transition-property:color;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;border-radius:100%;transform:scale(0);transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#2098D1;transition-property:color;transition-duration:.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;transform:scale(2);transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover{color:#fff}.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before{transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;transition-property:color;transition-duration:.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;transform:scale(1);transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover{color:#fff}.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before{transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;transition-property:color;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;transform:scale(0);transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;transition-property:color;transition-duration:.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;transform:scaleX(1);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;transition-property:color;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;transform:scaleX(0);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover{color:#fff}.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;transition-property:color;transition-duration:.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;transform:scaleY(1);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover{color:#fff}.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before{transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;transition-property:color;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;transform:scaleY(0);transform-origin:50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);transition-duration:.3s;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #2098D1,0 0 1px rgba(0,0,0,0)}.hvr-hollow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);transition-duration:.3s;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;transition-duration:.3s;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;animation-duration:1s}.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{animation-name:hvr-ripple-out}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;animation-duration:1s}.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before{animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;transition-duration:.3s;transition-property:top,right,bottom,left}.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;transition-duration:.3s;transition-property:top,right,bottom,left}.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:border-radius}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098D1;height:4px;transition-property:right;transition-duration:.3s;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#2098D1;height:4px;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098D1;height:4px;transition-property:left;transition-duration:.3s;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098D1;height:4px;transition-property:right;transition-duration:.3s;transition-timing-function:ease-out}.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;top:0;background:#2098D1;height:4px;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098D1;height:4px;transition-property:left;transition-duration:.3s;transition-timing-function:ease-out}.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098D1;border-style:solid;border-width:0;transition-property:border-width;transition-duration:.1s;transition-timing-function:ease-out}.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before{transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098D1;height:4px;transform:translateY(4px);transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098D1;height:4px;transform:translateY(-4px);transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out}.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before{transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:box-shadow}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-shadow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:box-shadow}.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s;transition-property:box-shadow}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);transition-duration:.3s;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-float-shadow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-duration:.3s;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);transition-duration:.3s;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;transition-duration:.3s;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:after{top:100%;background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;transition-duration:.3s;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;transition-duration:.3s;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;transition-duration:.3s;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;transition-duration:.3s;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{transform:translateY(10px)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{transform:translateX(-10px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{transform:translateY(-10px)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{transform:translateX(10px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.1s}.hvr-icon-back .hvr-icon{transform:translateZ(0);transition-duration:.1s;transition-property:transform;transition-timing-function:ease-out}.hvr-icon-back:active .hvr-icon,.hvr-icon-back:focus .hvr-icon,.hvr-icon-back:hover .hvr-icon{transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.1s}.hvr-icon-forward .hvr-icon{transform:translateZ(0);transition-duration:.1s;transition-property:transform;transition-timing-function:ease-out}.hvr-icon-forward:active .hvr-icon,.hvr-icon-forward:focus .hvr-icon,.hvr-icon-forward:hover .hvr-icon{transform:translateX(4px)}@keyframes hvr-icon-down{0%,100%,50%{transform:translateY(0)}25%,75%{transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-down .hvr-icon{transform:translateZ(0)}.hvr-icon-down:active .hvr-icon,.hvr-icon-down:focus .hvr-icon,.hvr-icon-down:hover .hvr-icon{animation-name:hvr-icon-down;animation-duration:.75s;animation-timing-function:ease-out}@keyframes hvr-icon-up{0%,100%,50%{transform:translateY(0)}25%,75%{transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-up .hvr-icon{transform:translateZ(0)}.hvr-icon-up:active .hvr-icon,.hvr-icon-up:focus .hvr-icon,.hvr-icon-up:hover .hvr-icon{animation-name:hvr-icon-up;animation-duration:.75s;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-spin .hvr-icon{transition-duration:1s;transition-property:transform;transition-timing-function:ease-in-out}.hvr-icon-spin:active .hvr-icon,.hvr-icon-spin:focus .hvr-icon,.hvr-icon-spin:hover .hvr-icon{transform:rotate(360deg)}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;transform:translateY(-100%)}100%,51%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-drop .hvr-icon{transform:translateZ(0)}.hvr-icon-drop:active .hvr-icon,.hvr-icon-drop:focus .hvr-icon,.hvr-icon-drop:hover .hvr-icon{opacity:0;transition-duration:.3s;animation-name:hvr-icon-drop;animation-duration:.5s;animation-delay:.3s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-fade .hvr-icon{transform:translateZ(0);transition-duration:.5s;transition-property:color}.hvr-icon-fade:active .hvr-icon,.hvr-icon-fade:focus .hvr-icon,.hvr-icon-fade:hover .hvr-icon{color:#0F9E5E}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-float-away .hvr-icon{transform:translateZ(0);animation-duration:.5s;animation-fill-mode:forwards}.hvr-icon-float-away:active .hvr-icon,.hvr-icon-float-away:focus .hvr-icon,.hvr-icon-float-away:hover .hvr-icon{animation-name:hvr-icon-float-away;animation-timing-function:ease-out}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-sink-away .hvr-icon{transform:translateZ(0);animation-duration:.5s;animation-fill-mode:forwards}.hvr-icon-sink-away:active .hvr-icon,.hvr-icon-sink-away:focus .hvr-icon,.hvr-icon-sink-away:hover .hvr-icon{animation-name:hvr-icon-sink-away;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-grow .hvr-icon{transform:translateZ(0);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-icon-grow:active .hvr-icon,.hvr-icon-grow:focus .hvr-icon,.hvr-icon-grow:hover .hvr-icon{transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-shrink .hvr-icon{transform:translateZ(0);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-icon-shrink:active .hvr-icon,.hvr-icon-shrink:focus .hvr-icon,.hvr-icon-shrink:hover .hvr-icon{transform:scale(0.8)}@keyframes hvr-icon-pulse{25%{transform:scale(1.3)}75%{transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse .hvr-icon{transform:translateZ(0);transition-timing-function:ease-out}.hvr-icon-pulse:active .hvr-icon,.hvr-icon-pulse:focus .hvr-icon,.hvr-icon-pulse:hover .hvr-icon{animation-name:hvr-icon-pulse;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes hvr-icon-pulse-grow{to{transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-grow .hvr-icon{transform:translateZ(0);transition-timing-function:ease-out}.hvr-icon-pulse-grow:active .hvr-icon,.hvr-icon-pulse-grow:focus .hvr-icon,.hvr-icon-pulse-grow:hover .hvr-icon{animation-name:hvr-icon-pulse-grow;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes hvr-icon-pulse-shrink{to{transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-shrink .hvr-icon{transform:translateZ(0);transition-timing-function:ease-out}.hvr-icon-pulse-shrink:active .hvr-icon,.hvr-icon-pulse-shrink:focus .hvr-icon,.hvr-icon-pulse-shrink:hover .hvr-icon{animation-name:hvr-icon-pulse-shrink;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes hvr-icon-push{50%{transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-push .hvr-icon{transform:translateZ(0);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-icon-push:active .hvr-icon,.hvr-icon-push:focus .hvr-icon,.hvr-icon-push:hover .hvr-icon{animation-name:hvr-icon-push;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}@keyframes hvr-icon-pop{50%{transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-pop .hvr-icon{transform:translateZ(0);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-icon-pop:active .hvr-icon,.hvr-icon-pop:focus .hvr-icon,.hvr-icon-pop:hover .hvr-icon{animation-name:hvr-icon-pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-bounce .hvr-icon{transform:translateZ(0);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-icon-bounce:active .hvr-icon,.hvr-icon-bounce:focus .hvr-icon,.hvr-icon-bounce:hover .hvr-icon{transform:scale(1.5);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-rotate .hvr-icon{transform:translateZ(0);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-icon-rotate:active .hvr-icon,.hvr-icon-rotate:focus .hvr-icon,.hvr-icon-rotate:hover .hvr-icon{transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-grow-rotate .hvr-icon{transform:translateZ(0);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-icon-grow-rotate:active .hvr-icon,.hvr-icon-grow-rotate:focus .hvr-icon,.hvr-icon-grow-rotate:hover .hvr-icon{transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-float .hvr-icon{transform:translateZ(0);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-icon-float:active .hvr-icon,.hvr-icon-float:focus .hvr-icon,.hvr-icon-float:hover .hvr-icon{transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-sink .hvr-icon{transform:translateZ(0);transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-icon-sink:active .hvr-icon,.hvr-icon-sink:focus .hvr-icon,.hvr-icon-sink:hover .hvr-icon{transform:translateY(4px)}@keyframes hvr-icon-bob{0%{transform:translateY(-6px)}50%{transform:translateY(-2px)}100%{transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-bob .hvr-icon{transform:translateZ(0)}.hvr-icon-bob:active .hvr-icon,.hvr-icon-bob:focus .hvr-icon,.hvr-icon-bob:hover .hvr-icon{animation-name:hvr-icon-bob-float,hvr-icon-bob;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}@keyframes hvr-icon-hang{0%{transform:translateY(6px)}50%{transform:translateY(2px)}100%{transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-hang .hvr-icon{transform:translateZ(0)}.hvr-icon-hang:active .hvr-icon,.hvr-icon-hang:focus .hvr-icon,.hvr-icon-hang:hover .hvr-icon{animation-name:hvr-icon-hang-sink,hvr-icon-hang;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}@keyframes hvr-icon-wobble-horizontal{16.65%{transform:translateX(6px)}33.3%{transform:translateX(-5px)}49.95%{transform:translateX(4px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}100%{transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-wobble-horizontal .hvr-icon{transform:translateZ(0)}.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon{animation-name:hvr-icon-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes hvr-icon-wobble-vertical{16.65%{transform:translateY(6px)}33.3%{transform:translateY(-5px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-wobble-vertical .hvr-icon{transform:translateZ(0)}.hvr-icon-wobble-vertical:active .hvr-icon,.hvr-icon-wobble-vertical:focus .hvr-icon,.hvr-icon-wobble-vertical:hover .hvr-icon{animation-name:hvr-icon-wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes hvr-icon-buzz{50%{transform:translateX(3px) rotate(2deg)}100%{transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-buzz .hvr-icon{transform:translateZ(0)}.hvr-icon-buzz:active .hvr-icon,.hvr-icon-buzz:focus .hvr-icon,.hvr-icon-buzz:hover .hvr-icon{animation-name:hvr-icon-buzz;animation-duration:.15s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes hvr-icon-buzz-out{10%{transform:translateX(3px) rotate(2deg)}20%{transform:translateX(-3px) rotate(-2deg)}30%{transform:translateX(3px) rotate(2deg)}40%{transform:translateX(-3px) rotate(-2deg)}50%{transform:translateX(2px) rotate(1deg)}60%{transform:translateX(-2px) rotate(-1deg)}70%{transform:translateX(2px) rotate(1deg)}80%{transform:translateX(-2px) rotate(-1deg)}90%{transform:translateX(1px) rotate(0)}100%{transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);transition-duration:.3s}.hvr-icon-buzz-out .hvr-icon{transform:translateZ(0)}.hvr-icon-buzz-out:active .hvr-icon,.hvr-icon-buzz-out:focus .hvr-icon,.hvr-icon-buzz-out:hover .hvr-icon{animation-name:hvr-icon-buzz-out;animation-duration:.75s;animation-timing-function:linear;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);transition-duration:.3s;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);transition-duration:.3s;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);transition-duration:.3s;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);transition-duration:.3s;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px} /*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@swimlane/ngx-datatable/index.css?ngGlobalStyle ***! \*************************************************************************************************************************************************************************************************************************************************************************************************/ .ngx-datatable { display: block; overflow: hidden; justify-content: center; position: relative; transform: translate3d(0, 0, 0); /** * Vertical Scrolling Adjustments */ /** * Horizontal Scrolling Adjustments */ /** * Fixed Header Height Adjustments */ /** * Fixed row height adjustments */ /** * Shared Styles */ /** * Header Styles */ /** * Body Styles */ /** * Footer Styles */ } .ngx-datatable [hidden] { display: none !important; } .ngx-datatable *, .ngx-datatable *:before, .ngx-datatable *:after { box-sizing: border-box; } .ngx-datatable.scroll-vertical .datatable-body { overflow-y: auto; } .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper { position: absolute; } .ngx-datatable.scroll-horz .datatable-body { overflow-x: auto; -webkit-overflow-scrolling: touch; } .ngx-datatable.fixed-header .datatable-header .datatable-header-inner { white-space: nowrap; } .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ngx-datatable.fixed-row .datatable-scroll { white-space: nowrap; } .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row { white-space: nowrap; } .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ngx-datatable .datatable-body-row, .ngx-datatable .datatable-row-center, .ngx-datatable .datatable-header-inner { display: flex; flex-direction: row; -o-flex-flow: row; flex-flow: row; } .ngx-datatable .datatable-body-cell, .ngx-datatable .datatable-header-cell { overflow-x: hidden; vertical-align: top; display: inline-block; line-height: 1.625; } .ngx-datatable .datatable-body-cell:focus, .ngx-datatable .datatable-header-cell:focus { outline: none; } .ngx-datatable .datatable-row-left, .ngx-datatable .datatable-row-right { z-index: 9; } .ngx-datatable .datatable-row-left, .ngx-datatable .datatable-row-center, .ngx-datatable .datatable-row-group, .ngx-datatable .datatable-row-right { position: relative; } .ngx-datatable .datatable-header { display: block; overflow: hidden; } .ngx-datatable .datatable-header .datatable-header-inner { align-items: stretch; -webkit-align-items: stretch; } .ngx-datatable .datatable-header .datatable-header-cell { position: relative; display: inline-block; } .ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper { cursor: pointer; } .ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper { cursor: move; } .ngx-datatable .datatable-header .datatable-header-cell .sort-btn { line-height: 100%; vertical-align: middle; display: inline-block; cursor: pointer; } .ngx-datatable .datatable-header .datatable-header-cell .resize-handle, .ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable { display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; width: 5px; padding: 0 4px; visibility: hidden; } .ngx-datatable .datatable-header .datatable-header-cell .resize-handle { cursor: ew-resize; } .ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle { visibility: visible; } .ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable { visibility: visible; } .ngx-datatable .datatable-header .datatable-header-cell .targetMarker { position: absolute; top: 0; bottom: 0; } .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft { right: 0; } .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight { left: 0; } .ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap { height: inherit; } .ngx-datatable .datatable-body { position: relative; z-index: 10; display: block; } .ngx-datatable .datatable-body .datatable-scroll { display: inline-block; } .ngx-datatable .datatable-body .datatable-row-detail { overflow-y: hidden; } .ngx-datatable .datatable-body .datatable-row-wrapper { display: flex; flex-direction: column; } .ngx-datatable .datatable-body .datatable-body-row { outline: none; } .ngx-datatable .datatable-body .datatable-body-row > div { display: flex; } .ngx-datatable .datatable-footer { display: block; width: 100%; overflow: auto; } .ngx-datatable .datatable-footer .datatable-footer-inner { display: flex; align-items: center; width: 100%; } .ngx-datatable .datatable-footer .selected-count .page-count { flex: 1 1 40%; } .ngx-datatable .datatable-footer .selected-count .datatable-pager { flex: 1 1 60%; } .ngx-datatable .datatable-footer .page-count { flex: 1 1 20%; } .ngx-datatable .datatable-footer .datatable-pager { flex: 1 1 80%; text-align: right; } .ngx-datatable .datatable-footer .datatable-pager .pager, .ngx-datatable .datatable-footer .datatable-pager .pager li { padding: 0; margin: 0; display: inline-block; list-style: none; } .ngx-datatable .datatable-footer .datatable-pager .pager li, .ngx-datatable .datatable-footer .datatable-pager .pager li a { outline: none; } .ngx-datatable .datatable-footer .datatable-pager .pager li a { cursor: pointer; display: inline-block; } .ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a { cursor: not-allowed; } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/@swimlane/ngx-datatable/themes/material.scss?ngGlobalStyle ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* This stylesheet uses scss valiables for most of the colors / background-colors of the table to enable the customization of the displayed table without cloning the stylesheet into the own application. To modify table colors, add the following lines to the scss file of your application (this example modifies the color of the selected row - selectionType = single, multi or multiClick): $ngx-datatable-selected-active-background: yellow; $ngx-datatable-selected-active-background-hover: rgba(yellow, 0.2); @import '~@swimlane/ngx-datatable/index.css'; @import '~@swimlane/ngx-datatable/themes/material.scss'; @import '~@swimlane/ngx-datatable/assets/icons.css'; That's all. */ .ngx-datatable.material { background: #fff; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); /** * Shared Styles */ /** * Global Row Styles */ /** * Header Styles */ /** * Body Styles */ /** * Footer Styles */ } .ngx-datatable.material.striped .datatable-row-odd { background: #eee; } .ngx-datatable.material.single-selection .datatable-body-row.active, .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active, .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active, .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group { background-color: #304ffe; color: #fff; } .ngx-datatable.material.single-selection .datatable-body-row.active:hover, .ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group { background-color: #193ae4; color: #fff; } .ngx-datatable.material.single-selection .datatable-body-row.active:focus, .ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group { background-color: #2041ef; color: #fff; } .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover, .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group { background-color: #eee; transition-property: background; transition-duration: 0.3s; transition-timing-function: linear; } .ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus, .ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group { background-color: #ddd; } .ngx-datatable.material.cell-selection .datatable-body-cell:hover, .ngx-datatable.material.cell-selection .datatable-body-cell:hover .datatable-row-group { background-color: #eee; transition-property: background; transition-duration: 0.3s; transition-timing-function: linear; } .ngx-datatable.material.cell-selection .datatable-body-cell:focus, .ngx-datatable.material.cell-selection .datatable-body-cell:focus .datatable-row-group { background-color: #ddd; } .ngx-datatable.material.cell-selection .datatable-body-cell.active, .ngx-datatable.material.cell-selection .datatable-body-cell.active .datatable-row-group { background-color: #304ffe; color: #fff; } .ngx-datatable.material.cell-selection .datatable-body-cell.active:hover, .ngx-datatable.material.cell-selection .datatable-body-cell.active:hover .datatable-row-group { background-color: #193ae4; color: #fff; } .ngx-datatable.material.cell-selection .datatable-body-cell.active:focus, .ngx-datatable.material.cell-selection .datatable-body-cell.active:focus .datatable-row-group { background-color: #2041ef; color: #fff; } .ngx-datatable.material .empty-row { height: 50px; text-align: left; padding: 0.5rem 1.2rem; vertical-align: top; border-top: 0; } .ngx-datatable.material .loading-row { text-align: left; padding: 0.5rem 1.2rem; vertical-align: top; border-top: 0; } .ngx-datatable.material .datatable-header .datatable-row-left, .ngx-datatable.material .datatable-body .datatable-row-left { background-color: #fff; background-position: 100% 0; background-repeat: repeat-y; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==); } .ngx-datatable.material .datatable-header .datatable-row-right, .ngx-datatable.material .datatable-body .datatable-row-right { background-position: 0 0; background-color: #fff; background-repeat: repeat-y; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==); } .ngx-datatable.material .datatable-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .ngx-datatable.material .datatable-header .datatable-header-cell { text-align: left; padding: 0.9rem 1.2rem; font-weight: 400; background-color: #fff; color: rgba(0, 0, 0, 0.54); vertical-align: bottom; font-size: 12px; font-weight: 500; } .ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper { position: relative; } .ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable::after { transition: transform 400ms ease, opacity 400ms ease; opacity: 0.5; transform: scale(1); } .ngx-datatable.material .datatable-header .datatable-header-cell .draggable::after { content: " "; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; height: 60px; width: 60px; background: #eee; border-radius: 100%; opacity: 1; filter: none; transform: scale(0); z-index: 9999; pointer-events: none; } .ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle { border-right: none; } .ngx-datatable.material .datatable-header .resize-handle { border-right: solid 1px #eee; } .ngx-datatable.material .datatable-body { position: relative; } .ngx-datatable.material .datatable-body .datatable-row-detail { background: #f5f5f5; padding: 10px; } .ngx-datatable.material .datatable-body .datatable-group-header { background: #f5f5f5; border-bottom: solid 1px #d9d8d9; border-top: solid 1px #d9d8d9; } .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell { text-align: left; padding: 0.9rem 1.2rem; vertical-align: top; border-top: 0; color: rgba(0, 0, 0, 0.87); transition: width 0.3s ease; font-size: 14px; font-weight: 400; } .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell { text-align: left; padding: 0.9rem 1.2rem; vertical-align: top; border-top: 0; color: rgba(0, 0, 0, 0.87); transition: width 0.3s ease; font-size: 14px; font-weight: 400; } .ngx-datatable.material .datatable-body .progress-linear { display: block; position: sticky; width: 100%; height: 5px; padding: 0; margin: 0; top: 0; } .ngx-datatable.material .datatable-body .progress-linear .container { display: block; position: relative; overflow: hidden; width: 100%; height: 5px; transform: translate(0, 0) scale(1, 1); background-color: rgb(170, 209, 249); } .ngx-datatable.material .datatable-body .progress-linear .container .bar { transition: all 0.2s linear; animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s linear; background-color: rgb(16, 108, 200); position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 5px; } .ngx-datatable.material .datatable-footer { border-top: 1px solid rgba(0, 0, 0, 0.12); font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.54); } .ngx-datatable.material .datatable-footer .page-count { line-height: 50px; height: 50px; padding: 0 1.2rem; } .ngx-datatable.material .datatable-footer .datatable-pager { margin: 0 10px; } .ngx-datatable.material .datatable-footer .datatable-pager li { vertical-align: middle; } .ngx-datatable.material .datatable-footer .datatable-pager li.disabled a { color: rgba(0, 0, 0, 0.26) !important; background-color: transparent !important; } .ngx-datatable.material .datatable-footer .datatable-pager li.active a { background-color: rgba(158, 158, 158, 0.2); font-weight: bold; } .ngx-datatable.material .datatable-footer .datatable-pager a { height: 22px; min-width: 24px; line-height: 22px; padding: 0 6px; border-radius: 3px; margin: 6px 3px; text-align: center; vertical-align: top; color: rgba(0, 0, 0, 0.54); text-decoration: none; vertical-align: bottom; } .ngx-datatable.material .datatable-footer .datatable-pager a:hover { color: rgba(0, 0, 0, 0.75); background-color: rgba(158, 158, 158, 0.2); } .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left, .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip, .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right, .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev { font-size: 20px; line-height: 20px; padding: 0 3px; } .ngx-datatable.material .datatable-summary-row .datatable-body-row { background-color: #ddd; } .ngx-datatable.material .datatable-summary-row .datatable-body-row:hover { background-color: #ddd; } .ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell { font-weight: bold; } /** * Checkboxes **/ .datatable-checkbox { position: relative; margin: 0; cursor: pointer; vertical-align: middle; display: inline-block; box-sizing: border-box; padding: 0; } .datatable-checkbox input[type=checkbox] { position: relative; margin: 0 1rem 0 0; cursor: pointer; outline: none; } .datatable-checkbox input[type=checkbox]:before { transition: all 0.3s ease-in-out; content: ""; position: absolute; left: 0; z-index: 1; width: 1rem; height: 1rem; border: 2px solid #f2f2f2; } .datatable-checkbox input[type=checkbox]:checked:before { transform: rotate(-45deg); height: 0.5rem; border-color: #009688; border-top-style: none; border-right-style: none; } .datatable-checkbox input[type=checkbox]:after { content: ""; position: absolute; top: 0; left: 0; width: 1rem; height: 1rem; background: #fff; cursor: pointer; } /** * Progress bar animations */ @keyframes query { 0% { opacity: 1; transform: translateX(35%) scale(0.3, 1); } 100% { opacity: 0; transform: translateX(-50%) scale(0, 1); } } /*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@swimlane/ngx-datatable/assets/icons.css?ngGlobalStyle ***! \********************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; @font-face { font-family: 'data-table'; src: url('data-table.eot'); src: url('data-table.eot?#iefix') format('embedded-opentype'), url('data-table.woff') format('woff'), url('data-table.ttf') format('truetype'), url('data-table.svg#data-table') format('svg'); font-weight: normal; font-style: normal; } [data-icon]::before { font-family: 'data-table' !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^='datatable-icon-']::before, [class*=' datatable-icon-']::before { font-family: 'data-table' !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .datatable-icon-filter::before { content: '\62'; } .datatable-icon-collapse::before { content: '\61'; } .datatable-icon-expand::before { content: '\63'; } .datatable-icon-close::before { content: '\64'; } .datatable-icon-up::before { content: '\65'; } .datatable-icon-down::before { content: '\66'; } .datatable-icon-sort-unset::before { content: '\63'; opacity: 0.5; } .datatable-icon-sort::before { content: '\67'; } .datatable-icon-done::before { content: '\68'; } .datatable-icon-done-all::before { content: '\69'; } .datatable-icon-search::before { content: '\6a'; } .datatable-icon-pin::before { content: '\6b'; } .datatable-icon-add::before { content: '\6d'; } .datatable-icon-left::before { content: '\6f'; } .datatable-icon-right::before { content: '\70'; } .datatable-icon-skip::before { content: '\71'; } .datatable-icon-prev::before { content: '\72'; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/keen-slider/keen-slider.min.css?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************************/ .keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap} /*# sourceMappingURL=styles.css.map*/