/*!**********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************************************/ .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-drag-preview .mat-ripple-element,.cdk-drag-placeholder .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:rgba(0,0,0,0);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:.6}.cdk-overlay-dark-backdrop{background:rgba(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, var(--mat-app-background, transparent));color:var(--mat-app-text-color, var(--mat-app-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}.mat-theme-loaded-marker{display:none}html{--mat-ripple-color:rgba(0, 0, 0, 0.1)}html{--mat-option-selected-state-label-text-color:#3f51b5;--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-accent{--mat-option-selected-state-label-text-color:#ff4081;--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-warn{--mat-option-selected-state-label-text-color:#f44336;--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)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;--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:#3f51b5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--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:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--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:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--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:#f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-app-background-color:#fafafa;--mat-app-text-color:rgba(0, 0, 0, 0.87);--mat-app-elevation-shadow-level-0: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-app-elevation-shadow-level-1: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-app-elevation-shadow-level-2: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);--mat-app-elevation-shadow-level-3: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);--mat-app-elevation-shadow-level-4: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-app-elevation-shadow-level-5: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);--mat-app-elevation-shadow-level-6: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);--mat-app-elevation-shadow-level-7: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);--mat-app-elevation-shadow-level-8: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-app-elevation-shadow-level-9: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);--mat-app-elevation-shadow-level-10: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);--mat-app-elevation-shadow-level-11: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);--mat-app-elevation-shadow-level-12: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);--mat-app-elevation-shadow-level-13: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);--mat-app-elevation-shadow-level-14: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);--mat-app-elevation-shadow-level-15: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);--mat-app-elevation-shadow-level-16: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-app-elevation-shadow-level-17: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);--mat-app-elevation-shadow-level-18: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);--mat-app-elevation-shadow-level-19: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);--mat-app-elevation-shadow-level-20: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);--mat-app-elevation-shadow-level-21: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);--mat-app-elevation-shadow-level-22: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);--mat-app-elevation-shadow-level-23: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);--mat-app-elevation-shadow-level-24: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)}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400}html{--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px}html{--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)}html{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500}html{--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5;--mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081;--mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}html{--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}html{--mdc-filled-text-field-caret-color:#3f51b5;--mdc-filled-text-field-focus-active-indicator-color:#3f51b5;--mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 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:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--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:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#3f51b5;--mdc-outlined-text-field-focus-outline-color:#3f51b5;--mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 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:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--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:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 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:#f44336;--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-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ff4081;--mdc-filled-text-field-focus-active-indicator-color:#ff4081;--mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mdc-outlined-text-field-caret-color:#ff4081;--mdc-outlined-text-field-focus-outline-color:#ff4081;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87)}html{--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}html{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400}html{--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)}html{--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(63, 81, 181, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .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(255, 64, 129, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .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(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform:translateY(-8px)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400}html{--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)}html{--mat-autocomplete-background-color:white}html{--mdc-dialog-container-shape:4px;--mat-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);--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}html{--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)}html{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-radius:16px;--mdc-chip-with-avatar-avatar-shape-radius: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}.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}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-selected-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-flat-disabled-selected-container-color:#3f51b5;--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}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-selected-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-flat-disabled-selected-container-color:#ff4081;--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}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-selected-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-flat-disabled-selected-container-color:#f44336;--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}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}html{--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}html .mat-mdc-slide-toggle{--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-selected-track-outline-color:transparent;--mat-switch-disabled-unselected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-color:transparent}html{--mdc-switch-selected-focus-state-layer-color:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb;--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:#fff;--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-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-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-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mat-switch-label-text-color:rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}html .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}html{--mdc-switch-state-layer-size:40px}html .mat-mdc-slide-toggle{--mat-switch-label-text-font:Roboto, sans-serif;--mat-switch-label-text-line-height:20px;--mat-switch-label-text-size:14px;--mat-switch-label-text-tracking:0.0178571429em;--mat-switch-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.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:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#3f51b5;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.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:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ff4081;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.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:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}html{--mdc-radio-state-layer-size:40px;--mat-radio-touch-target-display:block}html{--mat-radio-label-text-font:Roboto, sans-serif;--mat-radio-label-text-line-height:20px;--mat-radio-label-text-size:14px;--mat-radio-label-text-tracking:0.0178571429em;--mat-radio-label-text-weight:400}html{--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-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-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%)}html{--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:white;--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;--mat-slider-ripple-color:#3f51b5;--mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);--mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:white;--mat-slider-ripple-color:#ff4081;--mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2)}html .mat-warn{--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white;--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2)}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}html{--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-base-elevation-level:8}html{--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)}html{--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}html{--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:4px}html{--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-item__start,.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:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.mat-accent .mdc-list-item__start,.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:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.mat-warn .mdc-list-item__start,.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:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.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:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--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-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--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-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:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--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-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--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-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:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--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-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--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-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--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-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}html{--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)}html{--mat-paginator-container-size:56px;--mat-paginator-form-field-container-height:40px;--mat-paginator-form-field-container-vertical-padding:8px;--mat-paginator-touch-target-display:block}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}html{--mdc-secondary-navigation-tab-container-height:48px;--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#3f51b5;--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:#3f51b5;--mat-tab-header-active-ripple-color:#3f51b5;--mat-tab-header-inactive-ripple-color:#3f51b5;--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:#3f51b5;--mat-tab-header-active-hover-label-text-color:#3f51b5;--mat-tab-header-active-focus-indicator-color:#3f51b5;--mat-tab-header-active-hover-indicator-color:#3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ff4081;--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:#ff4081;--mat-tab-header-active-ripple-color:#ff4081;--mat-tab-header-inactive-ripple-color:#ff4081;--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:#ff4081;--mat-tab-header-active-hover-label-text-color:#ff4081;--mat-tab-header-active-focus-indicator-color:#ff4081;--mat-tab-header-active-hover-indicator-color:#ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--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:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--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:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#3f51b5;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ff4081;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px}.mat-mdc-tab-header{--mat-tab-header-label-text-font:Roboto, sans-serif;--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}html{--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}html{--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:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--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-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--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);--mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87)}.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:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--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-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--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-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:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--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-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px;--mat-checkbox-touch-target-display:block}html{--mat-checkbox-label-text-font:Roboto, sans-serif;--mat-checkbox-label-text-line-height:20px;--mat-checkbox-label-text-size:14px;--mat-checkbox-label-text-tracking:0.0178571429em;--mat-checkbox-label-text-weight:400}html{--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-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-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}html{--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);--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}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5;--mat-text-button-state-layer-color:#3f51b5;--mat-text-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081;--mat-text-button-state-layer-color:#ff4081;--mat-text-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336;--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--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)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--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)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--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)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--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)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--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)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--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)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#3f51b5;--mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#ff4081;--mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px;--mdc-filled-button-container-height:36px;--mdc-protected-button-container-height:36px;--mdc-outlined-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}html{--mdc-text-button-label-text-font:Roboto, sans-serif;--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:Roboto, sans-serif;--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-protected-button-label-text-font:Roboto, sans-serif;--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-outlined-button-label-text-font:Roboto, sans-serif;--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}html{--mdc-icon-button-icon-size:24px}html{--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}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5;--mat-icon-button-state-layer-color:#3f51b5;--mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081;--mat-icon-button-state-layer-color:#ff4081;--mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mat-icon-button-touch-target-display:block}.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}html{--mdc-fab-container-shape:50%;--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-small-container-shape:50%;--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-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px;--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)}html{--mdc-fab-container-color:white;--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;--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)}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-warn{--mdc-fab-container-color:#f44336;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-primary{--mdc-fab-small-container-color:#3f51b5;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-accent{--mdc-fab-small-container-color:#ff4081;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-warn{--mdc-fab-small-container-color:#f44336;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html{--mat-fab-touch-target-display:block;--mat-fab-small-touch-target-display:block}html{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500}html{--mdc-snackbar-container-shape:4px}html{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#ff4081}html{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}html{--mat-table-row-item-outline-width:1px}html{--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)}html{--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px}html{--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em}html{--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px}html{--mdc-circular-progress-active-indicator-color:#3f51b5}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}html{--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}html{--mat-badge-background-color:#3f51b5;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ff4081;--mat-badge-text-color:white}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px}html{--mat-bottom-sheet-container-shape:4px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--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}html{--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}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height:24px;--mat-legacy-button-toggle-label-text-size:16px;--mat-legacy-button-toggle-label-text-tracking:0.03125em;--mat-legacy-button-toggle-label-text-weight:400;--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:24px;--mat-standard-button-toggle-label-text-size:16px;--mat-standard-button-toggle-label-text-tracking:0.03125em;--mat-standard-button-toggle-label-text-weight:400}html{--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)}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 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-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 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-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 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-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls{--mat-icon-button-touch-target-display:none}.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}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--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}html{--mat-divider-width:1px}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-shape:4px;--mat-expansion-legacy-header-indicator-display:inline-block;--mat-expansion-header-indicator-display:none}html{--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)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--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}html{--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)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--mat-stepper-header-edit-state-icon-foreground-color:white;--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:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}html{--mat-sort-arrow-color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}html{--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, 0.87)}html{--mat-tree-node-min-height:48px}html{--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px} /*!******************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/animate.css/animate.css ***! \******************************************************************************************************************************************************************************************************************************/ @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: calc(1 * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { animation-iteration-count: calc(1 * 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: calc(1s * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { animation-delay: calc(1s * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { animation-delay: calc(1s * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { animation-delay: calc(1s * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { animation-duration: calc(1s / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { animation-duration: calc(1s * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { animation-duration: calc(1s * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { animation-duration: calc(1s * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { animation-duration: 1ms !important; transition-duration: 1ms !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @keyframes bounce { from, 20%, 53%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .animate__pulse { animation-name: pulse; animation-timing-function: ease-in-out; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .animate__rubberBand { animation-name: rubberBand; } @keyframes shakeX { from, to { transform: translate3d(0, 0, 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 { from, to { transform: translate3d(0, 0, 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: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .animate__swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .animate__tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: translate3d(0, 0, 0); } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: translate3d(0, 0, 0); } } .animate__wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.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: calc(1s * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); animation-timing-function: ease-in-out; } /* Back entrances */ @keyframes backInDown { 0% { transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate__backInDown { animation-name: backInDown; } @keyframes backInLeft { 0% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate__backInLeft { animation-name: backInLeft; } @keyframes backInRight { 0% { transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate__backInRight { animation-name: backInRight; } @keyframes backInUp { 0% { transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate__backInUp { animation-name: backInUp; } /* Back exits */ @keyframes backOutDown { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { animation-name: backOutDown; } @keyframes backOutLeft { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { animation-name: backOutLeft; } @keyframes backOutRight { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { animation-name: backOutRight; } @keyframes backOutUp { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { animation-name: backOutUp; } /* Bouncing entrances */ @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .animate__bounceIn { animation-duration: calc(1s * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, 5px, 0) scaleY(0.985); } to { transform: translate3d(0, 0, 0); } } .animate__bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.98); } 90% { transform: translate3d(5px, 0, 0) scaleX(0.995); } to { transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { 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(0.98); } 90% { transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { transform: translate3d(0, 0, 0); } } .animate__bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, -5px, 0) scaleY(0.985); } to { transform: translate3d(0, 0, 0); } } .animate__bounceInUp { animation-name: bounceInUp; } /* Bouncing exits */ @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { animation-duration: calc(1s * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(0.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(0.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(0.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(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { animation-name: bounceOutUp; } /* Fading entrances */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeInTopLeft { from { opacity: 0; transform: translate3d(-100%, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInTopLeft { animation-name: fadeInTopLeft; } @keyframes fadeInTopRight { from { opacity: 0; transform: translate3d(100%, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInTopRight { animation-name: fadeInTopRight; } @keyframes fadeInBottomLeft { from { opacity: 0; transform: translate3d(-100%, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInBottomLeft { animation-name: fadeInBottomLeft; } @keyframes fadeInBottomRight { from { opacity: 0; transform: translate3d(100%, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__fadeInBottomRight { animation-name: fadeInBottomRight; } /* Fading exits */ @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes fadeOutTopLeft { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { animation-name: fadeOutTopLeft; } @keyframes fadeOutTopRight { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { animation-name: fadeOutTopRight; } @keyframes fadeOutBottomRight { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { animation-name: fadeOutBottomRight; } @keyframes fadeOutBottomLeft { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { animation-name: fadeOutBottomLeft; } /* Flippers */ @keyframes flip { from { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; } to { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; } } .animate__animated.animate__flip { backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .animate__flipInX { backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .animate__flipInY { backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animate__flipOutX { animation-duration: calc(1s * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animate__flipOutY { animation-duration: calc(1s * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); backface-visibility: visible !important; animation-name: flipOutY; } /* Lightspeed */ @keyframes lightSpeedInRight { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); } to { transform: translate3d(0, 0, 0); } } .animate__lightSpeedInRight { animation-name: lightSpeedInRight; animation-timing-function: ease-out; } @keyframes lightSpeedInLeft { from { transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { transform: skewX(-20deg); opacity: 1; } 80% { transform: skewX(5deg); } to { transform: translate3d(0, 0, 0); } } .animate__lightSpeedInLeft { animation-name: lightSpeedInLeft; animation-timing-function: ease-out; } @keyframes lightSpeedOutRight { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { animation-name: lightSpeedOutRight; animation-timing-function: ease-in; } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { animation-name: lightSpeedOutLeft; animation-timing-function: ease-in; } /* Rotating entrances */ @keyframes rotateIn { from { transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { animation-name: rotateIn; transform-origin: center; } @keyframes rotateInDownLeft { from { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownLeft { animation-name: rotateInDownLeft; transform-origin: left bottom; } @keyframes rotateInDownRight { from { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownRight { animation-name: rotateInDownRight; transform-origin: right bottom; } @keyframes rotateInUpLeft { from { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpLeft { animation-name: rotateInUpLeft; transform-origin: left bottom; } @keyframes rotateInUpRight { from { transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpRight { animation-name: rotateInUpRight; transform-origin: right bottom; } /* Rotating exits */ @keyframes rotateOut { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animate__rotateOut { animation-name: rotateOut; transform-origin: center; } @keyframes rotateOutDownLeft { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .animate__rotateOutDownLeft { animation-name: rotateOutDownLeft; transform-origin: left bottom; } @keyframes rotateOutDownRight { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutDownRight { animation-name: rotateOutDownRight; transform-origin: right bottom; } @keyframes rotateOutUpLeft { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutUpLeft { animation-name: rotateOutUpLeft; transform-origin: left bottom; } @keyframes rotateOutUpRight { from { opacity: 1; } to { transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animate__rotateOutUpRight { animation-name: rotateOutUpRight; transform-origin: right bottom; } /* Specials */ @keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { animation-duration: calc(1s * 2); animation-duration: calc(var(--animate-duration) * 2); animation-name: hinge; transform-origin: top left; } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .animate__rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animate__rollOut { animation-name: rollOut; } /* Zooming entrances */ @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { animation-name: zoomInUp; } /* Zooming exits */ @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { animation-name: zoomOutDown; transform-origin: center bottom; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { animation-name: zoomOutLeft; transform-origin: left center; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { animation-name: zoomOutRight; transform-origin: right center; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { animation-name: zoomOutUp; transform-origin: center bottom; } /* Sliding entrances */ @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .animate__slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .animate__slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .animate__slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .animate__slideInUp { animation-name: slideInUp; } /* Sliding exits */ @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 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/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* You can add global styles to this file, and also import other style files */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce * specificity and defer to the .w-button selector */ button, html input[type=button], input[type=reset] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type=checkbox], input[type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed * (similar to normalize.css >=4.0.0) */ input[type=search] { -webkit-appearance: none; /* 1 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: "webflow-icons"; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: normal; font-style: normal; } [class^=w-icon-], [class*=" w-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "webflow-icons" !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; } .w-icon-slider-right:before { content: "\e600"; } .w-icon-slider-left:before { content: "\e601"; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } .w-icon-file-upload-remove:before { content: "\e900"; } .w-icon-file-upload-icon:before { content: "\e903"; } * { box-sizing: border-box; } html { height: 100%; } body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } img { max-width: 100%; vertical-align: middle; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } .w-webflow-badge, .w-webflow-badge * { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; box-shadow: none; opacity: 1; transform: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; } .w-webflow-badge { position: fixed !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #AAADB0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; opacity: 1 !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; white-space: nowrap; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); cursor: pointer; } .w-webflow-badge > img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } figure { margin: 0; margin-bottom: 10px; } figcaption { margin-top: 5px; text-align: center; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-embed:after { clear: both; } .w-video { width: 100%; position: relative; padding: 0; } .w-video iframe, .w-video object, .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } fieldset { padding: 0; margin: 0; border: 0; } button, html input[type=button], input[type=reset] { border: 0; cursor: pointer; -webkit-appearance: button; } .w-form { margin: 0 0 15px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } label { display: block; margin-bottom: 5px; font-weight: bold; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input:-moz-placeholder, .w-select:-moz-placeholder { color: #999; } .w-input::-moz-placeholder, .w-select::-moz-placeholder { color: #999; opacity: 1; } .w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder { color: #999; } .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } .w-radio:before, .w-radio:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-radio:after { clear: both; } .w-radio-input { margin: 4px 0 0; margin-top: 1px \9 ; line-height: normal; float: left; margin-left: -20px; } .w-radio-input { margin-top: 3px; } .w-file-upload { display: block; margin-bottom: 10px; } .w-file-upload-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -100; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { display: inline-block; color: #333333; } .w-file-upload-error { display: block; margin-top: 10px; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; } .w-file-upload-uploading-btn { display: flex; font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #cccccc; background-color: #fafafa; } .w-file-upload-file { display: flex; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; border: 1px solid #cccccc; background-color: #fafafa; } .w-file-upload-file-name { font-size: 14px; font-weight: normal; display: block; } .w-file-remove-link { margin-top: 3px; margin-left: 10px; width: auto; height: auto; padding: 3px; display: block; cursor: pointer; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { display: inline-block; color: #ea384c; padding: 2px 0; } .w-file-upload-info { display: inline-block; line-height: 38px; padding: 0 12px; } .w-file-upload-label { display: inline-block; font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #cccccc; background-color: #fafafa; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { display: inline-block; margin-right: 8px; width: 20px; } .w-icon-file-upload-uploading { height: 20px; } .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } .w-container:before, .w-container:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333333%; } .w-col-2 { width: 16.66666667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.33333333%; } .w-col-5 { width: 41.66666667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.33333333%; } .w-col-8 { width: 66.66666667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.33333333%; } .w-col-11 { width: 91.66666667%; } .w-col-12 { width: 100%; } .w-hidden-main { display: none !important; } @media screen and (min-width: 992px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-large { display: none !important; } .w-col-large-1 { width: 8.33333333%; } .w-col-large-2 { width: 16.66666667%; } .w-col-large-3 { width: 25%; } .w-col-large-4 { width: 33.33333333%; } .w-col-large-5 { width: 41.66666667%; } .w-col-large-6 { width: 50%; } .w-col-large-7 { width: 58.33333333%; } .w-col-large-8 { width: 66.66666667%; } .w-col-large-9 { width: 75%; } .w-col-large-10 { width: 83.33333333%; } .w-col-large-11 { width: 91.66666667%; } .w-col-large-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333333%; } .w-col-medium-2 { width: 16.66666667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.33333333%; } .w-col-medium-5 { width: 41.66666667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.33333333%; } .w-col-medium-8 { width: 66.66666667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.33333333%; } .w-col-medium-11 { width: 91.66666667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333333%; } .w-col-small-2 { width: 16.66666667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.33333333%; } .w-col-small-5 { width: 41.66666667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.33333333%; } .w-col-small-8 { width: 66.66666667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.33333333%; } .w-col-small-11 { width: 91.66666667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333333%; } .w-col-tiny-2 { width: 16.66666667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.33333333%; } .w-col-tiny-5 { width: 41.66666667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.33333333%; } .w-col-tiny-8 { width: 66.66666667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.33333333%; } .w-col-tiny-11 { width: 91.66666667%; } .w-col-tiny-12 { width: 100%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { text-align: center; } .w-widget-map .gm-style-iw > button { display: none !important; } .w-widget-twitter { overflow: hidden; } .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: white; border: #758696 solid 1px; border-radius: 3px; } .w-widget-twitter-count-shim * { pointer-events: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 4px; margin-left: -8px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 4px; margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-widget-gplus { overflow: hidden; } .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; margin: auto; width: 100%; height: 100%; right: -100%; bottom: -100%; top: -100%; left: -100%; object-fit: cover; z-index: -100; } .w-background-video > video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0px 0px 0px 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-slider-arrow-left [class^=w-icon-], .w-slider-arrow-right [class^=w-icon-], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } .w-slider-aria-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ .w-lightbox-backdrop { color: #000; cursor: auto; font-family: serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; list-style: disc; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */ } /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ .w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } .w-lightbox-view:before { content: ""; height: 100vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { display: inline-block; vertical-align: middle; } /* * 1. Remove default margin set by user-agent on the
element. */ .w-lightbox-figure { position: relative; margin: 0; /* 1 */ } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ .w-lightbox-img { width: auto; height: auto; max-width: none; } /** * 1. Reset if style is set by user on "All Images" */ .w-lightbox-image { display: block; float: none; /* 1 */ max-width: 100vw; max-height: 100vh; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 0.5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; transition: all 0.3s; } .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } /** * 1. All IE versions add extra space at the bottom without this. */ .w-lightbox-strip { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } .w-lightbox-active { opacity: 0.3; } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; transform: translate(-50%, 0); } /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; animation: spin 0.8s infinite linear; } .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } /* * Utility classes */ .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { display: block; opacity: 0.5; } .w-lightbox-close { opacity: 0.8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext:before, .w-richtext:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-richtext:after { clear: both; } .w-richtext[contenteditable=true]:before, .w-richtext[contenteditable=true]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after { outline: 2px solid #2895f7; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type=image] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type=video] > div:after { content: ""; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; } .w-richtext figure { position: relative; max-width: 60%; } .w-richtext figure > div:before { cursor: default !important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type=image] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type=image] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type=image] > figcaption { display: table-caption; caption-side: bottom; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type=video] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type=video] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type=video] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type=image] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures we want the div to inherit that so hover/selection borders in the designer-canvas fit right*/ padding-bottom: inherit; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } [data-nav-menu-open] { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation=over-left] .w-nav-overlay { width: auto; } .w-nav[data-animation=over-left] .w-nav-overlay, .w-nav[data-animation=over-left] [data-nav-menu-open] { right: auto; z-index: 1; top: 0; } .w-nav[data-animation=over-right] .w-nav-overlay { width: auto; } .w-nav[data-animation=over-right] .w-nav-overlay, .w-nav[data-animation=over-right] [data-nav-menu-open] { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { background-color: #C8C8C8; color: white; } .w-nav[data-collapse=all] .w-nav-menu { display: none; } .w-nav[data-collapse=all] .w-nav-button { display: block; } .w--nav-dropdown-open { display: block; } .w--nav-dropdown-toggle-open { display: block; } .w--nav-dropdown-list-open { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse=medium] .w-nav-menu { display: none; } .w-nav[data-collapse=medium] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse=small] .w-nav-menu { display: none; } .w-nav[data-collapse=small] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse=tiny] .w-nav-menu { display: none; } .w-nav[data-collapse=tiny] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } .w-tab-link.w--current { background-color: #C8C8C8; } .w-tab-link:focus { outline: 0; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .w-dyn-empty { padding: 10px; background-color: #dddddd; } .w-dyn-hide { display: none !important; } .w-dyn-bind-empty { display: none !important; } .w-condition-invisible { display: none !important; } .w-embed-youtubevideo { width: 100%; position: relative; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg"); background-size: cover; background-position: 50% 50%; } w-embed-youtubevideo.youtube { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: auto; padding-top: 56.170212766%; } .w-embed-youtubevideo:empty { min-height: 75px; padding-bottom: 56.25%; } body { background-color: var(--main-bg-color, var(--light-color)); font-family: neue-haas-grotesk-text, sans-serif; color: var(--main-font-color, --dark-color); font-size: 1vw; line-height: 1.6; } h1 { margin-top: 20px; margin-bottom: 10px; /*color: var(--white);*/ font-size: 2.7em; line-height: 1.2; font-weight: 700; } h2 { margin-top: 20px; margin-bottom: 10px; /*color: var(--white);*/ font-size: 2.3em; line-height: 1.2; font-weight: 700; } h3 { margin-top: 20px; margin-bottom: 10px; /*color: var(--white);*/ font-size: 1.7em; line-height: 1.4; font-weight: 700; } h4 { margin-top: 10px; margin-bottom: 10px; font-size: 1.3em; line-height: 1.4; font-weight: 700; } h5 { margin-top: 10px; margin-bottom: 10px; font-size: 1em; line-height: 1.4; font-weight: 700; } h6 { margin-top: 10px; margin-bottom: 10px; font-size: 0.85em; line-height: 1.4; font-weight: 700; } p { margin-bottom: 10px; font-size: 18px; line-height: 1.6; } a { color: var(--white); text-decoration: none; } a:hover { text-decoration: underline; } img { display: inline-block; } blockquote { margin-bottom: 1em; padding: 1em 2em; border-left: 5px solid #e2e2e2; font-size: 1.2em; line-height: 1.6; font-style: italic; } .body { background-color: var(--light-color); font-family: "Open Sans", sans-serif; color: var(--mid-color); } .navbar { position: fixed; left: 0px; top: auto; right: 0px; bottom: 0px; z-index: 30003; display: flex; width: 100%; height: 60px; margin-right: auto; margin-left: auto; justify-content: center; align-items: center; background-color: transparent; } .nav-link { z-index: 1000; display: flex; height: 50px; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; border-radius: 0px; background-color: var(--white); transition: color 200ms ease, background-color 200ms ease; font-size: 14px; text-decoration: none; text-shadow: none; } .nav-link:hover { background-color: #f5f5f5; color: var(--black); text-decoration: none; text-shadow: none; } .nav-link.w--current { background-color: var(--white); } .nav-link.w--current:hover { color: var(--white); } .nav-link.videos { color: var(--black); } .image { width: 100%; } .brand { top: 10px; display: none; width: 40px; height: 40px; } .paragraph { margin-bottom: 40px; font-size: 16px; line-height: 24px; font-weight: 300; } .heading { font-size: 32px; font-weight: 300; } .nav-container { display: flex; width: 100%; height: 100%; margin-top: 0px; margin-right: auto; margin-left: auto; padding-right: 2em; padding-left: 2em; justify-content: center; align-items: center; /*border-top: 1px solid #ccc;*/ background-color: var(--bottom-bg-color, var(--brand-color)); } .nav-menu { z-index: 9999; display: flex; width: 100%; height: 100%; margin-right: auto; margin-left: auto; justify-content: center; } .main-image { margin-bottom: 20px; } .navbar-top { position: fixed; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 10000; display: block; width: 100%; height: 60px; padding-right: 2em; padding-left: 2em; background-color: var(--top-bg-color, var(--light-color)); /* ADDED FROM CUSTOM CSS */ transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important; transform-style: preserve-3d !important; } .navbar.w-nav { transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important; transform-style: preserve-3d !important; } .nav-link-white { width: 100%; padding: 12px 0px; color: var(--white); } .banner { z-index: 5; display: flex; padding: 16px; justify-content: space-between; align-items: center; flex: 1; background-image: url("/assets/images/banner-viba-mi-dark.svg"); background-position: 0% 50%; background-repeat: no-repeat; background-size: contain; box-shadow: none; } .nav-top-container { display: flex; height: 100%; justify-content: space-between; border-bottom: 1px solid rgba(70, 84, 102, 0.1); } .nav-top-container.design-theme-white { border-bottom: none; } .viewfinder-section { position: sticky; top: 80px; display: block; width: 33.33%; } .btn-invite { left: auto; top: auto; right: 20px; bottom: 220px; z-index: 10002; display: flex; width: 60px; height: 60px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; flex-direction: column; justify-content: center; align-items: center; border-top-width: 1px; border-top-color: #000000; border-right: 2px solid; border-right-color: #ffffff; border-bottom: 2px solid; border-bottom-color: #ffffff; border-left: 2px solid; border-left-color: #ffffff; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(0, 0%, 100%, 1); box-shadow: 0 1px 3px 0 hsla(0, 0%, 0%, 0.16); font-size: 16px; font-weight: 700; text-decoration: none; text-transform: uppercase; color: #ffffff; } .btn-invite-mobile { left: auto; top: auto; right: 25px; bottom: 180px; z-index: 10002; display: flex; width: 60px; height: 60px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; flex-direction: column; justify-content: center; align-items: center; border-top-width: 1px; border-top-color: #000000; border-right: 2px solid; border-right-color: #ffffff; border-bottom: 2px solid; border-bottom-color: #ffffff; border-left: 2px solid; border-left-color: #ffffff; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(0, 0%, 100%, 1); box-shadow: 0 1px 3px 0 hsla(0, 0%, 0%, 0.16); font-size: 16px; font-weight: 700; text-decoration: none; text-transform: uppercase; color: #ffffff; } .btn-invite:hover { text-decoration: none; } .btn-invite:small { bottom: 160px; width: 60px; height: 60px; margin-right: 0px; margin-left: 0px; } .btn-invite:main_hover { text-decoration: none; } .btn-invite:tiny { position: absolute; } .btn-invite:medium { right: 20px; bottom: 160px; } .btn-screenshare { left: auto; top: auto; right: 20px; bottom: 320px; z-index: 10002; display: flex; width: 60px; height: 60px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; flex-direction: column; justify-content: center; align-items: center; border-top-width: 1px; border-top-color: #000000; border-right: 2px solid; border-right-color: #ffffff; border-bottom: 2px solid; border-bottom-color: #ffffff; border-left: 2px solid; border-left-color: #ffffff; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(0, 0%, 100%, 1); box-shadow: 0 1px 3px 0 hsla(0, 0%, 0%, 0.16); font-size: 16px; font-weight: 700; text-decoration: none; text-transform: uppercase; color: #ffffff; } .btn-screenshare:hover { text-decoration: none; } .btn-screenshare:small { bottom: 240px; width: 60px; height: 60px; margin-right: 0px; margin-left: 0px; } .btn-screenshare:main_hover { text-decoration: none; } .btn-screenshare:tiny { position: absolute; } .btn-screenshare:medium { right: 20px; bottom: 240px; } .btn-hangup { left: auto; top: auto; right: 20px; bottom: 100px; z-index: 10002; display: flex; width: 60px; height: 60px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; flex-direction: column; justify-content: center; align-items: center; border-top-width: 1px; border-top-color: #ffffff; border-right: 2px solid; border-right-color: #ffffff; border-bottom: 2px solid; border-bottom-color: #ffffff; border-left: 2px solid; border-left-color: #ffffff; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: hsla(0, 100%, 50%, 1); box-shadow: 0 1px 3px 0 hsla(0, 0%, 0%, 0.16); font-size: 16px; font-weight: 700; text-decoration: none; text-transform: uppercase; color: #ffffff; } .btn-hangup:hover { text-decoration: none; } .btn-hangup:small { bottom: 60px; width: 60px; height: 60px; margin-right: 0px; margin-left: 0px; } .btn-hangup:main_hover { text-decoration: none; } .btn-hangup:tiny { position: absolute; } .btn-hangup:medium { right: 20px; bottom: 60px; } .local-video-wrapper { z-index: 2; display: flex; overflow: hidden; width: 100%; margin-bottom: 20px; flex-direction: column; justify-content: center; align-items: center; align-self: flex-start; border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 100%, 0.2); border-radius: 4px; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); } .btn-small-circle { display: flex; width: 34px; height: 34px; padding: 6px; flex-direction: column; justify-content: center; align-items: center; border-style: solid; border-width: 1px; border-color: var(--white); border-radius: 50%; background-color: var(--black); color: var(--white); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); cursor: pointer; } .btn-small-circle.fullscreen-off { cursor: pointer; } .btn-small-circle.speaker-off, .btn-small-circle.cc-off, .btn-small-circle.mic-off, .btn-small-circle.cam-off { color: #000; background-color: var(--white); } .connected { position: absolute; left: 10px; top: 10px; right: auto; bottom: auto; z-index: 2; display: flex; height: 24px; padding: 2px 10px; justify-content: center; align-items: center; border-radius: 3px; background-color: red; perspective-origin: 0% 0%; transform-origin: 0% 0%; color: #ffffff; } .cards-img { width: 100%; height: 100px; object-fit: cover; } .cards-link-2 { position: relative; z-index: 3; display: flex; overflow: hidden; width: 100%; height: auto; flex-direction: column; flex: 0 0 auto; /*border-radius: 8px;*/ background-color: var(--tray-content-bg-color, --black); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); color: var(--tray-content-font-color, --white); text-decoration: none; background-clip: border-box; } .cards-link-2:hover { text-decoration: none; } .cards-link-2.white-bg { background-color: var(--white); } .cards-link-2.no-image { min-height: 100px; } .card-heading { margin-top: 0px; margin-bottom: 0px; font-size: 14px; line-height: 1.4; font-weight: 600; } .card-heading.black-text { color: var(--black); } .cards-h-div { width: 100%; padding: 0.5em 0.8em 0.6em; } .horizontal-scroll-wrapper-2 { display: flex; width: 100%; margin-top: 10px; } .content-div { overflow: hidden; width: 100%; margin-bottom: 16px; padding: 2em; border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 100%, 0.2); border-radius: 4px; background-color: #19172a; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); } .content-div.top-banner { margin-bottom: 0px; padding-top: 0em; padding-right: 0em; padding-left: 0em; } .horizontal-scroll-wrapper { display: flex; overflow: hidden; width: 100%; } .image-overlay { display: block; position: fixed; z-index: 30004; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9); } .overlay-image { margin: auto; display: block; width: 80%; max-width: 700px; } .overlay-close-button { position: absolute; top: 15px; right: 35px; color: #fff; font-size: 30px; font-weight: normal; cursor: pointer; } .overlay-nav-button { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 35px; margin-top: -50px; color: white; font-weight: normal; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } .overlay-nav-button.left { left: 0; border-radius: 3px 0 0 3px; } .overlay-nav-button.right { right: 0; border-radius: 0 3px 3px 0; } .cards-container { position: relative; z-index: 9; display: flex; overflow: hidden; width: 100%; height: 100%; padding: 2em 3em 6em; flex-direction: column; border-top: 1px solid hsla(0, 0%, 100%, 0.5); border-top-left-radius: 20px; border-top-right-radius: 20px; background-color: var(--tray-bg-color, #ffffff); /*color: var(--mid-color);*/ } .cards-container.product-info { display: none; } .cards-img-2 { display: flex; overflow: hidden; width: 100%; height: 100%; justify-content: center; align-items: center; object-fit: cover; max-height: 325px; } .cards-img-2.product { height: 50%; padding: 0.5em; object-fit: contain; } .horizontal-scroll { position: relative; display: flex; width: 100%; height: 100%; } .cards-h-div-2 { width: 100%; padding: 0.5em; } .cards-h-div-2.flex-center { display: flex; justify-content: center; align-items: center; text-align: center; } .cards-link { display: flex; overflow: hidden; width: 240px; margin-right: 16px; flex-direction: column; flex: 0 0 auto; border-radius: 12px; background-color: var(--white); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); color: #222; text-decoration: none; } .scroll-content { display: flex; width: 100%; height: 100%; padding: 0px; flex-direction: row; align-items: stretch; } .upgrade-container { position: relative; z-index: 10; display: block; overflow: hidden; width: 100%; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; flex-direction: column; justify-content: center; align-items: center; border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 100%, 0.1); border-radius: 10px; background-color: var(--white); font-weight: 300; text-align: center; } .popup-video-1 { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 30004; display: none; overflow: auto; justify-content: center; align-items: center; background-color: rgba(14, 12, 33, 0.95); } .close-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9; opacity: 0.25; cursor: pointer; } .modal-scroll { display: flex; width: 100%; height: 100%; padding: 5em 5em 6em; flex-direction: column; justify-content: center; align-items: center; } .nav-menu-scrollable { height: 120%; } .scan-link-block { display: none; width: 100%; height: 50px; justify-content: center; align-items: center; color: var(--white); font-weight: 700; text-decoration: none; text-transform: uppercase; } .scan-link-block:hover { text-decoration: none; } .image-2 { margin-right: 10px; } .text-block-22 { font-size: 16px; } .scan-overlay { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 11004; display: none; overflow: auto; justify-content: center; align-items: center; background-color: rgba(14, 12, 33, 0.95); } .close-overlay-scan { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9; opacity: 0.25; cursor: pointer; } .scan-container { position: relative; z-index: 10; display: block; overflow: hidden; width: 100%; height: 80vh; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; flex-direction: column; justify-content: center; align-items: center; border: 2px solid var(--white); border-radius: 10px; background-color: var(--white); background-image: url("/assets/images/screen-0.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; font-weight: 300; text-align: center; } .transparent-content-div { width: 100%; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding: 2em; border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 100%, 0.2); border-radius: 4px; background-color: #19172a; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); } .cost { font-size: 2em; line-height: 120%; font-weight: 700; } .live-text { font-size: 16px; } .product-name { margin-top: 0px; } .content-title-banner { display: flex; width: 100%; margin-bottom: 2em; padding-top: 2em; align-items: center; border-bottom: 2px solid var(--tray-font-color, var(--brand-color)); color: var(--dark-color); font-size: 16px; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase; } .content-title-banner.dark { margin-bottom: 0em; background-image: linear-gradient(90deg, #e413b0, #0caefb); } .remote-video { position: absolute; width: 100%; height: 100%; } .viewfinder-right { position: static; left: auto; top: 0%; right: 0%; bottom: 0%; display: flex; width: 22%; padding-left: 0px; flex-direction: column; justify-content: space-between; align-items: center; } .video-caption { position: absolute; left: 0%; top: auto; right: 0%; bottom: 20px; display: none; width: 75%; padding-right: 16px; padding-bottom: 20px; padding-left: 16px; flex-direction: column; justify-content: flex-end; align-items: flex-start; background-image: linear-gradient(180deg, rgba(14, 12, 33, 0) 80%, rgba(14, 12, 33, 0.75)); font-size: 18px; line-height: 130%; font-weight: 600; text-align: left; } .agent-name { margin-bottom: 2px; color: var(--white); } .agent-location { font-size: 11px; line-height: 120%; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } .small-buttons-wrapper { display: flex; width: 100%; margin-bottom: 6px; flex-direction: column; justify-content: center; align-items: center; } .cards-wrapper { position: relative; z-index: 11000; display: flex; width: 150px; min-width: 150px; padding: 10px 5px; } .cards-wrapper.product-photo { min-width: 200px; } .cards-wrapper.fourth { width: 25%; } .btn-small-wrapper { display: flex; margin-top: 4px; margin-right: 10px; margin-bottom: 4px; flex-direction: column; opacity: 1; z-index: 99999; } .btn-small-wrapper:last-child { margin-right: 0; } .preloader-wrapper { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 10001; display: none; flex-direction: column; justify-content: center; align-items: center; background-color: var(--brand-color); } .lottie-animation { max-width: 300px; } .video-caption-inner { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; } .local-video-holder { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; z-index: 1; } ._1080x1920-placeholder { display: none; overflow: hidden; width: 100%; height: 100%; justify-content: center; align-items: center; object-fit: contain; } .remote-video-holder { position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; z-index: 1; } .tray-scan { position: fixed; left: 0%; right: 0%; bottom: 50px; z-index: 9998; display: block; overflow: hidden; height: 50vh; padding-bottom: 5em; background-color: hsla(0, 0%, 100%, 0.95); transform: translate(0px, 100%); } .tray-videos { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 10002; display: flex; overflow: hidden; height: 100%; max-height: 75vh; max-width: 1500px; margin-right: auto; margin-left: auto; padding-bottom: 70px; transform: translate(0px, 100%); } .tray-ar { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 10002; display: block; overflow: hidden; height: 100%; max-height: 75vh; max-width: 1500px; margin-right: auto; margin-left: auto; padding-bottom: 70px; transform: translate(0px, 100%); } .tray-documents { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 10002; display: block; overflow: hidden; height: 100%; max-height: 75vh; max-width: 1500px; margin-right: auto; margin-left: auto; padding-bottom: 70px; transform: translate(0px, 100%); } .tray-forms { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 10002; display: block; overflow: hidden; height: 100%; max-height: 75vh; max-width: 1500px; margin-right: auto; margin-left: auto; padding-bottom: 70px; transform: translate(0px, 100%); } .tray-purchase { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 10002; display: block; overflow: hidden; height: 100%; max-height: 75vh; max-width: 1500px; margin-right: auto; margin-left: auto; padding-bottom: 70px; transform: translate(0px, 100%); } .tray-overlay { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 9996; display: none; background-color: transparent; } .nav-link-scan { z-index: 1000; display: none; height: 70px; padding-right: 20px; padding-left: 20px; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; border-radius: 0px; transition: color 200ms ease, background-color 200ms ease; text-decoration: none; } .nav-link-scan:hover { text-decoration: none; } .nav-link-scan.w--current { background-color: var(--white); } .nav-link-scan.w--current:hover { color: var(--white); } .nav-link-scan.videos { color: var(--black); } .nav-link-videos { z-index: 1000; display: flex; height: 100%; padding-right: 20px; padding-left: 20px; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; border-radius: 0px; transition: color 200ms ease, background-color 200ms ease; /*color: var(--white);*/ text-decoration: none; } .nav-link-videos:hover { text-decoration: none; transform: scale(1.1); transition: all 0.2s ease-in-out; } .nav-link-videos.w--current { background-color: var(--white); } .nav-link-videos.w--current:hover { color: var(--white); } .nav-link-videos.videos { color: var(--black); } .nav-link-ar { z-index: 1000; display: flex; height: 100%; padding-right: 20px; padding-left: 20px; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; border-radius: 0px; transition: color 200ms ease, background-color 200ms ease; /*color: #999;*/ text-decoration: none; } .nav-link-ar:hover { background-color: rgba(0, 0, 0, 0.1); text-decoration: none; } .nav-link-ar.w--current { background-color: var(--white); } .nav-link-ar.w--current:hover { color: var(--white); } .nav-link-ar.videos { color: var(--black); } .nav-link-documents { z-index: 1000; display: flex; height: 100%; padding-right: 20px; padding-left: 20px; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; border-radius: 0px; transition: color 200ms ease, background-color 200ms ease; /*color: #999;*/ text-decoration: none; } .nav-link-documents:hover { background-color: rgba(0, 0, 0, 0.1); text-decoration: none; } .nav-link-documents.w--current { background-color: var(--white); } .nav-link-documents.w--current:hover { color: var(--white); } .nav-link-documents.videos { color: var(--black); } .nav-link-forms { z-index: 1000; display: flex; height: 100%; padding-right: 20px; padding-left: 20px; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; border-radius: 0px; transition: color 200ms ease, background-color 200ms ease; /*color: #999;*/ text-decoration: none; } .nav-link-forms:hover { background-color: rgba(0, 0, 0, 0.1); text-decoration: none; } .nav-link-forms.w--current { background-color: var(--white); } .nav-link-forms.w--current:hover { color: var(--white); } .nav-link-forms.videos { color: var(--black); } .nav-link-basket { z-index: 1000; display: flex; height: 100%; padding-right: 20px; padding-left: 20px; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; border-radius: 0px; transition: color 200ms ease, background-color 200ms ease; /*color: #999;*/ text-decoration: none; } .nav-link-basket:hover { background-color: rgba(0, 0, 0, 0.1); text-decoration: none; } .nav-link-basket.w--current { background-color: var(--white); } .nav-link-basket.w--current:hover { color: var(--white); } .nav-link-basket.videos { color: var(--black); } .control-buttons-left { z-index: 10002; position: absolute; top: 0; left: 20px; display: flex; height: 100%; padding-right: 20px; padding-left: 0; flex-direction: row; justify-content: flex-start; align-items: center; } .control-buttons-2 { z-index: 10002; position: absolute; top: 0; right: 20px; display: flex; height: 100%; padding-right: 0px; padding-left: 20px; flex-direction: row; justify-content: flex-end; align-items: center; } .local-video-wrapper-2 { position: absolute; left: auto; top: 10px; right: 5px; bottom: auto; z-index: 2; display: flex; overflow: hidden; width: 100px; flex-direction: column; justify-content: center; align-items: center; align-self: flex-start; perspective-origin: 100% 0%; transform-origin: 100% 0%; } .stage-2 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; max-height: 100vh; margin-right: auto; margin-left: auto; padding: 60px 2em 60px; box-shadow: 1px 1px 3px 0 var(--black); } .nav-icon-wrapper { display: flex; width: 24px; height: 50px; padding-right: 10px; padding-left: 10px; justify-content: center; align-items: center; color: var(--bottom-font-color, var(--white, #fff)); } .nav-link-text { font-size: 12px; line-height: 1.2; text-transform: uppercase; color: var(--bottom-font-color, var(--white, #fff)); } .nav-icon { max-height: 22px; max-width: 24px; min-width: 24px; } .tray-bottom-gradient { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; display: none; width: 100%; height: 150px; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--white) 60%); } .nav-label-wrapper { position: absolute; left: auto; top: -25%; right: auto; display: none; margin-right: auto; margin-left: auto; padding: 5px 15px; justify-content: center; align-items: center; border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: #0084b5; font-size: 11px; line-height: 1.2; font-weight: 400; text-align: center; letter-spacing: 1.5px; text-transform: uppercase; } .viewfinder-section-2 { position: sticky; top: 80px; display: block; width: 100%; height: 100%; } .remote-video-wrapper-2 { display: flex; overflow: hidden; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; align-self: flex-start; } .nav-link-more { z-index: 1000; display: flex; height: 100%; padding-right: 20px; padding-left: 20px; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; border-radius: 0px; transition: color 200ms ease, background-color 200ms ease; color: #999; text-decoration: none; } .nav-link-more:hover { background-color: rgba(0, 0, 0, 0.1); text-decoration: none; } .nav-link-more.w--current { background-color: var(--white); } .nav-link-more.w--current:hover { color: var(--white); } .nav-link-more.videos { color: var(--black); } .tray-more { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 10002; display: flex; overflow: hidden; height: 100%; max-height: 75vh; max-width: 1500px; margin-right: auto; margin-left: auto; padding-bottom: 70px; transform: translate(0px, 100%); } .tray-rich-text h2 { color: var(--black); font-size: 1.5em; } .tray-rich-text h1 { color: var(--black); font-size: 2em; } .tray-rich-text h3 { color: var(--black); } .tray-rich-text h4 { color: var(--black); } .tray-rich-text h5 { color: var(--black); } .tray-rich-text h6 { color: var(--black); } .tray-rich-text p { color: var(--dark-color); } .tray-rich-text a { color: #0071ce; } .tray-rich-text li { margin-bottom: 5px; color: #333; font-size: 18px; } .current-section-label-wrapper { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 10001; display: flex; height: 60px; max-width: 33.33vw; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: center; align-items: center; } .current-section-label { margin-top: 0px; margin-bottom: 0px; color: var(--top-font-color, var(--brand-color)); font-size: 22px; } @media (max-width: 767.98px) { .current-section-label { color: var(--main-font-color, var(--brand-color)); } } .current-label-topline { color: var(--top-font-color, var(--brand-color)); font-size: 10px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } @media (max-width: 767.98px) { .current-label-topline { color: var(--top-bg-color, var(--brand-color)); } } .stage-inner { width: 100%; height: 100%; } .info-button { position: absolute; left: auto; top: auto; right: auto; bottom: 90px; z-index: 10003; display: flex; overflow: hidden; width: 50px; height: 50px; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: flex-start; align-items: center; border-style: solid; border-width: 2px; border-color: var(--white); border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); /*box-shadow: 5px 0 20px 0 rgba(0, 0, 0, 0.3);*/ } .tray-info { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 10002; display: none; overflow: hidden; height: 100%; max-height: 75vh; max-width: 1500px; margin-right: auto; margin-left: auto; padding-bottom: 70px; transform: translate(0px, 100%); } .info-button-wrapper { position: absolute; display: flex; width: 60px; height: 60px; padding: 10px 10px 13px; flex-direction: column; justify-content: center; align-items: center; } .info-button-wrapper.on { width: 50px; height: 50px; } .info-button-wrapper.off { width: 50px; height: 50px; transform: translate(0px, 100%); } .replace-with-remotevideo { position: relative; z-index: 2; display: block; width: 100%; height: 100%; object-fit: contain; } .tray-info-2 { position: fixed; left: 0%; top: auto; right: 0%; bottom: 70px; z-index: 30002; display: flex; overflow: visible; width: 100%; height: 100%; max-height: 75vh; max-width: 1500px; margin-right: auto; margin-left: auto; transform: translate(0px, 100%); opacity: 1 !important; } .replace-with-localvideo { width: 100%; height: 100%; object-fit: contain; } .replace-with-botvideo { object-fit: contain; border-radius: 10px; overflow: hidden; } .connecting-animation { position: absolute; z-index: 1; display: flex; width: 100%; height: 100%; object-fit: contain; } .swipe-up-indicator { height: 3px; margin-right: auto; margin-left: auto; border-radius: 1px; background-color: var(--top-font-color, var(--mid-color)); } .accordion-content { overflow: hidden; margin-top: -2px; margin-bottom: 5px; padding-top: 10px; } .accordion-title { margin-top: 10px; color: var(--tray-more-toggle-font-color, var(--light-color)); font-size: 16px; line-height: 24px; font-weight: 700; } .accordion-title-bar { z-index: 2; display: flex; padding: 10px 25px; justify-content: space-between; align-items: center; border-radius: 8px; background-color: var(--tray-more-toggle-bg-color, var(--dark-color)); /*box-shadow: 7px 7px 60px 0 #f2f3f6;*/ text-decoration: none; } .accordion-title-bar:hover { text-decoration: none; } .accordion-wrap { display: flex; width: 100%; margin-right: auto; margin-left: auto; flex-direction: column; } .highlight { color: #784fe0; } .faq-text-details { margin-top: 15px; color: #637178; font-size: 18px; line-height: 26px; font-weight: 500; text-align: center; letter-spacing: -0.27px; } .paragraph-2 { margin-right: 25px; margin-bottom: 0px; margin-left: 25px; padding-top: 42px; padding-bottom: 42px; color: #445567; font-size: 16px; line-height: 28px; letter-spacing: -0.25px; } .animation { display: flex; width: 30px; height: 30px; justify-content: center; align-items: center; border-radius: 20px; background-color: var(--tray-more-toggle-font-color, rgba(255, 255, 255, 0.1)); } .fullscreen-button { position: absolute; left: auto; top: auto; right: 30px; bottom: 100px; z-index: 3; display: none; width: 50px; height: 50px; flex-direction: column; justify-content: center; align-items: center; } .swipe-up-wrapper { position: absolute; left: 0%; top: -24px; right: 0%; bottom: auto; display: none; width: 30vw; max-width: 150px; margin-right: auto; margin-left: auto; color: var(--top-font-color, var(--mid-color)); font-size: 9px; letter-spacing: 0.8px; text-transform: uppercase; opacity: 0; } .swipe-up-text-wrapper { display: flex; margin-bottom: 1px; justify-content: center; align-items: center; } .text-block-23 { opacity: 0.5; line-height: 1.2; text-align: center; } .info-flex-horizontal { display: flex; width: 100%; margin-top: 10px; margin-bottom: 20px; flex-wrap: wrap; align-items: stretch; align-content: flex-start; } .info-fifth { width: 20%; height: 100%; padding: 10px; } .info-block-inner { display: flex; flex-direction: column; text-align: center; } .info-image-block { display: flex; flex-direction: column; justify-content: center; align-items: center; } .info-image-contain { object-fit: contain; } .info-small-text { font-size: 14px; line-height: 1.4; } .rate-plan-image { padding: 1em; object-fit: contain; } .details-table-wrapper { position: relative; z-index: 10; display: flex; overflow: hidden; width: 100%; margin-top: 10px; padding: 16px; flex-direction: column; border-radius: 8px; background-color: var(--white); font-size: 18px; } .table-row { display: flex; padding: 1em; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .table-attribute-block { height: 100%; min-width: 25%; padding-right: 20px; font-weight: 700; } .table-description-block { height: 100%; flex: 1; } .product-wrapper { display: flex; width: 100%; justify-content: space-between; } .product-image-wrapper { display: flex; overflow: hidden; min-height: 300px; min-width: 25%; margin-left: 40px; justify-content: center; align-items: center; border: 2px solid var(--black); border-radius: 10px; background-color: var(--white); } .product-image { width: 100%; height: 100%; object-fit: contain; } .info-headline { font-size: 18px; } .content-title { margin-top: 0px; margin-bottom: 20px; color: var(--tray-font-color, var(--brand-color)); } .more-cta-wrapper { display: grid; width: 100%; margin-bottom: 20px; justify-content: center; grid-auto-columns: 1fr; grid-auto-rows: minmax(auto, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; grid-template-columns: 1fr 1fr; grid-template-rows: minmax(auto, 1fr); } .cta-button { display: flex; padding-top: 15px; padding-bottom: 15px; flex-direction: column; align-items: center; border-radius: 8px; background-color: var(--black); font-size: 16px; line-height: 1.4; font-weight: 700; text-align: center; text-decoration: none; } .cta-button:hover { border-radius: 4px; font-size: 16px; font-weight: 700; text-decoration: none; } .lightbox-link { z-index: 12000; } .lightbox-thumb { position: relative; z-index: 11000; object-fit: fill; } .videos-wrapper { display: flex; width: 100%; flex-wrap: wrap; } .remote-url { position: absolute; z-index: 3; display: flex; flex: 1; width: auto; max-width: 100%; height: auto; max-height: 100%; flex-direction: column; align-items: center; } .title-bar-non-closing { z-index: 2; display: flex; padding: 10px 25px; justify-content: space-between; align-items: center; border-radius: 8px; background-color: #0071ce; box-shadow: 7px 7px 60px 0 #f2f3f6; text-decoration: none; } .title-bar-non-closing:hover { text-decoration: none; } .scan-link-block-2 { display: flex; margin-bottom: 20px; padding-top: 15px; padding-bottom: 15px; justify-content: center; align-items: center; border-radius: 8px; background-color: var(--brand-color); color: var(--white); font-weight: 700; text-decoration: none; text-transform: uppercase; cursor: pointer; } .scan-link-block-2:hover { text-decoration: none; } .scan-container-2 { position: relative; z-index: 10; display: block; overflow: hidden; width: 100%; height: 80vh; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; flex-direction: column; justify-content: center; align-items: center; border: 2px solid var(--white); border-radius: 10px; background-color: var(--white); /*background-image: url('/assets/images/screen-0.jpg');*/ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; font-weight: 300; text-align: center; } .scan-overlay { opacity: 0; display: none; } .scan-overlay-close { display: flex; width: 100%; height: 40px; padding-right: 20px; padding-left: 20px; justify-content: center; align-items: center; letter-spacing: 0.75px; text-decoration: none; text-transform: uppercase; } .scan-overlay-close:hover { text-decoration: none; } .close-text { position: relative; z-index: 12000; font-size: 18px; font-weight: 700; } .popup-close { display: flex; width: 100%; height: 40px; padding-right: 20px; padding-left: 20px; justify-content: center; align-items: center; letter-spacing: 0.75px; text-decoration: none; text-transform: uppercase; } .popup-close:hover { text-decoration: none; } .thank-you-wrapper { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: flex; padding: 20px; flex-direction: column; justify-content: center; align-items: center; text-align: center; } /* ===== MAX WIDTH 991px ===== */ @media screen and (max-width: 991px) { body { font-size: 14px; } h2 { font-size: 2em; line-height: 1.2; } h3 { font-size: 1.5em; line-height: 1.2; } h4 { line-height: 1.2; } h5 { line-height: 1.2; } h6 { line-height: 1.2; } p { font-size: 16px; line-height: 160%; } .nav-link { flex: 1; border-radius: 0px; font-size: 14px; } .nav-container { /*overflow: hidden;*/ padding-right: 0em; padding-left: 0em; align-items: flex-end; } .main-image { margin-bottom: 0px; } .nav-menu-2 { overflow: scroll; width: 40vw; max-width: none; padding-top: 2em; box-shadow: -20px 0 20px 0 rgba(0, 0, 0, 0.16); font-size: 16px; } .navbar-top { padding-right: 20px; padding-left: 20px; } .menu-button { position: fixed; left: auto; top: auto; right: 0%; bottom: 0%; z-index: 998; width: 50px; height: 50px; padding: 12px; color: var(--black); } .viewfinder-section { position: sticky; top: 10px; display: block; } .call-grid { grid-column-gap: 5px; grid-template-areas: "viewfinder viewfinder viewfinder" "viewfinder viewfinder viewfinder"; grid-template-columns: 1fr 1fr 1fr 50px; } .local-video-wrapper { overflow: hidden; } .first-content-section { display: block; margin-bottom: 5px; } .scrolling-content-div { display: flex; padding: 15px 15px 5em; flex-direction: column; } .div-home-2.grid { flex-direction: column; } .div-block-2 { width: 100%; padding-left: 0em; } .div-block-3._50 { width: 100%; margin-bottom: 30px; } .scroll-content-2 { padding-right: 0px; padding-left: 0px; } .cards-img { height: 100px; } .cards-link-2 { cursor: pointer; } .card-heading { font-size: 1em; } .cards-h-div { text-align: left; } .bottom-tray { position: fixed; display: block; overflow: hidden; padding-top: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .horizontal-scroll-wrapper { width: 100%; height: 100%; } .cards-container { width: 100%; height: 100%; margin-bottom: 0px; padding-top: 0.5em; padding-right: 14px; padding-left: 14px; } .cards-container.ar { display: none; } .cards-container.documents { display: none; } .cards-container.forms { display: none; } .cards-container.purchase { display: none; } .cards-link { width: 200px; } .scroll-content { flex-wrap: nowrap; } .popup-full-screen { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 11000; display: none; width: 100vw; height: 100vh; padding: 15px; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.8); } .youtube { width: 80vw; max-height: 80vh; object-fit: contain; } .upgrade-container { display: flex; width: auto; margin-bottom: 0px; padding: 0px; border: 2px solid var(--white); background-color: var(--black); box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.16); } .close-overlay { display: flex; } .nav-menu-scrollable { width: 100%; } .scan-link-block { width: 100%; min-height: 50px; padding: 15px; justify-content: center; align-items: center; color: var(--white); font-weight: 700; text-align: left; text-decoration: none; text-transform: uppercase; } .scan-link-block:hover { text-decoration: none; } .image-2 { margin-right: 10px; } .text-block-22 { letter-spacing: 1.5px; text-decoration: none; } .close-overlay-scan { display: flex; } .scan-container { display: flex; max-height: 800px; margin-bottom: 0px; padding: 0px; border: 2px solid var(--white); background-color: var(--black); box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.16); } .transparent-content-div { box-shadow: none; text-align: left; } .cost { font-size: 20px; line-height: 120%; font-weight: 700; } .live-text { font-size: 12px; } .viewfinder-right { padding-left: 0px; } .agent-name { font-size: 14px; line-height: 130%; } .agent-location { font-size: 8px; } .small-buttons-wrapper { margin-bottom: 4px; } .cards-wrapper { display: flex; width: 33.33%; } .cards-wrapper.fourth { width: 33.33%; } .local-video-holder { align-items: flex-start; } .remote-video-holder { height: 100%; align-items: center; } .tray-scan { position: fixed; display: block; overflow: hidden; padding-top: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .tray-videos { display: block; padding-top: 20px; padding-bottom: 40px; border-radius: 10px; } .tray-ar { display: block; overflow: hidden; padding-top: 20px; border-radius: 10px; } .tray-documents { display: block; overflow: hidden; padding-top: 20px; padding-bottom: 40px; border-radius: 10px; } .tray-forms { display: block; overflow: hidden; padding-top: 20px; border-radius: 10px; } .tray-purchase { display: block; overflow: hidden; padding-top: 20px; border-radius: 10px; } .nav-link-videos { padding: 5px; flex-direction: row; flex: 1; } .nav-link-ar { padding: 5px; flex-direction: row; flex: 1; } .nav-link-documents { padding: 5px; flex-direction: row; flex: 1; } .nav-link-forms { padding: 5px; flex-direction: row; flex: 1; } .nav-link-basket { padding: 5px; flex-direction: row; flex: 1; } .control-buttons-2 { padding-right: 0px; } .local-video-wrapper-2 { position: absolute; top: 10px; display: flex; width: 100px; margin-right: 0px; margin-bottom: 0px; } .stage-2 { position: absolute; display: flex; padding-right: 20px; padding-bottom: 60px; padding-left: 20px; flex-direction: column; align-items: flex-start; } .nav-link-text { font-size: 10px; } .nav-label-wrapper { top: -15%; } .remote-video-wrapper-2 { justify-content: flex-start; } .nav-link-more { padding: 5px; flex-direction: row; flex: 1; } .tray-more { display: block; overflow: hidden; padding-top: 20px; padding-bottom: 40px; border-radius: 10px; } .tray-rich-text p { line-height: 150%; } .tray-rich-text li { font-size: 16px; line-height: 1.4; } .current-section-label-wrapper { position: absolute; } .current-section-label { text-align: center; } .stage-inner { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; display: flex; justify-content: center; align-items: flex-start; border-radius: 10px; } .info-button { bottom: 60px; width: 60px; height: 60px; margin-right: auto; margin-left: auto; display: none !important; } .tray-info { display: block; overflow: hidden; padding-top: 20px; border-radius: 10px; } .info-button-wrapper.on { width: 60px; height: 60px; } .info-button-wrapper.off { width: 60px; height: 60px; } .replace-with-remotevideo { /*height: 91%;*/ max-height: 91vh; border-radius: 10px; object-fit: contain; object-position: 50% 0%; width: 100%; height: 100%; } .tray-info-2 { bottom: 40px; display: block; border-radius: 10px; } .tray-info-2 .swipe-up-wrapper { display: block; font-size: 13px; max-width: 200px; width: 50vw; top: -40px; opacity: 1; } .replace-with-localvideo { height: 91%; max-height: 91vh; border-radius: 10px; object-fit: contain; object-position: 50% 0%; } .connecting-animation { width: 51vh; height: 91%; max-height: 91vh; border-radius: 10px; object-fit: contain; object-position: 50% 0%; } .info-fifth { min-width: 33.33%; } .info-small-text { font-size: 11px; line-height: 1.3; } .table-attribute-block { min-width: 33.33%; } .product-image-wrapper { min-height: 250px; } .scan-link-block-2 { width: 100%; min-height: 50px; padding: 15px; justify-content: center; align-items: center; font-weight: 700; text-align: left; text-decoration: none; text-transform: uppercase; } .scan-link-block-2:hover { text-decoration: none; } .scan-container-2 { display: flex; max-height: 800px; margin-bottom: 0px; padding: 0px; border: 2px solid var(--white); background-color: var(--black); box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.16); } } /* ===== MAX WIDTH 767px ===== */ @media screen and (max-width: 767px) { h1 { font-size: 2em; } h2 { font-size: 1.8em; } .navbar { height: 60px; } .nav-link { width: 20%; height: 100%; padding: 12px 0px 10px; justify-content: center; align-items: flex-end; flex: 0 auto; background-image: url("/assets/images/web-icons_icon-info.svg"); background-position: 50% 0px; background-size: 24px; background-repeat: no-repeat; color: #999; font-size: 10px; font-weight: 300; } .nav-link:hover { background-color: rgba(70, 94, 251, 0); color: #4863f7; } .nav-link.w--current { background-image: url("/assets/images/wave.svg"); color: #556ef6; font-weight: 600; } .nav-link.w--current:hover { color: #4863f7; } .nav-link.videos { background-image: url("/assets/images/web-icons_icon-video.svg"); background-position: 50% 12px; } .nav-link.ar { background-image: url("/assets/images/web-icons_icon-ar.svg"); background-position: 50% 12px; } .nav-link.documents { background-image: url("/assets/images/web-icons_icon-documents.svg"); background-position: 50% 12px; } .nav-link.forms { background-image: url("/assets/images/web-icons_icon-forms.svg"); background-position: 50% 12px; } .nav-link.basket { background-image: url("/assets/images/web-icons_icon-basket.svg"); background-position: 50% 12px; } .nav-link.scan { background-image: url("/assets/images/icon-scan-gray.svg"); background-position: 50% 15px; } .brand { top: 0px; display: none; padding-left: 0px; justify-content: center; align-items: center; } .nav-container { height: 60px; } .nav-menu-2 { z-index: 10000; width: 60vw; padding-top: 80px; padding-right: 1.5em; padding-left: 1.5em; } .menu-button { left: auto; top: 0%; right: 0%; bottom: auto; z-index: 10000; width: 60px; height: 60px; color: var(--white); } .banner { z-index: 0; } .viewfinder-section { z-index: 100; width: 100%; padding-top: 49px; padding-bottom: 0px; } .call-grid { position: absolute; left: 0%; top: 60px; right: 0%; bottom: auto; padding-right: 15px; padding-left: 15px; grid-column-gap: 10px; grid-template-areas: "viewfinder viewfinder viewfinder viewfinder" "viewfinder viewfinder viewfinder viewfinder"; grid-template-columns: 1fr 1fr 1fr 100px; } .btn-hangup, .btn-invite, .btn-screenshare { margin-right: 0px; margin-left: 0px; width: 60px; height: 60px; bottom: 80px; } .btn-invite { bottom: 190px; } .btn-screenshare { bottom: 270px; } .remote-video-wrapper { width: 70%; } .control-buttons { position: sticky; top: 0px; height: auto; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; } .connected { left: 5px; top: 8px; z-index: 3; } .first-content-section { width: 100%; padding-right: 0px; padding-left: 0px; } .scrolling-content-div { padding-top: 0px; } .div-home-2.grid { flex-direction: column; align-content: center; grid-column-gap: 1em; grid-row-gap: 1em; grid-template-columns: 0.5fr 1fr; grid-template-rows: auto; } .div-block-2 { width: 100%; padding: 2em 1.5em 1.5em; } .featured-image { width: 100%; height: 100%; max-width: none; object-fit: cover; } .div-block-3 { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; } .div-block-3._50 { margin-bottom: 0px; } .cta-content-div { overflow: hidden; padding: 0px; } .text-block-21 { padding-right: 15px; padding-left: 15px; font-size: 12px; letter-spacing: 0.75px; text-transform: uppercase; } .scroll-down-arrow { position: relative; top: -1px; } .card-heading { font-size: 12px; line-height: 1.2; } .content-div { overflow: hidden; padding: 1.5em; } .scroll-content.iphone7 { flex-direction: column; } .upgrade-container { flex-direction: column; } .modal-scroll { padding: 2em; } .scan-link-block { line-height: 1.2; } .scan-overlay { display: none; } .scan-container { max-height: 800px; flex-direction: column; } .transparent-content-div { overflow: hidden; padding: 1.5em; } .feature-image { width: 100%; } .viewfinder-right { position: absolute; left: auto; top: 0%; right: 15px; bottom: auto; justify-content: flex-start; flex: 1; } .agent-name { margin-bottom: 8px; font-size: 18px; } .agent-location { font-size: 10px; } .small-buttons-wrapper { flex-direction: row; flex-wrap: wrap; } .cards-wrapper { width: 50%; } .cards-wrapper.fourth { width: 50%; } .btn-small-wrapper.first { width: 100%; margin-top: 0px; margin-bottom: 0px; } .lottie-animation { width: 50vw; } .tray-videos { max-height: 71vh; } .tray-ar { max-height: 71vh; } .tray-documents { max-height: 71vh; padding-bottom: 60px; } .tray-forms { max-height: 71vh; } .tray-purchase { max-height: 71vh; } .nav-link-scan { width: 20%; height: 100%; padding: 12px 0px 10px; justify-content: center; align-items: flex-end; flex: 0 auto; background-image: url("/assets/images/icon-scan-gray.svg"); background-position: 50% 18px; background-size: 24px; background-repeat: no-repeat; color: #999; font-size: 10px; font-weight: 300; } .nav-link-scan:hover { background-color: rgba(70, 94, 251, 0); color: #4863f7; } .nav-link-scan.w--current { background-image: url("/assets/images/wave.svg"); color: #556ef6; font-weight: 600; } .nav-link-scan.w--current:hover { color: #4863f7; } .nav-link-scan.videos { background-image: url("/assets/images/web-icons_icon-video.svg"); background-position: 50% 12px; } .nav-link-scan.ar { background-image: url("/assets/images/web-icons_icon-ar.svg"); background-position: 50% 12px; } .nav-link-scan.documents { background-image: url("/assets/images/web-icons_icon-documents.svg"); background-position: 50% 12px; } .nav-link-scan.forms { background-image: url("/assets/images/web-icons_icon-forms.svg"); background-position: 50% 12px; } .nav-link-scan.basket { background-image: url("/assets/images/web-icons_icon-basket.svg"); background-position: 50% 12px; } .nav-link-scan.scan { background-image: url("/assets/images/icon-scan-gray.svg"); background-position: 50% 15px; } .nav-link-videos { flex-direction: column; } .nav-link-videos.w--current { background-image: url("/assets/images/wave.svg"); color: #556ef6; font-weight: 600; } .nav-link-videos.w--current:hover { color: #4863f7; } .nav-link-videos.videos { background-image: url("/assets/images/web-icons_icon-video.svg"); background-position: 50% 12px; } .nav-link-videos.ar { background-image: url("/assets/images/web-icons_icon-ar.svg"); background-position: 50% 12px; } .nav-link-videos.documents { background-image: url("/assets/images/web-icons_icon-documents.svg"); background-position: 50% 12px; } .nav-link-videos.forms { background-image: url("/assets/images/web-icons_icon-forms.svg"); background-position: 50% 12px; } .nav-link-videos.basket { background-image: url("/assets/images/web-icons_icon-basket.svg"); background-position: 50% 12px; } .nav-link-videos.scan { background-image: url("/assets/images/icon-scan-gray.svg"); background-position: 50% 15px; } .nav-link-ar { flex-direction: column; } .nav-link-ar.w--current { background-image: url("/assets/images/wave.svg"); color: #556ef6; font-weight: 600; } .nav-link-ar.w--current:hover { color: #4863f7; } .nav-link-ar.videos { background-image: url("/assets/images/web-icons_icon-video.svg"); background-position: 50% 12px; } .nav-link-ar.ar { background-image: url("/assets/images/web-icons_icon-ar.svg"); background-position: 50% 12px; } .nav-link-ar.documents { background-image: url("/assets/images/web-icons_icon-documents.svg"); background-position: 50% 12px; } .nav-link-ar.forms { background-image: url("/assets/images/web-icons_icon-forms.svg"); background-position: 50% 12px; } .nav-link-ar.basket { background-image: url("/assets/images/web-icons_icon-basket.svg"); background-position: 50% 12px; } .nav-link-ar.scan { background-image: url("/assets/images/icon-scan-gray.svg"); background-position: 50% 15px; } .nav-link-documents { flex-direction: column; } .nav-link-documents.w--current { background-image: url("/assets/images/wave.svg"); color: #556ef6; font-weight: 600; } .nav-link-documents.w--current:hover { color: #4863f7; } .nav-link-documents.videos { background-image: url("/assets/images/web-icons_icon-video.svg"); background-position: 50% 12px; } .nav-link-documents.ar { background-image: url("/assets/images/web-icons_icon-ar.svg"); background-position: 50% 12px; } .nav-link-documents.documents { background-image: url("/assets/images/web-icons_icon-documents.svg"); background-position: 50% 12px; } .nav-link-documents.forms { background-image: url("/assets/images/web-icons_icon-forms.svg"); background-position: 50% 12px; } .nav-link-documents.basket { background-image: url("/assets/images/web-icons_icon-basket.svg"); background-position: 50% 12px; } .nav-link-documents.scan { background-image: url("/assets/images/icon-scan-gray.svg"); background-position: 50% 15px; } .nav-link-forms { flex-direction: column; } .nav-link-forms.w--current { background-image: url("/assets/images/wave.svg"); color: #556ef6; font-weight: 600; } .nav-link-forms.w--current:hover { color: #4863f7; } .nav-link-forms.videos { background-image: url("/assets/images/web-icons_icon-video.svg"); background-position: 50% 12px; } .nav-link-forms.ar { background-image: url("/assets/images/web-icons_icon-ar.svg"); background-position: 50% 12px; } .nav-link-forms.documents { background-image: url("/assets/images/web-icons_icon-documents.svg"); background-position: 50% 12px; } .nav-link-forms.forms { background-image: url("/assets/images/web-icons_icon-forms.svg"); background-position: 50% 12px; } .nav-link-forms.basket { background-image: url("/assets/images/web-icons_icon-basket.svg"); background-position: 50% 12px; } .nav-link-forms.scan { background-image: url("/assets/images/icon-scan-gray.svg"); background-position: 50% 15px; } .nav-link-basket { flex-direction: column; } .nav-link-basket.w--current { background-image: url("/assets/images/wave.svg"); color: #556ef6; font-weight: 600; } .nav-link-basket.w--current:hover { color: #4863f7; } .nav-link-basket.videos { background-image: url("/assets/images/web-icons_icon-video.svg"); background-position: 50% 12px; } .nav-link-basket.ar { background-image: url("/assets/images/web-icons_icon-ar.svg"); background-position: 50% 12px; } .nav-link-basket.documents { background-image: url("/assets/images/web-icons_icon-documents.svg"); background-position: 50% 12px; } .nav-link-basket.forms { background-image: url("/assets/images/web-icons_icon-forms.svg"); background-position: 50% 12px; } .nav-link-basket.basket { background-image: url("/assets/images/web-icons_icon-basket.svg"); background-position: 50% 12px; } .nav-link-basket.scan { background-image: url("/assets/images/icon-scan-gray.svg"); background-position: 50% 15px; } .control-buttons-2 { padding-left: 5px !important; } .local-video-wrapper-2 { width: 70px; } .stage-2 { position: absolute; /* fixed causes issues - some elements can no longer be displayed due to stack issues */ } .nav-icon-wrapper { margin-right: 0px; margin-bottom: 10px; height: 24px; } .nav-link-text { font-size: 8px; letter-spacing: 0.3px; } .viewfinder-section-2 { position: sticky; top: 0px; width: 75%; height: auto; max-width: none; } .nav-link-more { flex-direction: column; } .nav-link-more.w--current { background-image: url("/assets/images/wave.svg"); color: #556ef6; font-weight: 600; } .nav-link-more.w--current:hover { color: #4863f7; } .nav-link-more.videos { background-image: url("/assets/images/web-icons_icon-video.svg"); background-position: 50% 12px; } .nav-link-more.ar { background-image: url("/assets/images/web-icons_icon-ar.svg"); background-position: 50% 12px; } .nav-link-more.documents { background-image: url("/assets/images/web-icons_icon-documents.svg"); background-position: 50% 12px; } .nav-link-more.forms { background-image: url("/assets/images/web-icons_icon-forms.svg"); background-position: 50% 12px; } .nav-link-more.basket { background-image: url("/assets/images/web-icons_icon-basket.svg"); background-position: 50% 12px; } .nav-link-more.scan { background-image: url("/assets/images/icon-scan-gray.svg"); background-position: 50% 15px; } .tray-more { max-height: 71vh; } .tray-rich-text p { font-size: 14px; line-height: 150%; } .tray-rich-text li { font-size: 14px; } .current-section-label-wrapper { position: static; width: 100%; max-width: none; align-items: flex-start; height: auto; } .current-section-label { text-align: left; } .stage-inner { position: static; height: auto; padding-top: 0px; padding-bottom: 0px; justify-content: space-between; } .stage-inner.stage-inner-broadcast { justify-content: center; } .info-button { left: auto; top: auto; right: 15px; bottom: 80px; display: none; width: 60px; height: 60px; } .tray-info { max-height: 71vh; } .info-button-wrapper.on { width: 60px; height: 60px; } .info-button-wrapper.off { width: 60px; height: 60px; } .replace-with-remotevideo { height: auto; } .dropdown { position: absolute; } ._102vh { position: relative; top: 60px; z-index: -1; height: 105vh; } .tray-info-2 { bottom: 64px; max-height: 71vh; } .replace-with-localvideo { /*height: auto;*/ width: 100%; height: 100%; } .connecting-animation { width: 100%; height: auto; } .fullscreen-button { right: 5px; bottom: 5px; width: 40px; height: 40px; } .swipe-up-wrapper { display: block; } .info-fifth { width: 100%; min-width: 42%; } .info-block-inner { flex-direction: column; align-items: center; } .info-image-block { min-width: 20%; } .info-text-block { text-align: left; } .details-table-wrapper { padding-right: 10px; padding-left: 10px; font-size: 16px; } .table-row { padding: 0.5em; } .product-image-wrapper { min-width: 33.33%; margin-top: 20px; margin-left: 0px; } .scan-link-block-2 { max-width: none; line-height: 1.2; } .scan-container-2 { max-height: 800px; flex-direction: column; } .btn-hangup { bottom: 110px; } } /* ===== MAX WIDTH 479px ===== */ @media screen and (max-width: 479px) { .body { font-family: Lato, sans-serif; } .nav-link { z-index: 1000; } .paragraph { font-weight: 300; } .heading { line-height: 37px; font-weight: 300; } .nav-menu-2 { width: 80vw; } .control-buttons { margin-bottom: 0px; padding-right: 0px; flex-direction: column; } .btn-small-circle { width: 30px; height: 30px; } .div-block-2 { padding-top: 1em; } .featured-image { height: 100%; } .horizontal-scroll-wrapper-2 { width: 100%; padding-right: 0px; } .horizontal-scroll-wrapper { width: 100%; padding-right: 0px; } .cards-container { width: 100%; padding-top: 0em; } .scan-container { max-height: 600px; } .viewfinder-right { width: 25%; } .video-caption { justify-content: flex-end; } .cards-wrapper.fourth { width: 100%; } .btn-small-wrapper { margin-right: 8px; } .lottie-animation { width: 60vw; } .nav-link-scan { z-index: 1000; } .nav-link-videos { z-index: 1000; } .nav-link-ar { z-index: 1000; } .nav-link-documents { z-index: 1000; } .nav-link-forms { z-index: 1000; } .nav-link-basket { z-index: 1000; } .viewfinder-section-2 { max-width: none; } .nav-link-more { z-index: 1000; } .stage-inner { justify-content: space-between; } .accordion-title { flex: 1; } .swipe-up-wrapper { min-width: 130px; } .info-fifth { min-width: 65%; } .info-image-block { min-width: 25%; } .table-row { flex-direction: column; align-items: flex-start; } .product-wrapper { flex-direction: column; } .product-image-wrapper { margin-top: 20px; margin-left: 0px; } .more-cta-wrapper { grid-template-columns: 1fr; } .scan-container-2 { max-height: 600px; } .tabs-menu { display: flex; } } /* ========== CUSTOM STYLING ========== */ /* ========== CUSTOM STYLING ========== */ html { overflow: hidden; } .close-btn { background-color: transparent; color: var(--tray-font-color, var(--brand-color)); font-weight: bolder; /*border-radius: 25px;*/ margin-left: auto; } .remote-img { position: absolute; display: flex; width: auto; height: auto; z-index: 3; max-width: 100%; max-height: 100%; } @media (min-width: 992px) { .remote-img { min-height: calc(100vh - 120px); } } .cards-container .content-title-banner h1.content-title { /*color: var(--black);*/ font-size: 1.7em; margin-bottom: 0; text-transform: none; margin-right: 50px; } .cards-container .content-title-banner.main-title { border-bottom: none; margin-bottom: 1.5em; position: relative; } .cards-container .content-title-banner.main-title .nav-link-forms.close-btn { position: absolute; top: 7px; right: 0; height: 50px; width: 50px; cursor: pointer; } #overlay-fs { /* (A1) COVER ENTIRE SCREEN */ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 20000; background: rgba(0, 0, 0, 0.99); /* (A2) HIDE OVERLAY BY DEFAULT */ opacity: 0; visibility: hidden; transition: opacity 0.2s; } #overlay-fs.show { opacity: 1; visibility: visible; } #overlay-fs-content { /* (B1) CENTER ON SCREEN */ z-index: 999; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* (B2) DIMENSIONS */ box-sizing: border-box; padding: 10px; min-width: 300px; max-width: 400px; /* (B3) COSMETICS */ background: var(--white); text-align: center; } #overlay-fs-close { /* (C1) POSITION TOP RIGHT CORNER */ position: absolute; top: 5px; right: 5px; /* (C2) COSMETICS FONT SIZE */ font-size: 2.5em; color: var(--white); cursor: pointer; } .overlay-play-btn { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; /* Half the height */ margin-left: -50px; /* Half the width */ object-fit: cover; z-index: 10; } .remote-video-container { align-items: center; display: flex; flex-direction: column; justify-content: flex-start; height: 100vh; z-index: 1; } .remote-video-container .tap-unmute { align-self: flex-start; margin-top: 50px; line-height: 1.2; cursor: pointer; z-index: 10; margin-left: auto; margin-right: auto; } .remote-video-container h4 { align-self: flex-start; line-height: 1.2; z-index: 10; margin-left: 20px; margin-right: 20px; text-align: center; } .hide { display: none !important; } .volume-off { max-height: 35px; max-width: 35px; min-width: 35px; } @media screen and (min-width: 320px) and (max-width: 991px) { .close-btn { flex: 0 !important; padding: 0 20px 0 20px; } .content-title-banner { padding-top: 1em; margin-bottom: 1em; } .content-title-banner .content-title { margin-top: 0px; margin-bottom: 5px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .content-title-banner .content-title { margin-bottom: 15px; } } @media screen and (min-width: 320px) and (max-width: 667px) { .info-button { right: 45%; bottom: 100px; } } .active-modal-custom { transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important; transform-style: preserve-3d !important; } .tray-videos, .tray-ar, .tray-documents, .tray-forms, .tray-purchase, .tray-more, .tray-info-2 { transition: transform 0.25s ease-in; } .accordion-section-wrap.active-accordion .accordion-content { height: max-content !important; } .accordion-section-wrap .accordion-content { height: 0; } .info-button.w-inline-block.active-info-button { display: none !important; } .canvas-wrapper { position: fixed; display: flex; justify-content: center; align-items: center; /*z-index: 100099;*/ /*Above big z-index is used to position audio visualizer in legacy theme*/ /*This causes issue with placing the unmute button on top of the bot in white design theme*/ z-index: 1; width: 100%; max-height: 150px; } #canvas { position: relative; width: 120px; } #chat-canvas-wrapper #canvas { position: absolute; top: 25px; } .chat-canvas-wrapper { left: 0px; display: flex; justify-content: center; align-items: center; z-index: 100005; width: 100%; max-height: 150px; } /* Fix for bottom-navbar on mobile and tablet devices. */ @media only screen and (max-width: 1024px) { .nav-menu { justify-content: space-around; } .nav-link-videos { flex: none; } } /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } /* Navigation font end */ .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } /* z-indexes list -------------- .tray-info-2: 30002 // tray .navbar: 30003 // navbar bottom .popup-video-1: 30004 // video played from tray .image-overlay: 30004 // image opened from tray .popup-video-1.popup-confirm.popup-open-url: 30005 // confirmation to open external URL */ /* 75px + 75px */ /* 60px + 60px */ /* 5rem + 12rem */ /* 170px + 286px */ .spinner { display: inline-block; text-align: center; margin-left: 10px; } .spinner.chat-widget { margin-left: 5px; } .spinner > div { width: 10px; height: 10px; margin-right: 3px; background-color: var(--main-font-color, var(--brand-color)); border-radius: 100%; display: inline-block; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner.chat-widget > div { background-color: #666666; width: 5px; height: 5px; margin-right: 2px; } .spinner.design-theme-white > div { background-color: #666666; } .spinner .bounce1 { animation-delay: -0.32s; } .spinner .bounce2 { animation-delay: -0.16s; } @keyframes sk-bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } #KioskBoard-VirtualKeyboard.design-theme-white { background: var(--kiosk-keyboard-bg-color, #0E5271) !important; } #KioskBoard-VirtualKeyboard.design-theme-white.kioskboard-theme-light .kioskboard-row-top, #KioskBoard-VirtualKeyboard.design-theme-white.kioskboard-theme-light .kioskboard-row-bottom { border: 0; } #KioskBoard-VirtualKeyboard.design-theme-white.kioskboard-theme-light .kioskboard-row span[class^=kioskboard-key] { background: var(--kiosk-keyboard-key-bg-color, #8AC3D6) !important; box-shadow: none !important; border-color: var(--kiosk-keyboard-key-bg-color, #8AC3D6) !important; color: var(--kiosk-keyboard-key-color, #0E5271) !important; } #KioskBoard-VirtualKeyboard.design-theme-white.kioskboard-theme-light .kioskboard-row span[class^=kioskboard-key] svg { fill: var(--kiosk-keyboard-key-color, #0E5271) !important; } #KioskBoard-VirtualKeyboard.design-theme-white.kioskboard-theme-light .kioskboard-row span.capslock-active:before { background: var(--kiosk-keyboard-caps-color, #A90029) !important; } #KioskBoard-VirtualKeyboard.design-theme-white.kioskboard-theme-light .kioskboard-row span.kioskboard-specialcharacter-close { background: #0E5271; border: 1px solid #fff; } /* 75px + 75px */ /* 60px + 60px */ /* 5rem + 12rem */ /* 170px + 286px */ .snackbar-bottom { margin-bottom: 65px !important; } .snackbar-bottom.design-theme-white { margin-bottom: 95px !important; } @media (width: 1080px) and (height: 1920px) { .snackbar-bottom.design-theme-white { margin-bottom: 282px !important; } .snackbar-bottom.design-theme-white .mat-mdc-snackbar-surface { max-width: 90% !important; } } .snackbar-top { margin-top: 0 !important; } @media (width: 1080px) and (height: 1920px) { .snackbar-top.design-theme-white .mat-mdc-snackbar-surface { max-width: 90% !important; } } .cdk-overlay-pane:has(> .snackbar-top) { position: absolute !important; top: 65px !important; } .cdk-overlay-pane:has(> .snackbar-top.design-theme-white) { position: absolute; top: 55px !important; } @media (width: 1080px) and (height: 1920px) { .cdk-overlay-pane:has(> .snackbar-top.design-theme-white) { top: 145px !important; } } .cdk-overlay-pane:has(> .snackbar-top.design-theme-white.kiosk) { top: 8rem !important; } /* 75px + 75px */ /* 60px + 60px */ /* 5rem + 12rem */ /* 170px + 286px */ body { background-color: var(--top-bg-color, #fff); overflow: auto; } /* Hide scrollbar for Chrome, Safari, Edge, and Opera */ ::-webkit-scrollbar { display: none; } /* Hide scrollbar for Firefox */ html { scrollbar-width: none; } @media (min-width: 992px) { .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .mat-mdc-menu-panel { max-width: 28.5rem !important; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .mat-mdc-menu-panel .mat-mdc-menu-item { height: 5.6rem; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-menu-item-text { font-family: "Neue Haas Grotesk Text Pro", "Lato", sans-serif !important; font-size: 2rem !important; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .replace-with-remotevideo.live-agent-sharing-content { width: 12.8rem; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .local-video-wrapper-2 { width: 12.8rem; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .local-video-wrapper-2.live-agent-sharing-content { width: 12.8rem; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .stage-2.design-theme-white { padding: 8rem 0 15.9rem; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .navbar-top.design-theme-white { height: 8rem; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .navbar-top.design-theme-white .btn-small-wrapper { margin-right: 1.5rem; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .navbar-top.design-theme-white .btn-small-wrapper:last-child { margin-right: 0; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .btn-small-circle img { width: auto; height: auto; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .material-icons { font-size: 4.5rem !important; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .navbar-bottom.design-theme-white { height: 15.9rem; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .navbar-bottom.design-theme-white .nav-container { height: 15.9rem; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .nav-link-text { font-size: 2rem; text-transform: none; letter-spacing: 1.08px; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .nav-icon-wrapper { width: 5rem; height: 5rem; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .nav-icon-wrapper.mobile-transfer { width: 3.5rem; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .nav-menu { padding: 0; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .nav-link-videos { min-width: 11.4rem; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .icon-live { font-size: 1.8rem; padding: 0 2.2rem; border-radius: 2.2rem; top: 1.1rem; left: 1.1rem; letter-spacing: 4px; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .navbar-top.design-theme-white.ai-active.gradient-view { top: 139px; } .generic-kiosk-layout.custom-style1.custom-style2.custom-style3 .tray-info-2.design-theme-white { padding-top: 1em; margin-bottom: 1em; font-size: 2.5rem; } } .stage-2 { background-color: var(--main-bg-color, var(--light-color)); color: var(--main-font-color, var(--dark-color)); } .stage-2.virtual-agent { padding-left: 0; padding-right: 0; } .preloader-viba-text { fill: var(--main-font-color, var(--dark-color)); } .tray-videos, .tray-more, .tray-info-2 { color: var(--tray-font-color, var(--brand-color)); } .tray-content { background-color: var(--tray-content-bg-color, --black); color: var(--tray-content-font-color, #fff); } .text-left { text-align: left; } .text-center { text-align: center; } .text-white { color: #fff; } .text-strong { font-weight: bold; } .cdk-overlay-container { display: flex; z-index: 30004 !important; width: 100%; position: absolute; align-items: center; justify-content: center; margin: auto; } .mat-mdc-menu-panel { background: var(--global-menu-bg-color, rgba(0, 0, 0, 0.4)) !important; backdrop-filter: blur(5px); color: var(--global-menu-text-color, #fff); box-shadow: none; } @media (width: 1080px) and (height: 1920px) { .mat-mdc-menu-panel { max-width: 500px !important; } .mat-mdc-menu-panel .mat-mdc-menu-item { height: 98px; } .mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-menu-item-text { font-family: "Neue Haas Grotesk Text Pro", "Lato", sans-serif !important; font-size: 36px !important; } } .mat-mdc-menu-item { color: var(--global-menu-text-color, #fff) !important; } .mat-mdc-menu-item:hover { background: var(--global-menu-hover-bg-color, rgba(0, 0, 0, 0.6)) !important; color: var(--global-menu-hover-text-color, #fff) !important; } .text-white { color: #fff; } .scroll-x { overflow-x: scroll !important; } .scroll-y { overflow-y: scroll !important; } .break-word { word-break: break-word; } .modal { position: fixed; z-index: 99999; left: 0; top: 0; width: 100vw; height: 100vh; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.95); } .modal-content { padding: 5% 10%; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; } @media (min-width: 992px) { .hidden-desktop { display: none; } } @media (max-width: 991px) { .visible-desktop { display: none; } } .accordion-wrap .animation .material-icons { color: var(--tray-more-toggle-bg-color) !important; } .cursor-pointer { cursor: pointer; } .py-20 { padding: 20px 0; } .mt-0 { margin-top: 0; } .mt-10 { margin-top: 10px; } .ml-10 { margin-left: 10px; } .mb-10 { margin-bottom: 10px; } .mb-40 { margin-bottom: 40px; } .d-flex { display: flex; } .flex-start { align-items: flex-start; } .felx-end { align-items: flex-end; } .underline { text-decoration: underline; } .mb-0 { margin-bottom: 0 !important; } .success-notification .mat-mdc-snack-bar-container { background: #00aa45 !important; color: #ffffff !important; } .success-notification .mat-mdc-snack-bar-container .mat-simple-snackbar-action { color: #ffffff !important; } .error-notification { background: #F2403F !important; color: #ffffff !important; } .error-notification .mat-simple-snackbar-action { color: #ffffff !important; } .overflow-y-visible { overflow-y: visible !important; } iframe { display: block; background: inherit; border: none; width: 100%; height: 100%; } iframe.default-content, iframe.thankyou-content { max-width: 100%; background-color: inherit !important; padding: 0; margin: 0; border: 0; } .btn-disabled { cursor: not-allowed !important; opacity: 0.5; } .clear-margin { margin: 0 !important; } .clear-padding { padding: 0 !important; } .stage-inner { height: 100%; width: 100%; position: relative; } .downloading { animation: spin 2s linear infinite; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; } @keyframes spin { 100% { transform: rotate(360deg); } } .remote-video-holder.design-theme-white { align-items: flex-start; } .remote-video-holder.design-theme-white.live-agent.live-agent.ondemand-content-playing { position: static; } .remote-video-holder.design-theme-white.live-agent.local-video-wrapper- { right: 2rem; } .remote-video-holder.design-theme-white .replace-with-remotevideo { width: auto; max-width: 100%; border-radius: 0 !important; margin-top: 0; } .remote-video-holder.design-theme-white .replace-with-remotevideo.live-agent-sharing-content { position: absolute; height: auto !important; left: 0; bottom: 0; width: 120px; } @media (width: 1080px) and (height: 1920px) { .remote-video-holder.design-theme-white .replace-with-remotevideo.live-agent-sharing-content { width: 225px; } } .remote-video-holder.design-theme-white .local-video-wrapper-2 { width: 120px; top: 0; right: 0; } @media (width: 1080px) and (height: 1920px) { .remote-video-holder.design-theme-white .local-video-wrapper-2 { width: 225px; } } .remote-video-holder.design-theme-white .local-video-wrapper-2.live-agent-sharing-content { position: absolute; height: auto !important; width: 120px; } @media (width: 1080px) and (height: 1920px) { .remote-video-holder.design-theme-white .local-video-wrapper-2.live-agent-sharing-content { width: 225px; } } .remote-video-holder.design-theme-white .replace-with-localvideo { border-radius: 0; } .remote-video-wrapper-2.design-theme-white { justify-content: flex-start; } .stage-2.design-theme-white { background-color: #fff !important; color: #666666; padding: 50px 0 90px; } .stage-2.design-theme-white.live-agent { padding-left: 2em; padding-right: 2em; } @media (width: 1080px) and (height: 1920px) { .stage-2.design-theme-white { padding: 140px 0 277px; } } .navbar-top.design-theme-white { height: 50px; background-color: #fff; color: #666666; } @media (width: 1080px) and (height: 1920px) { .navbar-top.design-theme-white { height: 140px; } .navbar-top.design-theme-white .btn-small-wrapper { margin-right: 25px; } .navbar-top.design-theme-white .btn-small-wrapper:last-child { margin-right: 0; } } @media (max-width: 767px) { .navbar-top.design-theme-white.call-ended-on-iframe { z-index: 30005; background: #1C5C7E; } } @media (max-width: 375px) { .navbar-top.design-theme-white .btn-small-wrapper { height: 100%; align-items: center; justify-content: center; } } .navbar-top.design-theme-white .btn-small-circle { width: auto; height: auto; box-shadow: none; background: none; border: 0; padding: 0; text-decoration: none; } @media (max-width: 375px) { .navbar-top.design-theme-white .btn-small-circle { height: 80%; } } .navbar-top.design-theme-white .btn-small-circle.btn-minimize:active { background: none; } .navbar-top.design-theme-white .btn-small-circle svg { width: 35px; height: 35px; } @media (max-width: 375px) { .navbar-top.design-theme-white .btn-small-circle svg { width: 25px; height: 25px; } } @media (width: 1080px) and (height: 1920px) { .navbar-top.design-theme-white .btn-small-circle svg { width: auto; height: auto; } } .navbar-top.design-theme-white .btn-small-circle .material-icons { font-size: 30px; color: #666; padding: 2px 0; } @media (max-width: 375px) { .navbar-top.design-theme-white .btn-small-circle .material-icons { font-size: 20px; } } @media (width: 1080px) and (height: 1920px) { .navbar-top.design-theme-white .btn-small-circle .material-icons { font-size: 80px; } } @media (min-width: 992px) { .navbar-top.design-theme-white.kiosk .btn-small-circle svg { width: auto; height: auto; } } .navbar-top.design-theme-white .control-buttons-2.hamburger-menu { position: absolute; left: 20px; justify-content: flex-start; } .navbar-top.design-theme-white.blur { background-color: rgba(72, 162, 207, 0.4); backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); } .navbar-bottom.design-theme-white { height: 90px; background-color: #fff; color: #666666; } .navbar-bottom.design-theme-white .nav-container { height: 90px; padding-left: 0; padding-right: 0; } @media screen and (max-width: 767px) { .navbar-bottom.design-theme-white .nav-container { height: 90px; } } @media (width: 1080px) and (height: 1920px) { .navbar-bottom.design-theme-white { height: 277px; } .navbar-bottom.design-theme-white .nav-container { height: 277px; } } .navbar-bottom.design-theme-white .nav-link-text { color: #666666; font-family: "Neue Haas Grotesk Text Pro", "Lato", sans-serif; font-size: 16px; text-transform: none; font-style: normal; font-weight: 450; line-height: normal; letter-spacing: 0.48px; } @media (max-width: 375px) { .navbar-bottom.design-theme-white .nav-link-text { font-size: 14px; } } @media (width: 1080px) and (height: 1920px) { .navbar-bottom.design-theme-white .nav-link-text { font-size: 36px; text-transform: none; letter-spacing: 1.08px; } } .navbar-bottom.design-theme-white .nav-icon-wrapper { padding: 0; width: 35px; } @media (max-width: 375px) { .navbar-bottom.design-theme-white .nav-icon-wrapper { width: 25px; } } @media (width: 1080px) and (height: 1920px) { .navbar-bottom.design-theme-white .nav-icon-wrapper { width: 85px; height: 85px; } .navbar-bottom.design-theme-white .nav-icon-wrapper.mobile-transfer app-mobile-transfer-icon svg { width: 55px; bottom: 5px; } } .navbar-bottom.design-theme-white .nav-menu { justify-content: space-evenly; padding: 14px 25px; } @media (min-width: 576px) { .navbar-bottom.design-theme-white .nav-menu { justify-content: center; } } @media (width: 1080px) and (height: 1920px) { .navbar-bottom.design-theme-white .nav-menu { padding: 0; } } .navbar-bottom.design-theme-white .nav-link-videos { flex-direction: column; } @media (min-width: 576px) { .navbar-bottom.design-theme-white .nav-link-videos { padding-left: 30px; padding-right: 30px; } } @media (width: 1080px) and (height: 1920px) { .navbar-bottom.design-theme-white .nav-link-videos { min-width: 200px; } } .icon-live { position: absolute; z-index: 3; top: 10px; left: 10px; display: flex; padding: 0 10px; border-radius: 20px; background-color: #ff0100; font-family: "Neue Haas Grotesk Text Pro", "Lato", sans-serif; font-weight: bold; justify-content: center; color: #fff; letter-spacing: 2px; } @media (width: 1080px) and (height: 1920px) { .icon-live { font-size: 32px; padding: 0 40px; border-radius: 40px; top: 20px; left: 20px; letter-spacing: 4px; } } .navbar-bottom.design-theme-white.blur { background-color: rgba(72, 162, 207, 0.4); backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); } .navbar-bottom.design-theme-white.blur * { opacity: 0.8; } .navbar-top.design-theme-white.ai-active { background-color: #91B5CD; } .navbar-top.design-theme-white.ai-active .gradient-view { position: absolute; top: 49px; left: 0; right: 0; height: 50px; z-index: 10; } @media (width: 1080px) and (height: 1920px) { .navbar-top.design-theme-white.ai-active .gradient-view { top: 139px; } } @media (max-width: 320px) { .navbar-top.design-theme-white.ai-active .gradient-view { height: 30px; } } .tray-info-2.design-theme-white .content-title-banner { padding: 1em 0 0 1em; font-family: "Neue Haas Grotesk Text Pro", "Lato", sans-serif; font-size: 18px; color: #666; } @media (max-width: 320px) { .tray-info-2.design-theme-white .content-title-banner { padding-top: 1em; margin-bottom: 1em; } } @media (max-width: 375px) { .tray-info-2.design-theme-white .content-title-banner { font-size: 14px; } } @media (width: 1080px) and (height: 1920px) { .tray-info-2.design-theme-white .content-title-banner { padding-top: 1em; margin-bottom: 1em; font-size: 45px; } } .tray-info-2.design-theme-white .content-title-banner .content-title, .tray-info-2.design-theme-white .content-title-banner .close-btn { margin-bottom: 0; font-weight: normal; } .tray-info-2.design-theme-white .content-title-banner .close-btn { padding: 10px 20px 10px 20px; } @media (max-width: 320px) { .tray-info-2.design-theme-white .content-title-banner .close-btn { flex: 0 !important; padding: 5px 20px 5px 20px; } } .tray-info-2.design-theme-white .cards-container { padding-top: 0; } a.disabled { pointer-events: none; } a.disabled:hover { text-decoration: none; transform: none; transition: none; } .navbar-top { z-index: 30003; } .mat-dialog-permission-denied { margin: 0 20px !important; } html, body { height: 100%; } body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } @font-face { font-family: "Neue Haas Grotesk Text Pro"; src: url('NeueHaasGroteskRegular.6ceb6643eacc0d81.ttf') format("truetype"); font-weight: normal; font-style: normal; }