:root{--dj-hello-widget-text-color:#E6E6E6;--dj-hello-widget-bg-color:#000}.dj-hello-widget{margin-top:var(--sarandor-section-gap);& .dj-hello-widget__top-part{display:flex;flex-direction:row;gap:30px;align-items:center}& .dj-hello-widget__image-wrap{position:relative;width:128px;height:128px;min-width:128px;border-radius:50%;overflow:hidden}& .dj-hello-widget__text{position:relative;min-width:220px;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;white-space:pre-wrap;word-break:break-word;border-radius:15px;padding:10px 9px 10px 19px;border:1px solid var(--dj-hello-widget-text-color);font-size:16px;font-weight:300;color:var(--dj-hello-widget-text-color);& b{font-weight:600}& .dialog-triangle{position:absolute;top:calc(50% - 10px);transform:translateY(-50%);left:-10px;width:20px;height:20px;background-color:var(--dj-hello-widget-bg-color);transform:rotate(45deg);z-index:1;pointer-events:none;border:1px solid var(--dj-hello-widget-text-color);border-top:none;border-right:none}}.dj-hello-widget__text-description-mobile{display:none;& svg{width:15px;height:15px;position:relative;top:-3px}}.dj-hello-widget__text-description-desktop{display:block;padding-left:35px;& svg{width:15px;height:15px;position:relative;top:-3px}}}@media only screen and (max-width:939px){.dj-hello-widget{flex-direction:column;gap:20px;.dj-hello-widget__text-description-desktop{display:none!important}& .dj-hello-widget__text-description-mobile{display:block;margin-top:40px;font-weight:300}}}@media screen and (max-width:739px){.dj-hello-widget{& .dj-hello-widget__image-wrap{width:110px;height:110px;min-width:110px}}}@media screen and (max-width:410px){.dj-hello-widget{& .dj-hello-widget__top-part{gap:25px}& .dj-hello-widget__text{font-size:15px;line-height:1.5;padding:8px 12px}& .dj-hello-widget__image-wrap{width:100px;height:100px;min-width:100px}}}.dj-no-image-loader{display:flex;justify-content:center;height:100%;align-content:center;flex-wrap:wrap;position:relative;z-index:0;left:50%;transform:translateX(-50%)}.dj-no-image-loader>div{--bg-color:#edb538;--inner-color:#212224}.dj-loader-circle{position:relative;display:inline-block;height:50px;width:50px;margin:1em;border-radius:50%;background:none repeat scroll 0 0 #DDDDDD;overflow:hidden}.dj-loader-circle:after{content:"";position:absolute;top:9px;left:9px;display:block;height:32px;width:32px;background:none repeat scroll 0 0 var(--inner-color);border-radius:50%}.dj-loader-circle>span{position:absolute;height:100%;width:50%;overflow:hidden}.dj-loader-circle .left{left:0}.dj-loader-circle .right{left:50%}.dj-loader-circle .anim{position:absolute;left:100%;top:0;height:100%;width:100%;border-radius:1000px;background:none repeat scroll 0 0 var(--bg-color);opacity:.9;transform-origin:0 50% 0}.dj-loader-circle .left .anim{border-bottom-left-radius:0;border-top-left-radius:0}.dj-loader-circle .right .anim{border-bottom-right-radius:0;border-top-right-radius:0;left:-100%;transform-origin:100% 50% 0}.dj-loader-type-1 .anim,.dj-loader-type-2 .anim{animation:dj-loader-rotate-left 2s infinite}.dj-loader-type-2 .anim{animation-delay:0}.dj-loader-type-2 .right .anim{animation-delay:1s}.dj-loader-type-3 .anim{animation:dj-loader-rotate-left 2s infinite;-webkit-animation-delay:0s;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;animation-delay:0s;animation-duration:2s;animation-timing-function:linear}.dj-loader-type-3 .right .anim{animation-name:dj-loader-rotate-right;animation-delay:1s}.dj-loader-type-4{width:60px;height:60px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px}.dj-loader-type-4 .square{width:100%;height:100%;background-color:var(--bg-color);animation:square-pulse 1.4s ease-in-out infinite both}.dj-loader-type-4 .square:first-child{animation-delay:.1s}.dj-loader-type-4 .square:nth-child(2){animation-delay:.2s}.dj-loader-type-4 .square:nth-child(3){animation-delay:.3s}.dj-loader-type-4 .square:nth-child(4){animation-delay:.2s}.dj-loader-type-4 .square:nth-child(5){animation-delay:.3s}.dj-loader-type-4 .square:nth-child(6){animation-delay:.4s}.dj-loader-type-4 .square:nth-child(7){animation-delay:.3s}.dj-loader-type-4 .square:nth-child(8){animation-delay:.4s}.dj-loader-type-4 .square:nth-child(9){animation-delay:.5s}@keyframes square-pulse{0%,80%,to{transform:scale(0);opacity:0}40%{transform:scale(1);opacity:1}}@keyframes dj-loader-rotate-right{0%{transform:rotate(0deg)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes dj-loader-rotate-left{0%{transform:rotate(0deg)}25%{transform:rotate(0deg)}50%{transform:rotate(180deg)}75%{transform:rotate(180deg)}to{transform:rotate(1turn)}}