22

✏️ Editing: ep-floating-knowledgebase.css

.bdt-floating-knowledgebase .html-content__title{margin-bottom:10px;font-weight:700;font-size:22px;color:#0e1318}.floating-help-center abbr,.floating-help-center address,.floating-help-center article,.floating-help-center aside,.floating-help-center b,.floating-help-center blockquote,.floating-help-center canvas,.floating-help-center caption,.floating-help-center cite,.floating-help-center code,.floating-help-center dd,.floating-help-center del,.floating-help-center details,.floating-help-center dfn,.floating-help-center div,.floating-help-center dl,.floating-help-center dt,.floating-help-center em,.floating-help-center fieldset,.floating-help-center figcaption,.floating-help-center figure,.floating-help-center footer,.floating-help-center form,.floating-help-center h1,.floating-help-center h2,.floating-help-center h3,.floating-help-center h4,.floating-help-center h5,.floating-help-center h6,.floating-help-center header,.floating-help-center hgroup,.floating-help-center i,.floating-help-center iframe,.floating-help-center img,.floating-help-center ins,.floating-help-center kbd,.floating-help-center label,.floating-help-center legend,.floating-help-center li,.floating-help-center mark,.floating-help-center menu,.floating-help-center nav,.floating-help-center ol,.floating-help-center p,.floating-help-center pre,.floating-help-center q,.floating-help-center samp,.floating-help-center section,.floating-help-center small,.floating-help-center span,.floating-help-center strong,.floating-help-center sub,.floating-help-center summary,.floating-help-center sup,.floating-help-center table,.floating-help-center tbody,.floating-help-center td,.floating-help-center tfoot,.floating-help-center th,.floating-help-center thead,.floating-help-center time,.floating-help-center tr,.floating-help-center ul,.floating-help-center var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}.floating-help-center article,.floating-help-center aside,.floating-help-center details,.floating-help-center figcaption,.floating-help-center figure,.floating-help-center footer,.floating-help-center header,.floating-help-center hgroup,.floating-help-center main,.floating-help-center nav,.floating-help-center section,.floating-help-center summary{display:block}.floating-help-center [hidden]{display:none}.floating-help-center a:focus{outline:thin dotted}.floating-help-center a:active,.floating-help-center a:focus,.floating-help-center a:hover{outline:0}.floating-help-center abbr[title]{border-bottom:1px dotted}.floating-help-center b,.floating-help-center strong{font-weight:700}.floating-help-center dfn,.floating-help-center em,.floating-help-center i{font-style:italic}.floating-help-center li{list-style:none}.floating-help-center hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}.floating-help-center code,.floating-help-center kbd,.floating-help-center pre,.floating-help-center samp{font-family:monospace,serif}.floating-help-center pre{white-space:pre-wrap}.floating-help-center q{quotes:"\201C" "\201D" "\2018" "\2019"}.floating-help-center small{font-size:80%}.floating-help-center sub,.floating-help-center sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}.floating-help-center sup{top:-8px}.floating-help-center sub{bottom:-4px}.floating-help-center img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}.floating-help-center svg:not(:root){overflow:hidden}.floating-help-center figure{margin:0}.floating-help-center fieldset{border:1px solid silver;margin:0 2px;padding:5px 10px 12px}.floating-help-center legend{border:0;padding:0}.floating-help-center button,.floating-help-center input,.floating-help-center select,.floating-help-center textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.floating-help-center button,.floating-help-centerinput{line-height:normal;outline:0;border:none}.floating-help-center button,.floating-help-center select{text-transform:none}.floating-help-center button,.floating-help-center html input[type="button"],.floating-help-center input[type="reset"],.floating-help-center input[type="submit"]{-webkit-appearance:button;cursor:pointer}.floating-help-center button[disabled],.floating-help-center html input[disabled]{cursor:default}.floating-help-center input[type="checkbox"],.floating-help-center input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}.floating-help-center input[type="search"]::-webkit-search-cancel-button,.floating-help-center input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}.floating-help-center button::-moz-focus-inner,.floating-help-center input::-moz-focus-inner{border:0;padding:0}.floating-help-center textarea{overflow:auto;vertical-align:top}.floating-help-center table{border-collapse:collapse;border-spacing:0}.floating-help-center td{vertical-align:top}.floating-help-center__btn,.floating-help-center__btn *,.floating-help-center__btn :before,.floating-help-center__btn :after,.floating-help-center__popup,.floating-help-center__popup *,.floating-help-center__popup :before,.floating-help-center__popup :after{box-sizing:border-box;-webkit-font-smoothing:antialised;position:relative;backface-visibility:hidden !important;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#floatingHelpCenter.floating-help-center{color:#0e1318}.floating-help-center__btn{position:fixed;right:30px;bottom:30px;cursor:pointer}.floating-help-center__btn .btn{padding:30px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;box-shadow:0 6px 8px 2px rgba(0,0,0,0.14);-webkit-box-shadow:0 6px 8px 2px rgba(0,0,0,0.14);-moz-box-shadow:0 6px 8px 2px rgba(0,0,0,0.14)}.floating-help-center__btn .btn:before{content:"";position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background:transparent url("../images/imgs/help-icon.svg") center center no-repeat;background-size:30px auto;-webkit-background-size:30px auto;-moz-background-size:30px auto;-o-transition:.4s ease all;transition:.4s ease all;-webkit-transition:.4s ease all;-moz-transition:.4s ease all}.floating-help-center__btn .btn:after{content:"";opacity:0;position:absolute;z-index:2;width:100%;height:100%;left:0;top:0;background:transparent url("../images/imgs/x-icon.svg") center center no-repeat;background-size:14px auto;-webkit-background-size:14px auto;-moz-background-size:14px auto;-o-transition:.4s ease all;transition:.4s ease all;-webkit-transition:.4s ease all;-moz-transition:.4s ease all;-ms-transform:scale(0) rotate(-360deg);transform:scale(0) rotate(-360deg);-webkit-transform:scale(0) rotate(-360deg);-moz-transform:scale(0) rotate(-360deg)}.floating-help-center__btn .helper-txt{display:none;position:absolute;width:160px;right:100%;color:#fff;background:#0BB3E5;font-size:12px;top:50%;transform:translateY(-50%);padding:7px 0 7px 12px;margin-right:12px;letter-spacing:-0.03em;border-radius:4px;transition:.4s ease all}.floating-help-center--btn-position-right .helper-txt::before{left:97%}.floating-help-center--btn-position-left .helper-txt::after{right:97%}.floating-help-center--btn-position-right .helper-txt::before,.floating-help-center--btn-position-left .helper-txt::after{content:"";position:absolute;top:50%;margin-top:-5px;background:#0BB3E5;width:10px;height:10px;transform:rotate(45deg)}.floating-help-center__btn .helper-txt strong{font-weight:600}.floating-help-center__btn .floating-help__icon{max-width:34px;width:100%}.floating-help-center__btn.floating-help-center__popup--active .btn:before{opacity:0;-ms-transform:scale(0) rotate(360deg);transform:scale(0) rotate(360deg);-webkit-transform:scale(0) rotate(360deg);-moz-transform:scale(0) rotate(360deg)}.floating-help-center__btn.floating-help-center__popup--active .btn:after{opacity:1;-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-webkit-transform:scale(1) rotate(0deg);-moz-transform:scale(1) rotate(0deg)}.floating-help-center__btn.floating-help-center__popup--active .helper-txt{-ms-transform:translate(0, 15px);transform:translate(0, 15px);-webkit-transform:translate(0, 15px);-moz-transform:translate(0, 15px);opacity:0;visibility:hidden}.floating-help-center__popup{width:375px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;position:fixed;overflow:hidden;box-shadow:rgba(0,0,0,0.16) 0 5px 40px;background:#F3F4F6;right:25px;bottom:100px;opacity:0;visibility:hidden;transform:translate(0, 50px);transition:.4s ease all;will-change:transform,visibility,opacity;max-width:calc(100% - 50px)}.floating-help-center__popup.floating-help-center__popup--active{-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);visibility:visible;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);max-height:auto;display:flex;flex-direction:column;max-height:calc(100% - 229px)}.floating-help-center__popup .searchbox{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;box-sizing:border-box;background-color:#fff;margin:-30px 15px 0 15px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom:1px solid #e8e9ec;padding-left:20px;padding-right:20px}.floating-help-center__popup .searchbox .searchbox__input{-webkit-box-shadow:none;box-shadow:none;background-color:transparent;border-color:transparent;outline:none;width:100%;min-height:60px;font-size:14px;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;padding:6px}.floating-help-center__popup .searchbox .searchbox__search-icon svg{cursor:pointer;width:25px;height:25px;color:#000;display:block}.searchbox__input::placeholder{color:#000}.floating-help-center__popup .searchbox .searchbox__cross-icon svg{margin-right:20px;cursor:pointer;width:24px;display:block;color:rgba(255,255,255,0.942)}.floating-help-center__popup .help-list{padding-left:0}.floating-help-center__popup .help-list{height:auto;max-height:310px;overflow-y:auto;flex:1;margin:0 15px 15px 15px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.floating-help-center__popup .help-list .help-list__item{padding:10px 25px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.floating-help-center__popup .help-list .help-list__item-txt{font-size:13px;font-weight:600;line-height:21px;max-height:42px;width:100%;max-width:calc(100% - 30px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;color:#4c5058}.floating-help-center__popup .help-list .help-list__item-arrow{margin-left:auto}.floating-help-center__popup .help-list .help-list__item:hover{background-color:rgba(64,87,109,0.07)}.floating-help-center__popup .html-content{margin:0 15px;height:auto;overflow-y:auto;color:#65686c;font-size:14px;background-color:#fff;padding:35px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.floating-help-center__popup .external{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin:0 25px 25px 25px}.floating-help-center__popup .no-result{padding:20px;text-align:center}.floating-help-center__popup .external .external__link{font-size:15px;color:#fff;font-weight:600;width:100%;display:flex;align-items:center;gap:6px;justify-content:center;padding:12px 20px;border-radius:6px;transition:all .3s ease,color .3s ease}.floating-help-center__popup .external .external__arrow{width:16px;height:16px}.floating-help-center--btn-position-left .floating-help-center__btn{right:auto;left:30px}.floating-help-center--btn-position-left .floating-help-center__popup{right:auto;left:25px}.floating-help-center--btn-position-left .floating-help-center__btn .helper-txt{left:100%;right:auto;margin-left:12px;margin-right:0}.bdt-helper-text-yes .floating-help-center__btn .helper-txt{display:block}.floating-help-center__popup.bdt-content-expand{width:calc(100% - 10%);height:calc(100% - 15%);transition:all .3s ease-in-out}.floating-help-center__popup.bdt-content-expand,.floating-help-center__popup.bdt-content-open{background-color:#fff}.floating-help-center__popup .bdt-header{padding:30px 30px 60px 30px}.floating-help-center__popup .bdt-header-logo img{width:60px;height:60px}.floating-help-center__popup .bdt-header-logo{margin:0 0 10px}.floating-help-center__popup .bdt-header-title{color:#fff;font-size:30px;font-weight:700;margin:0 0 5px}.floating-help-center__popup .bdt-header-description{color:#e4e4e6;font-size:16px}.floating-help-center__popup .bdt-resizer-icon{display:none}.floating-help-center__popup.bdt-content-expand .bdt-resizer-icon,.floating-help-center__popup.bdt-content-open .bdt-resizer-icon{display:block}.floating-help-center__popup.bdt-content-expand .bdt-header,.floating-help-center__popup.bdt-content-expand .external,.floating-help-center__popup.bdt-content-expand #listItemsContainer,.floating-help-center__popup.bdt-content-open .bdt-header,.floating-help-center__popup.bdt-content-open .external,.floating-help-center__popup.bdt-content-open #listItemsContainer{display:none}.floating-help-center__popup.bdt-content-expand .searchbox,.floating-help-center__popup.bdt-content-expand .html-content,.floating-help-center__popup.bdt-content-open .searchbox,.floating-help-center__popup.bdt-content-open .html-content{margin:0}.floating-help-center__popup.bdt-content-expand .html-content,.floating-help-center__popup.bdt-content-open .html-content{background-color:transparent}.bdt-resizer-icon svg{width:24px;height:24px;display:block;color:#313234;transform:rotate(90deg) scale(.7);cursor:pointer}.floating-help-center__popup.bdt-content-open .bdt-resizer-icon .bdt-close,.floating-help-center__popup.bdt-content-expand .bdt-resizer-icon .bdt-expand{display:none}.floating-help-center__popup.bdt-content-expand .bdt-resizer-icon .bdt-close{display:block}.floating-help-center__popup.bdt-content-expand .searchbox,.floating-help-center__popup.bdt-content-open .searchbox{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width:600px){.floating-help-center__btn{right:16px;bottom:16px}.floating-help-center__btn .helper-txt{display:none}}@media (min-width:768px){.floating-help-center__popup.bdt-content-expand{width:calc(64%)}}@media (min-width:1024px){.floating-help-center__popup.bdt-content-expand{width:calc(50%)}}@media (min-width:1440px){.floating-help-center__popup.bdt-content-expand{width:calc(35%)}}.html-content::-webkit-scrollbar,.help-list::-webkit-scrollbar{width:3px;border-radius:6px}.html-content::-webkit-scrollbar-track,.help-list::-webkit-scrollbar-track{background:#f1f1f1c2 c2}.html-content::-webkit-scrollbar-thumb,.help-list::-webkit-scrollbar-thumb{background:#e8e8e8}.html-content{background:linear-gradient(white 30%, rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,radial-gradient(50% 0, farthest-side, rgba(0,0,0,0.2), rgba(0,0,0,0)),radial-gradient(50% 100%, farthest-side, rgba(0,0,0,0.2), rgba(0,0,0,0)) 0 100%;background:linear-gradient(white 30%, rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,radial-gradient(farthest-side at 50% 0, rgba(0,0,0,0.2), rgba(0,0,0,0)),radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,0.347), rgba(0,0,0,0)) 0 100%;background-repeat:no-repeat;background-color:white;background-size:100% 40px,100% 40px,100% 20px,100% 20px;background-attachment:local,local,scroll,scroll}

MR SKB