@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
@charset "UTF-8";
/**
* Padding, Margins and Offset
*/
/* cyrillic-ext */
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}
.cdk-overlay-container{position:fixed;z-index:1000}
.cdk-overlay-container:empty{display:none}
.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}
.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
@media screen and (-ms-high-contrast: active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:0.6}}
.cdk-overlay-dark-backdrop{background:rgba(0,0,0,0.288)}
.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}
.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}
.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 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);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,0.87);width:100%;height:100%;outline:none}
.owl-dt-container,.owl-dt-container *{box-sizing:border-box}
.owl-dt-container{display:block;font-size:1rem;background:#ffffff;pointer-events:auto;z-index:1000}
.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,0.12)}
.owl-dt-container-row:last-child{border-bottom:none}
.owl-dt-calendar{display:flex;flex-direction:column;width:100%}
.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000000}
.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,0.12)}
.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}
.owl-dt-calendar-view{display:block;flex:1 1 auto}
.owl-dt-calendar-multi-year-view{display:flex;align-items:center}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}
.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}
.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,0.4)}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:'';position:absolute;top:0;left:-.5em;right:-.5em;height:1px;background:rgba(0,0,0,0.12)}
.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,0.85);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid transparent;border-radius:999px;color:inherit;cursor:pointer}
.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}
.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,0.4)}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,0.85);background-color:#3f51b5}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.85)}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,0.4)}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,0.2)}
.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,0.04)}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,0.2)}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}
.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:none}
.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}
.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}
.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,0.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}
.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-.3em}
.owl-dt-timer-divider:before,.owl-dt-timer-divider:after{content:'';display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}
.owl-dt-timer-divider:before{top:35%}
.owl-dt-timer-divider:after{bottom:35%}
.owl-dt-control-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:transparent;font-size:1em;color:inherit}
.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:none}
.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color 100ms linear}
.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,0.12)}
.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform 200ms ease}
.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}
.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,0.4);cursor:default}
.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}
.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12)}
.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}
.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}
.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}
.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}
.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}
@media all and (orientation: landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}
@media all and (orientation: portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}
.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}
.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}
.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color 100ms linear}
.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,0.1)}
.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.owl-dt-container-info .owl-dt-container-range{outline:none}
.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}
.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,0.12)}
.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}
.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:0.35;filter:Alpha(Opacity=35);background-image:none;cursor:default !important}
.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background 200ms ease}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#ffffff}
.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}
.owl-dt-inline{display:inline-block}
.owl-dt-control{outline:none;cursor:pointer}
.owl-dt-control .owl-dt-control-content{outline:none}
.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,0.12)}
.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}
.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-cyrillic-ext.woff2") format("woff2");
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-cyrillic-ext.woff") format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-cyrillic.woff2") format("woff2");
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-cyrillic.woff") format("woff");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-greek-ext.woff2") format("woff2");
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-greek-ext.woff") format("woff");
unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-greek.woff2") format("woff2");
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-greek.woff") format("woff");
unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-vietnamese.woff2") format("woff2");
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-vietnamese.woff") format("woff");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-latin-ext.woff2") format("woff2");
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-latin-ext.woff") format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-latin.woff2") format("woff2");
src: local("Roboto Light"), local("Roboto-Light"), url("/static/en/assets/fonts/roboto/light-latin.woff") format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-cyrillic-ext.woff2") format("woff2");
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-cyrillic-ext.woff") format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-cyrillic.woff2") format("woff2");
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-cyrillic.woff") format("woff");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-greek-ext.woff2") format("woff2");
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-greek-ext.woff") format("woff");
unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-greek.woff2") format("woff2");
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-greek.woff") format("woff");
unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-vietnamese.woff2") format("woff2");
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-vietnamese.woff") format("woff");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-latin-ext.woff2") format("woff2");
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-latin-ext.woff") format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-latin.woff2") format("woff2");
src: local("Roboto"), local("Roboto-Regular"), url("/static/en/assets/fonts/roboto/regular-latin.woff") format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-cyrillic-ext.woff2") format("woff2");
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-cyrillic-ext.woff") format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-cyrillic.woff2") format("woff2");
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-cyrillic.woff") format("woff");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-greek-ext.woff2") format("woff2");
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-greek-ext.woff") format("woff");
unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-greek.woff2") format("woff2");
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-greek.woff") format("woff");
unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-vietnamese.woff2") format("woff2");
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-vietnamese.woff") format("woff");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-latin-ext.woff2") format("woff2");
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-latin-ext.woff") format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-latin.woff2") format("woff2");
src: local("Roboto Medium"), local("Roboto-Medium"), url("/static/en/assets/fonts/roboto/medium-latin.woff") format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), url("/static/en/assets/fonts/roboto/medium-cyrillic-ext.woff2") format("woff2");
src: local("Roboto Bold"), local("Roboto-Bold"), url("/static/en/assets/fonts/roboto/medium-cyrillic-ext.woff") format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), url("/static/en/assets/fonts/roboto/medium-cyrillic.woff2") format("woff2");
src: local("Roboto Bold"), local("Roboto-Bold"), url("/static/en/assets/fonts/roboto/medium-cyrillic.woff") format("woff");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), url("/static/en/assets/fonts/roboto/medium-greek-ext.woff2") format("woff2");
src: local("Roboto Bold"), local("Roboto-Bold"), url("/static/en/assets/fonts/roboto/medium-greek-ext.woff") format("woff");
unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), url("/static/en/assets/fonts/roboto/medium-greek.woff2") format("woff2");
src: local("Roboto Bold"), local("Roboto-Bold"), url("/static/en/assets/fonts/roboto/medium-greek.woff") format("woff");
unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), url("/static/en/assets/fonts/roboto/medium-vietnamese.woff2") format("woff2");
src: local("Roboto Bold"), local("Roboto-Bold"), url("/static/en/assets/fonts/roboto/medium-vietnamese.woff") format("woff");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), url("/static/en/assets/fonts/roboto/bold-latin-ext.woff2") format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), url("/static/en/assets/fonts/roboto/bold-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-display: swap;
src: local("Roboto Black"), local("Roboto-Black"), url("/static/en/assets/fonts/roboto/black-latin-ext.woff2") format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-display: swap;
src: local("Roboto Black"), local("Roboto-Black"), url("/static/en/assets/fonts/roboto/black-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/**
* NOTE: these are not relative to app path as we need preloading of the icons
*/
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url("https://cdn-assets.minds.com/front/fonts/MaterialIcons-Regular.eot");
/* For IE6-8 */
src: local("Material Icons"), local("MaterialIcons-Regular"), url("https://cdn-assets.minds.com/front/fonts/MaterialIcons-Regular.woff2") format("woff2"), url("https://cdn-assets.minds.com/front/fonts/MaterialIcons-Regular.woff") format("woff"), url("https://cdn-assets.minds.com/front/fonts/MaterialIcons-Regular.ttf") format("truetype"); }
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
/* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga'; }
/**
* Padding, Margins and Offset
*/
m-body {
margin-top: 52px;
display: block;
min-height: 100%; }
@media screen and (max-width: 480px) {
m-body {
padding-bottom: 60px; } }
m-body.has-v2-navbar {
margin-top: 51px; }
m-body.has-v3-navbar {
margin-top: 75px; }
m-body.is-pro-domain {
margin-top: 0;
padding-bottom: 0; }
.m-pageLayout__container {
display: flex;
flex-direction: row;
margin: auto;
padding: 0 40px;
min-width: 280px;
max-width: 1180px;
min-height: 100%;
box-sizing: content-box; }
.m-pageLayout__container .m-pageLayout__container {
padding: 0;
width: 100%; }
@media screen and (min-width: 1040px) and (max-width: 1220px) {
.m-pageLayout__container {
width: 1040px; } }
@media screen and (min-width: 480px) and (max-width: 1040px) {
.m-pageLayout__container {
min-width: 690px;
width: 690px;
padding-right: 70px; } }
@media screen and (min-width: 480px) and (max-width: 700px) {
.m-pageLayout__container {
min-width: 0;
width: auto;
padding-right: 10px; } }
@media screen and (max-width: 480px) {
.m-pageLayout__container {
padding: 0 20px; }
m-body .m-pageLayout__container {
padding: 0; } }
[class*='m-pageLayout__pane'] {
box-sizing: border-box;
position: relative; }
.m-pageLayout__pane--left {
min-width: 250px; }
body.m-theme__light .m-pageLayout__pane--left,
body .m-theme--wrapper.m-theme--wrapper__light .m-pageLayout__pane--left {
border-right: 1px solid #d3dbe3; }
body.m-theme__dark .m-pageLayout__pane--left,
body .m-theme--wrapper.m-theme--wrapper__dark .m-pageLayout__pane--left {
border-right: 1px solid #414c57; }
@media screen and (max-width: 1220px) {
.m-pageLayout__pane--left {
min-width: 70px;
width: 70px;
justify-content: center; } }
.m-pageLayout__pane--main {
max-width: 930px;
min-width: 620px;
width: 100%;
min-height: 100%; }
.m-pageLayout__pane--main .m-pageLayout__pane--main {
width: 620px;
max-width: 620px; }
@media screen and (max-width: 700px) {
.m-pageLayout__pane--main .m-pageLayout__pane--main {
width: auto; } }
@media screen and (max-width: 700px) {
.m-pageLayout__pane--main {
min-width: 0; } }
.m-pageLayout__pane--right {
width: 310px;
padding-right: 0; }
@media screen and (max-width: 1040px) {
.m-pageLayout__pane--right {
display: none; } }
body.m-theme__light .m-pageLayout__pane--right,
body .m-theme--wrapper.m-theme--wrapper__light .m-pageLayout__pane--right {
border-left: 1px solid #d3dbe3; }
body.m-theme__dark .m-pageLayout__pane--right,
body .m-theme--wrapper.m-theme--wrapper__dark .m-pageLayout__pane--right {
border-left: 1px solid #414c57; }
@media screen and (max-width: 480px) {
[class*='m-pageLayout__pane'] {
padding: 0; }
body.m-theme__light [class*='m-pageLayout__pane'],
body .m-theme--wrapper.m-theme--wrapper__light [class*='m-pageLayout__pane'] {
border: 0; }
body.m-theme__dark [class*='m-pageLayout__pane'],
body .m-theme--wrapper.m-theme--wrapper__dark [class*='m-pageLayout__pane'] {
border: 0; }
.m-pageLayout__pane--left {
border-right: 0;
width: auto;
min-width: 0; }
.m-pageLayout__pane--main {
min-width: 0;
max-width: 100%; }
.m-pageLayout__pane--right {
width: auto;
display: none;
border-left: 0; } }
.m-pageLayoutPane__inner {
position: absolute;
display: contents; }
.m-goBack a {
text-decoration: none;
padding: 20px 40px 0;
display: block; }
body.m-theme__light .m-goBack a,
body .m-theme--wrapper.m-theme--wrapper__light .m-goBack a {
color: #72727c; }
body.m-theme__dark .m-goBack a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-goBack a {
color: #b8c1ca; }
@media screen and (max-width: 1040px) {
.m-goBack a {
padding: 20px 20px 0; } }
.m-goBack i,
.m-goBack span {
vertical-align: middle; }
.m-goBack i {
padding-right: 8px; }
body.m-theme__light,
body .m-theme--wrapper.m-theme--wrapper__light {
color: rgba(0, 0, 0, 0.87);
background-color: #fff; }
body.m-theme__dark,
body .m-theme--wrapper.m-theme--wrapper__dark {
color: rgba(255, 255, 255, 0.87);
background-color: #242a30; }
body.m-theme__light.m-theme__2020,
body.m-theme__2020 .m-theme--wrapper.m-theme--wrapper__light {
background-color: #ffffff; }
body.m-theme__dark.m-theme__2020,
body.m-theme__2020 .m-theme--wrapper.m-theme--wrapper__dark {
background-color: #242a30; }
h1,
h2,
h3,
h4 {
font-family: 'Roboto', Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
h1 {
font-weight: 300; }
p {
word-wrap: break-word; }
.m-noshadow {
box-shadow: 0 0 0 !important; }
.m-border {
border-radius: 6px; }
body.m-theme__light .m-border,
body .m-theme--wrapper.m-theme--wrapper__light .m-border {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-border,
body .m-theme--wrapper.m-theme--wrapper__dark .m-border {
border: 1px solid #414c57; }
minds-topbar .minds-logo {
height: 64px;
box-sizing: border-box;
padding: 8px 0 16px;
width: 100px;
margin-right: 24px; }
minds-topbar .minds-logo img {
height: 100%; }
minds-topbar minds-topbar-navigation nav {
display: flex;
flex-direction: row; }
minds-topbar minds-topbar-navigation nav a {
text-decoration: none;
display: flex;
align-items: center;
padding-right: 8px;
position: relative; }
minds-topbar minds-topbar-navigation nav a .counter {
padding: 4px; }
minds-topbar .minds-account img {
height: 42px;
max-height: 42px;
border-radius: 50%; }
@media screen and (max-width: 480px) {
minds-topbar .minds-logo {
display: block;
position: fixed;
width: 75px;
height: 30px;
left: calc(50vw - 35.5px);
/* z-index: 1; */
padding: 0;
padding-bottom: 2px; }
minds-topbar minds-topbar-navigation nav a .counter {
display: none; }
minds-topbar .minds-account img {
height: 28px; } }
@media screen and (max-width: 320px) {
minds-topbar minds-topbar-navigation nav {
display: none; }
minds-topbar minds-search-bar {
display: none; } }
.minds-login-box {
padding: 16px;
margin: auto;
min-height: 100px; }
body.m-theme__light .mdl-tabs__tab.is-active,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-tabs__tab.is-active {
border-bottom: 2px solid #ffc108; }
body.m-theme__dark .mdl-tabs__tab.is-active,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-tabs__tab.is-active {
border-bottom: 2px solid #ffc722; }
.mdl-textfield__label .material-icons {
line-height: 0;
vertical-align: middle; }
.mdl-card__supporting-text {
word-wrap: break-word; }
.mdl-card__supporting-text textarea {
font-size: 13px;
line-height: 18px;
resize: none; }
body.m-theme__light .mdl-card__supporting-text textarea,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-card__supporting-text textarea {
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark .mdl-card__supporting-text textarea,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-card__supporting-text textarea {
color: rgba(255, 255, 255, 0.87); }
.coming-soon section {
height: 300px;
align-items: center;
-webkit-align-items: center;
justify-content: center;
display: flex;
padding: 55px;
text-transform: uppercase;
font-weight: 100;
font-size: 41px; }
.minds-spacer {
height: 8px;
width: 8px; }
.minds-spacer-2x {
height: 16px;
width: 16px; }
.m-spacer {
height: 20px;
width: 20px; }
.minds-block {
display: flex;
flex-direction: row; }
.minds-block .minds-avatar {
margin-right: 8px; }
.minds-block .minds-body {
flex: 1; }
.minds-error {
display: inline-block;
vertical-align: middle;
padding: 8px;
font-size: 13px;
border-radius: 3px; }
.minds-reset-password-title {
font-size: 16px;
text-align: center;
padding: 20px; }
.minds-reset-password-link {
padding: 20px 0px; }
textarea {
font-family: inherit;
font-size: inherit; }
body.m-theme__light textarea,
body .m-theme--wrapper.m-theme--wrapper__light textarea {
background-color: #ffffff;
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark textarea,
body .m-theme--wrapper.m-theme--wrapper__dark textarea {
background-color: #242a30;
color: rgba(255, 255, 255, 0.87); }
.m-isomorphic-link {
color: inherit;
text-decoration: inherit;
font-weight: inherit; }
.m-scroll__thin {
scrollbar-width: thin; }
.m-scroll__thin::-webkit-scrollbar,
.m-scroll__thin::-webkit-scrollbar:horizontal {
width: 10px; }
body.m-theme__light .m-scroll__thin::-webkit-scrollbar-track,
body .m-theme--wrapper.m-theme--wrapper__light .m-scroll__thin::-webkit-scrollbar-track {
background-color: rgba(232, 232, 232, 0.7); }
body.m-theme__dark .m-scroll__thin::-webkit-scrollbar-track,
body .m-theme--wrapper.m-theme--wrapper__dark .m-scroll__thin::-webkit-scrollbar-track {
background-color: rgba(47, 47, 47, 0.7); }
body.m-theme__light .m-scroll__thin::-webkit-scrollbar-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .m-scroll__thin::-webkit-scrollbar-thumb {
background-color: #ddd; }
body.m-theme__dark .m-scroll__thin::-webkit-scrollbar-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .m-scroll__thin::-webkit-scrollbar-thumb {
background-color: #404040; }
blockquote {
quotes: ''; }
blockquote:before {
content: '\201C'; }
blockquote:after {
content: '\201D'; }
/**
* Padding, Margins and Offset
*/
html,
body {
font-family: 'Roboto', Helvetica, sans-serif !important; }
m-app .initial-loading {
width: 100%; }
m-app .m-initial-loading-centred {
margin-top: 100px; }
body.m-theme__light m-app m-body,
body .m-theme--wrapper.m-theme--wrapper__light m-app m-body {
background-color: #ffffff; }
body.m-theme__dark m-app m-body,
body .m-theme--wrapper.m-theme--wrapper__dark m-app m-body {
background-color: #242a30; }
m-app p {
font-family: 'Roboto', Helvetica, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
m-app .mdl-card__title-text {
font-weight: 400;
font-size: 20px;
line-height: 20px;
overflow: visible; }
body.m-theme__light m-app .mdl-card__title-text,
body .m-theme--wrapper.m-theme--wrapper__light m-app .mdl-card__title-text {
color: rgba(0, 0, 0, 0.75); }
body.m-theme__dark m-app .mdl-card__title-text,
body .m-theme--wrapper.m-theme--wrapper__dark m-app .mdl-card__title-text {
color: rgba(255, 255, 255, 0.75); }
m-app .mdl-card__supporting-text {
font-family: 'Roboto', Helvetica, sans-serif; }
.m-page {
display: flex; }
@media screen and (max-width: 480px) {
.m-page {
flex-direction: column;
width: 100%;
height: 100%; }
.m-page .m-page--main,
.m-page .m-page__main {
overflow: visible !important; }
.m-page .m-page--sidebar,
.m-page .m-page__sidebar {
width: initial !important;
min-width: 300px;
padding: 16px !important;
flex-grow: 0; } }
.m-page.m-page--wrapped {
max-width: 1280px;
margin: auto; }
.m-page .m-page--main,
.m-page .m-page__main {
padding: 16px;
flex: 1;
overflow: auto; }
.m-page .m-page--sidebar,
.m-page .m-page__sidebar {
padding: 16px 0 16px 16px;
width: 300px; }
.m-page .m-page__goBack {
display: flex;
align-items: center;
font-size: 13px;
font-weight: bold;
text-decoration: none;
margin-bottom: 8px; }
body.m-theme__light .m-page .m-page__goBack,
body .m-theme--wrapper.m-theme--wrapper__light .m-page .m-page__goBack {
color: #666; }
body.m-theme__dark .m-page .m-page__goBack,
body .m-theme--wrapper.m-theme--wrapper__dark .m-page .m-page__goBack {
color: #959595; }
.m-page .m-page--sidebar--navigation--item {
cursor: pointer;
display: block;
margin: 4px 0;
border-radius: 3px;
padding: 12px;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
font-size: 13px; }
body.m-theme__light .m-page .m-page--sidebar--navigation--item,
body .m-theme--wrapper.m-theme--wrapper__light .m-page .m-page--sidebar--navigation--item {
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-page .m-page--sidebar--navigation--item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-page .m-page--sidebar--navigation--item {
background-color: #242a30;
border: 1px solid #414c57; }
body.m-theme__light .m-page .m-page--sidebar--navigation--item.m-page--sidebar--navigation--item-active,
body .m-theme--wrapper.m-theme--wrapper__light .m-page .m-page--sidebar--navigation--item.m-page--sidebar--navigation--item-active {
color: #4690df; }
body.m-theme__dark .m-page .m-page--sidebar--navigation--item.m-page--sidebar--navigation--item-active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-page .m-page--sidebar--navigation--item.m-page--sidebar--navigation--item-active {
color: #44aaff; }
.m-page .m-page--sidebar--navigation--item i,
.m-page .m-page--sidebar--navigation--item span {
vertical-align: middle; }
.m-page .m-page--sidebar--navigation--item span {
padding-left: 8px; }
.m-loader {
width: 100%;
padding: 16px;
text-align: center; }
m-accordion {
position: relative;
z-index: 0;
display: block; }
m-accordion m-accordion__pane {
display: block; }
.m-accordionV2 {
border-bottom: 1px solid; }
body.m-theme__light .m-accordionV2,
body .m-theme--wrapper.m-theme--wrapper__light .m-accordionV2 {
border-color: #d3dbe3; }
body.m-theme__dark .m-accordionV2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-accordionV2 {
border-color: #414c57; }
body.m-theme__light .m-accordionV2 m-accordion__pane,
body .m-theme--wrapper.m-theme--wrapper__light .m-accordionV2 m-accordion__pane {
background-color: #ffffff; }
body.m-theme__dark .m-accordionV2 m-accordion__pane,
body .m-theme--wrapper.m-theme--wrapper__dark .m-accordionV2 m-accordion__pane {
background-color: #242a30; }
.m-accordionV2 m-accordion__pane .m-accordionPane__title {
font-size: 18px;
line-height: 14px;
padding: 25px 50px;
border-top: 1px solid;
cursor: pointer; }
body.m-theme__light .m-accordionV2 m-accordion__pane .m-accordionPane__title,
body .m-theme--wrapper.m-theme--wrapper__light .m-accordionV2 m-accordion__pane .m-accordionPane__title {
color: #72727c;
border-color: #d3dbe3; }
body.m-theme__dark .m-accordionV2 m-accordion__pane .m-accordionPane__title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-accordionV2 m-accordion__pane .m-accordionPane__title {
color: #b8c1ca;
border-color: #414c57; }
@media screen and (max-width: 480px) {
.m-accordionV2 m-accordion__pane .m-accordionPane__title {
padding: 20px; } }
.m-accordionV2 m-accordion__pane .m-accordionPane__content {
padding: 25px 50px;
border-top: 1px solid; }
body.m-theme__light .m-accordionV2 m-accordion__pane .m-accordionPane__content,
body .m-theme--wrapper.m-theme--wrapper__light .m-accordionV2 m-accordion__pane .m-accordionPane__content {
border-color: #d3dbe3; }
body.m-theme__dark .m-accordionV2 m-accordion__pane .m-accordionPane__content,
body .m-theme--wrapper.m-theme--wrapper__dark .m-accordionV2 m-accordion__pane .m-accordionPane__content {
border-color: #414c57; }
@media screen and (max-width: 480px) {
.m-accordionV2 m-accordion__pane .m-accordionPane__content {
padding: 20px; } }
.m-accordionV2 m-accordion__pane.m-accordion__pane--noTopPadding .m-accordionPane__content {
padding-top: 0; }
.m-accordionV2 m-accordion__pane.m-accordion__pane--opened {
position: relative;
z-index: 1; }
body.m-theme__light .m-accordionV2 m-accordion__pane.m-accordion__pane--opened,
body .m-theme--wrapper.m-theme--wrapper__light .m-accordionV2 m-accordion__pane.m-accordion__pane--opened {
background-color: #ffffff; }
body.m-theme__light .m-accordionV2 m-accordion__pane.m-accordion__pane--opened .m-accordionPane__title,
body .m-theme--wrapper.m-theme--wrapper__light .m-accordionV2 m-accordion__pane.m-accordion__pane--opened .m-accordionPane__title {
color: #43434d; }
body.m-theme__dark .m-accordionV2 m-accordion__pane.m-accordion__pane--opened,
body .m-theme--wrapper.m-theme--wrapper__dark .m-accordionV2 m-accordion__pane.m-accordion__pane--opened {
background-color: #242a30; }
body.m-theme__dark .m-accordionV2 m-accordion__pane.m-accordion__pane--opened .m-accordionPane__title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-accordionV2 m-accordion__pane.m-accordion__pane--opened .m-accordionPane__title {
color: #ffffff; }
body.m-theme__light .m-accordionV2 m-accordion__pane.m-accordion__pane--opened,
body .m-theme--wrapper.m-theme--wrapper__light .m-accordionV2 m-accordion__pane.m-accordion__pane--opened {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35); }
body.m-theme__dark .m-accordionV2 m-accordion__pane.m-accordion__pane--opened,
body .m-theme--wrapper.m-theme--wrapper__dark .m-accordionV2 m-accordion__pane.m-accordion__pane--opened {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); }
.m-androidApp__download {
box-sizing: border-box;
border-radius: 8px;
display: block;
position: relative;
text-decoration: none;
height: 48px;
padding: 2px 8px 0 8px;
margin: auto;
cursor: pointer; }
body.m-theme__light .m-androidApp__download,
body .m-theme--wrapper.m-theme--wrapper__light .m-androidApp__download {
border: 1px solid rgba(255, 255, 255, 0.7);
background: #000; }
body.m-theme__dark .m-androidApp__download,
body .m-theme--wrapper.m-theme--wrapper__dark .m-androidApp__download {
border: 1px solid rgba(255, 255, 255, 0.7);
background: #000; }
.m-androidApp__download > * {
display: inline;
vertical-align: middle;
line-height: 42px; }
.m-androidApp__download h2 {
padding-left: 4px;
margin: 0;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.25px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
body.m-theme__light .m-androidApp__download h2,
body .m-theme--wrapper.m-theme--wrapper__light .m-androidApp__download h2 {
color: #fff; }
body.m-theme__dark .m-androidApp__download h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-androidApp__download h2 {
color: #fff; }
body.m-theme__light .m-androidApp__download i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light .m-androidApp__download i.material-icons {
color: #fff; }
body.m-theme__dark .m-androidApp__download i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark .m-androidApp__download i.material-icons {
color: #fff; }
m-post-autocomplete-item-renderer .m-postAutocompleteItemRenderer__avatar {
margin-right: 4px;
height: 24px;
border-radius: 50%; }
m-text-input--autocomplete-menu .dropdown-menu {
display: block;
max-height: 200px;
overflow-y: auto;
z-index: 60; }
.m-channel--badges {
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
margin: 0; }
.m-channel--badges li {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
padding: 0 4px; }
.m-channel--badges i {
font-size: 24px; }
body.m-theme__light .m-channel--badges i,
body .m-theme--wrapper.m-theme--wrapper__light .m-channel--badges i {
color: #43434d; }
body.m-theme__dark .m-channel--badges i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channel--badges i {
color: #ffffff; }
body.m-theme__light .m-channel--badges i.admin__badge,
body .m-theme--wrapper.m-theme--wrapper__light .m-channel--badges i.admin__badge {
color: #4caf50; }
body.m-theme__dark .m-channel--badges i.admin__badge,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channel--badges i.admin__badge {
color: #5cb860; }
.m-channel--badges .admin__badge + .m-tooltip--bubble {
cursor: default; }
.m-channel--badges-activity {
padding: 0;
margin: 0;
margin-left: 4px;
display: inline-flex;
vertical-align: middle; }
.m-channel--badges-activity .m-channel--badges i {
font-size: 16px !important;
padding: 0px; }
m-button--admin-actions {
display: inline-block;
position: relative; }
m-button--admin-actions > span.minds-button-edit {
display: inline-block; }
m-button--admin-actions .minds-dropdown-menu {
right: auto;
top: 24px;
left: 0; }
minds-button {
display: inline-block; }
.m-topbar .m-btn {
height: 32px; }
.m-btn {
background: transparent !important;
border-radius: 18px;
font-size: 12px;
height: 42px;
letter-spacing: 1.25px;
box-shadow: none;
text-transform: uppercase;
padding: 8px 16px;
font-family: 'Roboto', Helvetica, sans-serif;
cursor: pointer; }
body.m-theme__light .m-btn,
body .m-theme--wrapper.m-theme--wrapper__light .m-btn {
color: #444;
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-btn,
body .m-theme--wrapper.m-theme--wrapper__dark .m-btn {
color: #b7b7b7;
border: 1px solid #414c57; }
body.m-theme__light .m-btn:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-btn:hover {
border: 1px solid rgba(170, 170, 170, 0.6); }
body.m-theme__dark .m-btn:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-btn:hover {
border: 1px solid rgba(81, 81, 81, 0.6); }
a.m-link-btn {
display: inline-block;
padding: 8px !important;
line-height: 1.2;
height: auto;
text-decoration: none;
font-weight: inherit; }
.m-btn--slim {
height: 32px; }
body.m-theme__light .m-btn--action,
body .m-theme--wrapper.m-theme--wrapper__light .m-btn--action {
background-color: #ffffff;
color: #4690df !important;
border: 1px solid #4690df; }
body.m-theme__dark .m-btn--action,
body .m-theme--wrapper.m-theme--wrapper__dark .m-btn--action {
background-color: #242a30;
color: #44aaff !important;
border: 1px solid #44aaff; }
body.m-theme__light .m-btn--action:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-btn--action:hover {
border: 1px solid #4690df; }
body.m-theme__dark .m-btn--action:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-btn--action:hover {
border: 1px solid #44aaff; }
body.m-theme__light .m-btn--action[disabled],
body .m-theme--wrapper.m-theme--wrapper__light .m-btn--action[disabled] {
color: #aaa !important;
border-color: #aaa !important; }
body.m-theme__dark .m-btn--action[disabled],
body .m-theme--wrapper.m-theme--wrapper__dark .m-btn--action[disabled] {
color: #515151 !important;
border-color: #515151 !important; }
body.m-theme__light .m-btn--destructive,
body .m-theme--wrapper.m-theme--wrapper__light .m-btn--destructive {
background-color: #ffffff;
color: #e03c20 !important;
border: 1px solid #e03c20; }
body.m-theme__dark .m-btn--destructive,
body .m-theme--wrapper.m-theme--wrapper__dark .m-btn--destructive {
background-color: #242a30;
color: #e35036 !important;
border: 1px solid #e35036; }
body.m-theme__light .m-btn--destructive:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-btn--destructive:hover {
border: 1px solid #e03c20; }
body.m-theme__dark .m-btn--destructive:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-btn--destructive:hover {
border: 1px solid #e35036; }
body.m-theme__light .m-btn--destructive[disabled],
body .m-theme--wrapper.m-theme--wrapper__light .m-btn--destructive[disabled] {
color: #aaa !important;
border-color: #aaa !important; }
body.m-theme__dark .m-btn--destructive[disabled],
body .m-theme--wrapper.m-theme--wrapper__dark .m-btn--destructive[disabled] {
color: #515151 !important;
border-color: #515151 !important; }
.m-btn--with-icon {
padding-left: 8px;
padding-right: 12px; }
.m-btn--with-icon.m-btn--slim {
padding-left: 8px;
padding-right: 16px; }
.m-btn--with-icon i {
font-size: 20px;
line-height: 0;
margin-right: 4px;
opacity: 0.9; }
.m-btn--with-icon i,
.m-btn--with-icon span {
vertical-align: middle; }
.m-btn--with-icon.m-btn--slim > i {
margin-left: 4px;
margin-right: 4px; }
m-calendar {
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
m-calendar .m-calendar__grid > table {
width: 100%; }
m-calendar .m-calendar__grid > table td {
text-align: center; }
m-calendar .m-calendar__grid > table td.m-calendarGrid__date a {
color: inherit !important; }
m-carousel {
min-height: 116px;
display: block; }
m-carousel a {
font-weight: 400;
text-decoration: none; }
body.m-theme__light m-carousel a,
body .m-theme--wrapper.m-theme--wrapper__light m-carousel a {
color: #1b85d6; }
body.m-theme__dark m-carousel a,
body .m-theme--wrapper.m-theme--wrapper__dark m-carousel a {
color: #1b85d6; }
.m-carousel__wrapper {
position: relative;
z-index: 1; }
body.m-theme__light .m-carousel__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light .m-carousel__wrapper {
box-shadow: none; }
body.m-theme__dark .m-carousel__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark .m-carousel__wrapper {
box-shadow: none; }
.m-carousel__container {
overflow-x: scroll;
overflow-y: hidden;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
.m-carousel__container.disable-scrollbars {
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */ }
.m-carousel__container.disable-scrollbars::-webkit-scrollbar {
width: 0px;
background: transparent;
/* Chrome/Safari/Webkit */ }
.m-carousel__container .m-tooltip--bubble {
top: 50px;
width: 100px;
margin-left: 4px; }
[class*='m-carousel__overflowFade--'] {
position: absolute;
top: 0;
bottom: 0;
width: 0px;
z-index: 2;
opacity: 0;
transition: opacity 0.2s ease, width 0.4s ease; }
body.m-theme__light [class*='m-carousel__overflowFade--'].m-carousel__overflowFade--right,
body .m-theme--wrapper.m-theme--wrapper__light [class*='m-carousel__overflowFade--'].m-carousel__overflowFade--right {
right: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #ffffff 50%); }
body.m-theme__dark [class*='m-carousel__overflowFade--'].m-carousel__overflowFade--right,
body .m-theme--wrapper.m-theme--wrapper__dark [class*='m-carousel__overflowFade--'].m-carousel__overflowFade--right {
right: 0;
background: linear-gradient(to right, rgba(36, 42, 48, 0) 0, #242a30 50%); }
body.m-theme__light [class*='m-carousel__overflowFade--'].m-carousel__overflowFade--left,
body .m-theme--wrapper.m-theme--wrapper__light [class*='m-carousel__overflowFade--'].m-carousel__overflowFade--left {
left: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #ffffff 50%); }
body.m-theme__dark [class*='m-carousel__overflowFade--'].m-carousel__overflowFade--left,
body .m-theme--wrapper.m-theme--wrapper__dark [class*='m-carousel__overflowFade--'].m-carousel__overflowFade--left {
left: 0;
background: linear-gradient(to left, rgba(36, 42, 48, 0) 0, #242a30 50%); }
[class*='m-carousel__overflowFade--'].m-carousel__overflowFade--left.visible {
width: 36px; }
[class*='m-carousel__overflowFade--'].visible {
opacity: 1;
width: 24px;
cursor: pointer; }
[class*='m-carousel__overflowScrollButton--'] {
position: absolute;
top: 50%;
border-radius: 50%;
box-sizing: border-box;
z-index: 2;
transform: translateY(-50%);
opacity: 0;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
cursor: pointer; }
[class*='m-carousel__overflowScrollButton--'].showButton {
opacity: 1; }
body.m-theme__light [class*='m-carousel__overflowScrollButton--'],
body .m-theme--wrapper.m-theme--wrapper__light [class*='m-carousel__overflowScrollButton--'] {
background-color: #ffffff;
box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.3);
border: 1px solid #ffffff; }
body.m-theme__dark [class*='m-carousel__overflowScrollButton--'],
body .m-theme--wrapper.m-theme--wrapper__dark [class*='m-carousel__overflowScrollButton--'] {
background-color: #242a30;
box-shadow: 0px 0px 10px -3px rgba(255, 255, 255, 0.3);
border: 1px solid #242a30; }
body.m-theme__light [class*='m-carousel__overflowScrollButton--']:hover,
body .m-theme--wrapper.m-theme--wrapper__light [class*='m-carousel__overflowScrollButton--']:hover {
border: 1px solid #1b85d6; }
body.m-theme__dark [class*='m-carousel__overflowScrollButton--']:hover,
body .m-theme--wrapper.m-theme--wrapper__dark [class*='m-carousel__overflowScrollButton--']:hover {
border: 1px solid #1b85d6; }
[class*='m-carousel__overflowScrollButton--'].m-carousel__overflowScrollButton--right {
right: -12; }
[class*='m-carousel__overflowScrollButton--'].m-carousel__overflowScrollButton--left {
left: 12; }
body.m-theme__light [class*='m-carousel__overflowScrollButton--'] i,
body .m-theme--wrapper.m-theme--wrapper__light [class*='m-carousel__overflowScrollButton--'] i {
color: #72727c; }
body.m-theme__dark [class*='m-carousel__overflowScrollButton--'] i,
body .m-theme--wrapper.m-theme--wrapper__dark [class*='m-carousel__overflowScrollButton--'] i {
color: #b8c1ca; }
@media screen and (max-width: 768px) {
[class*='m-carousel__overflowScrollButton--'] {
display: none; }
.m-carousel__container {
overflow-x: scroll;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory; }
.m-carousel__container .m-carousel__item {
scroll-snap-align: start; }
.m-carousel__container .m-carousel__item:first-child {
margin-left: 16px; }
.m-carousel__container .m-carousel__item:last-child {
margin-right: 16px; } }
m-categories--selected {
display: flex;
margin-top: 20px; }
m-categories--selected .m-categories--selected--categories .m-categories--selected--category {
display: inline-flex;
justify-content: space-around;
align-items: center;
border: 1px solid transparent;
border-radius: 5px;
box-sizing: border-box;
margin: 0 1px; }
body.m-theme__light m-categories--selected .m-categories--selected--categories .m-categories--selected--category,
body .m-theme--wrapper.m-theme--wrapper__light m-categories--selected .m-categories--selected--categories .m-categories--selected--category {
color: #000;
background-color: rgba(0, 0, 0, 0.15); }
body.m-theme__dark m-categories--selected .m-categories--selected--categories .m-categories--selected--category,
body .m-theme--wrapper.m-theme--wrapper__dark m-categories--selected .m-categories--selected--categories .m-categories--selected--category {
color: #fff;
background-color: rgba(255, 255, 255, 0.15); }
m-categories--selector {
position: relative;
z-index: 0;
font-family: Roboto, Helvetica, Arial, sans-serif;
display: block; }
m-categories--selector input {
max-width: 190px;
padding: 12px;
font-weight: 400;
letter-spacing: 3px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
border: none;
border-radius: 4px;
margin: 0; }
body.m-theme__light m-categories--selector input,
body .m-theme--wrapper.m-theme--wrapper__light m-categories--selector input {
background-color: rgba(0, 0, 0, 0.15); }
body.m-theme__dark m-categories--selector input,
body .m-theme--wrapper.m-theme--wrapper__dark m-categories--selector input {
background-color: rgba(255, 255, 255, 0.15); }
m-categories--selector .m-categories--selector--suggestions-list {
position: absolute;
z-index: 1;
margin: 0;
padding: 0;
max-height: 300px;
overflow-y: visible;
overflow-x: auto; }
body.m-theme__light m-categories--selector .m-categories--selector--suggestions-list,
body .m-theme--wrapper.m-theme--wrapper__light m-categories--selector .m-categories--selector--suggestions-list {
background-color: #ffffff; }
body.m-theme__dark m-categories--selector .m-categories--selector--suggestions-list,
body .m-theme--wrapper.m-theme--wrapper__dark m-categories--selector .m-categories--selector--suggestions-list {
background-color: #242a30; }
m-categories--selector .m-categories--selector--suggestions-list .mdl-menu__item {
opacity: 1; }
m-channel-mode-selector {
padding: 16px 4px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
margin: auto; }
m-channel-mode-selector .m-dropdown--label-container {
text-align: center; }
m-channel-mode-selector .m-dropdown--label-container span {
vertical-align: middle; }
m-channel-mode-selector .m-dropdown--label-icon {
margin-right: 4px; }
m-channel-mode-selector .m-sort-selector--item-label-icon {
font-size: 18px;
margin-right: 4px; }
m-channel-mode-selector .m-dropdown--list--item {
cursor: pointer; }
/**
* Padding, Margins and Offset
*/
.m-card--large {
padding: 24px;
margin-bottom: 16px; }
body.m-theme__light .m-card--large,
body .m-theme--wrapper.m-theme--wrapper__light .m-card--large {
background-color: #ffffff; }
body.m-theme__dark .m-card--large,
body .m-theme--wrapper.m-theme--wrapper__dark .m-card--large {
background-color: #242a30; }
.m-card--large h2 {
font-size: 42px;
margin: 0;
margin-bottom: 16px;
font-weight: bold;
line-height: 42px; }
body.m-theme__light .m-card--large h2,
body .m-theme--wrapper.m-theme--wrapper__light .m-card--large h2 {
color: #444; }
body.m-theme__dark .m-card--large h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-card--large h2 {
color: #b7b7b7; }
.m-card--large .m-card--subtext {
font-size: 16px;
line-height: 20px;
margin: 8px 0 16px;
padding: 0; }
body.m-theme__light minds-graph-line svg,
body .m-theme--wrapper.m-theme--wrapper__light minds-graph-line svg {
stroke: #777; }
body.m-theme__dark minds-graph-line svg,
body .m-theme--wrapper.m-theme--wrapper__dark minds-graph-line svg {
stroke: #848484; }
body.m-theme__light minds-graph-pie svg,
body .m-theme--wrapper.m-theme--wrapper__light minds-graph-pie svg {
background-color: #ddd; }
body.m-theme__dark minds-graph-pie svg,
body .m-theme--wrapper.m-theme--wrapper__dark minds-graph-pie svg {
background-color: #404040; }
body.m-theme__light minds-graph-pie svg circle,
body .m-theme--wrapper.m-theme--wrapper__light minds-graph-pie svg circle {
stroke: #206ab9; }
body.m-theme__dark minds-graph-pie svg circle,
body .m-theme--wrapper.m-theme--wrapper__dark minds-graph-pie svg circle {
stroke: #91cdff; }
body.m-theme__light .m-actions-block minds-button-thumbs-up a,
body .m-theme--wrapper.m-theme--wrapper__light .m-actions-block minds-button-thumbs-up a, body.m-theme__light
.m-actions-block minds-button-thumbs-down a,
body .m-theme--wrapper.m-theme--wrapper__light
.m-actions-block minds-button-thumbs-down a, body.m-theme__light
.m-commentToolbar__buttons minds-button-thumbs-up a,
body .m-theme--wrapper.m-theme--wrapper__light
.m-commentToolbar__buttons minds-button-thumbs-up a, body.m-theme__light
.m-commentToolbar__buttons minds-button-thumbs-down a,
body .m-theme--wrapper.m-theme--wrapper__light
.m-commentToolbar__buttons minds-button-thumbs-down a, body.m-theme__light
minds-button-thumbs-up a,
body .m-theme--wrapper.m-theme--wrapper__light
minds-button-thumbs-up a, body.m-theme__light
minds-button-thumbs-down a,
body .m-theme--wrapper.m-theme--wrapper__light
minds-button-thumbs-down a {
color: #72727c; }
body.m-theme__dark .m-actions-block minds-button-thumbs-up a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-actions-block minds-button-thumbs-up a, body.m-theme__dark
.m-actions-block minds-button-thumbs-down a,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-actions-block minds-button-thumbs-down a, body.m-theme__dark
.m-commentToolbar__buttons minds-button-thumbs-up a,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-commentToolbar__buttons minds-button-thumbs-up a, body.m-theme__dark
.m-commentToolbar__buttons minds-button-thumbs-down a,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-commentToolbar__buttons minds-button-thumbs-down a, body.m-theme__dark
minds-button-thumbs-up a,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-button-thumbs-up a, body.m-theme__dark
minds-button-thumbs-down a,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-button-thumbs-down a {
color: #b8c1ca; }
body.m-theme__light .m-actions-block minds-button-thumbs-up a:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-actions-block minds-button-thumbs-up a:hover, body.m-theme__light
.m-actions-block minds-button-thumbs-down a:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-actions-block minds-button-thumbs-down a:hover, body.m-theme__light
.m-commentToolbar__buttons minds-button-thumbs-up a:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-commentToolbar__buttons minds-button-thumbs-up a:hover, body.m-theme__light
.m-commentToolbar__buttons minds-button-thumbs-down a:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-commentToolbar__buttons minds-button-thumbs-down a:hover, body.m-theme__light
minds-button-thumbs-up a:hover,
body .m-theme--wrapper.m-theme--wrapper__light
minds-button-thumbs-up a:hover, body.m-theme__light
minds-button-thumbs-down a:hover,
body .m-theme--wrapper.m-theme--wrapper__light
minds-button-thumbs-down a:hover {
color: #72727c; }
body.m-theme__dark .m-actions-block minds-button-thumbs-up a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-actions-block minds-button-thumbs-up a:hover, body.m-theme__dark
.m-actions-block minds-button-thumbs-down a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-actions-block minds-button-thumbs-down a:hover, body.m-theme__dark
.m-commentToolbar__buttons minds-button-thumbs-up a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-commentToolbar__buttons minds-button-thumbs-up a:hover, body.m-theme__dark
.m-commentToolbar__buttons minds-button-thumbs-down a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-commentToolbar__buttons minds-button-thumbs-down a:hover, body.m-theme__dark
minds-button-thumbs-up a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-button-thumbs-up a:hover, body.m-theme__dark
minds-button-thumbs-down a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-button-thumbs-down a:hover {
color: #b8c1ca; }
body.m-theme__light .m-actions-block minds-button-thumbs-up .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-actions-block minds-button-thumbs-up .selected:hover, body.m-theme__light
.m-actions-block minds-button-thumbs-down .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-actions-block minds-button-thumbs-down .selected:hover, body.m-theme__light
.m-commentToolbar__buttons minds-button-thumbs-up .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-commentToolbar__buttons minds-button-thumbs-up .selected:hover, body.m-theme__light
.m-commentToolbar__buttons minds-button-thumbs-down .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-commentToolbar__buttons minds-button-thumbs-down .selected:hover, body.m-theme__light
minds-button-thumbs-up .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__light
minds-button-thumbs-up .selected:hover, body.m-theme__light
minds-button-thumbs-down .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__light
minds-button-thumbs-down .selected:hover {
color: rgba(32, 106, 185, 0.9) !important; }
body.m-theme__dark .m-actions-block minds-button-thumbs-up .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-actions-block minds-button-thumbs-up .selected:hover, body.m-theme__dark
.m-actions-block minds-button-thumbs-down .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-actions-block minds-button-thumbs-down .selected:hover, body.m-theme__dark
.m-commentToolbar__buttons minds-button-thumbs-up .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-commentToolbar__buttons minds-button-thumbs-up .selected:hover, body.m-theme__dark
.m-commentToolbar__buttons minds-button-thumbs-down .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-commentToolbar__buttons minds-button-thumbs-down .selected:hover, body.m-theme__dark
minds-button-thumbs-up .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-button-thumbs-up .selected:hover, body.m-theme__dark
minds-button-thumbs-down .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-button-thumbs-down .selected:hover {
color: rgba(145, 205, 255, 0.9) !important; }
.m-selector {
position: relative; }
.m-selector select {
padding: 8px 16px;
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
font-family: 'Roboto', Helvetica, sans-serif;
font-size: 13px;
cursor: pointer;
font-weight: 600; }
body.m-theme__light .m-selector select,
body .m-theme--wrapper.m-theme--wrapper__light .m-selector select {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-selector select,
body .m-theme--wrapper.m-theme--wrapper__dark .m-selector select {
border: 1px solid #414c57; }
.m-selector::before {
content: '\25bc';
position: absolute;
pointer-events: none;
top: 0;
bottom: 1px;
padding-top: 0.7em;
line-height: 1;
right: 0;
width: 2em;
text-align: center;
transform: scale(0.84, 0.42);
filter: progid:DXImageTransform.Microsoft.Matrix(M11=.84, M12=0, M21=0, M22=.42, SizingMethod='auto expand'); }
body.m-theme__light .m-selector::before,
body .m-theme--wrapper.m-theme--wrapper__light .m-selector::before {
color: #777; }
body.m-theme__dark .m-selector::before,
body .m-theme--wrapper.m-theme--wrapper__dark .m-selector::before {
color: #848484; }
m--crypto-token-symbol {
display: inline-block;
font-size: 1em; }
m--crypto-token-symbol.m--crypto-token-symbol--thin .m--crypto-token-symbol--stroke {
stroke-width: 8px; }
body.m-theme__light m--crypto-token-symbol .m--crypto-token-symbol--stroke,
body .m-theme--wrapper.m-theme--wrapper__light m--crypto-token-symbol .m--crypto-token-symbol--stroke {
stroke: #fff; }
body.m-theme__dark m--crypto-token-symbol .m--crypto-token-symbol--stroke,
body .m-theme--wrapper.m-theme--wrapper__dark m--crypto-token-symbol .m--crypto-token-symbol--stroke {
stroke: #202527; }
body.m-theme__light m--crypto-token-symbol .m--crypto-token-symbol--fill,
body .m-theme--wrapper.m-theme--wrapper__light m--crypto-token-symbol .m--crypto-token-symbol--fill {
fill: #fff; }
body.m-theme__dark m--crypto-token-symbol .m--crypto-token-symbol--fill,
body .m-theme--wrapper.m-theme--wrapper__dark m--crypto-token-symbol .m--crypto-token-symbol--fill {
fill: #202527; }
m-dashboardLayout {
display: block;
width: 100%;
max-width: 100%; }
.m-dashboardLayout__header h3 {
font-size: 26px;
font-weight: 500;
margin-top: 0;
margin-right: 24px; }
.m-dashboardLayout__body {
position: relative;
display: block;
width: 100%;
padding-top: 10px; }
.m-dashboardLayout__body a {
font-weight: 400;
text-decoration: none; }
body.m-theme__light .m-dashboardLayout__body a,
body .m-theme--wrapper.m-theme--wrapper__light .m-dashboardLayout__body a {
color: #4690df; }
body.m-theme__dark .m-dashboardLayout__body a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dashboardLayout__body a {
color: #44aaff; }
@media screen and (max-width: 768px) {
m-dashboardLayout {
display: block;
padding: 0;
max-width: none;
width: 100%; }
.m-dashboardLayout__header {
padding-left: 24px; } }
m-date__dropdowns {
display: flex;
justify-content: space-between; }
m-date__dropdowns .m-dateDropdowns__selectWrapper {
position: relative;
overflow: hidden;
min-width: 80px;
max-width: 90px;
border-radius: 3px;
margin: 0 10px 0 0; }
body.m-theme__light m-date__dropdowns .m-dateDropdowns__selectWrapper,
body .m-theme--wrapper.m-theme--wrapper__light m-date__dropdowns .m-dateDropdowns__selectWrapper {
background-color: #ffffff; }
body.m-theme__dark m-date__dropdowns .m-dateDropdowns__selectWrapper,
body .m-theme--wrapper.m-theme--wrapper__dark m-date__dropdowns .m-dateDropdowns__selectWrapper {
background-color: #242a30; }
m-date__dropdowns .m-dateDropdowns__selectWrapper::after {
content: '\25bc';
font-size: 10px;
padding: 10px;
position: absolute;
right: 0;
top: 0;
text-align: center;
pointer-events: none; }
body.m-theme__light m-date__dropdowns .m-dateDropdowns__selectWrapper::after,
body .m-theme--wrapper.m-theme--wrapper__light m-date__dropdowns .m-dateDropdowns__selectWrapper::after {
color: #aaa; }
body.m-theme__dark m-date__dropdowns .m-dateDropdowns__selectWrapper::after,
body .m-theme--wrapper.m-theme--wrapper__dark m-date__dropdowns .m-dateDropdowns__selectWrapper::after {
color: #515151; }
m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(1) {
min-width: 77px; }
m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(2) {
min-width: 120px; }
m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(3) {
min-width: 59px; }
m-date__dropdowns select {
display: inline-block;
background-color: #fff;
box-sizing: border-box;
padding: 8px 10px;
height: 36px;
width: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
font-size: 16px;
line-height: 21px;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
body.m-theme__light m-date__dropdowns select,
body .m-theme--wrapper.m-theme--wrapper__light m-date__dropdowns select {
color: #444;
background-color: #ffffff;
border: 1px solid #e2e2e2; }
body.m-theme__dark m-date__dropdowns select,
body .m-theme--wrapper.m-theme--wrapper__dark m-date__dropdowns select {
color: #b7b7b7;
background-color: #242a30;
border: 1px solid #e2e2e2; }
m-date-selector {
position: relative;
z-index: 0;
display: block; }
.m-dateSelector__label {
text-transform: uppercase;
letter-spacing: 2.5px;
align-self: center;
font-size: 12px; }
body.m-theme__light .m-dateSelector__label,
body .m-theme--wrapper.m-theme--wrapper__light .m-dateSelector__label {
color: #666; }
body.m-theme__dark .m-dateSelector__label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dateSelector__label {
color: #959595; }
.m-dateSelector__input {
font-size: 12px;
text-transform: uppercase;
text-align: center;
padding: 8px 0; }
@media screen and (max-width: 768px) {
.m-dateSelector__input {
margin: 8px 0; } }
body.m-theme__light .m-dateSelector__input,
body .m-theme--wrapper.m-theme--wrapper__light .m-dateSelector__input {
color: #666;
background-color: #ffffff; }
body.m-theme__dark .m-dateSelector__input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dateSelector__input {
color: #959595;
background-color: #242a30; }
.cdk-overlay-container {
z-index: 10000 !important; }
body.m-theme__light .cdk-overlay-container .owl-dt-container,
body .m-theme--wrapper.m-theme--wrapper__light .cdk-overlay-container .owl-dt-container {
background: #fff; }
body.m-theme__light .cdk-overlay-container .owl-dt-container *,
body .m-theme--wrapper.m-theme--wrapper__light .cdk-overlay-container .owl-dt-container * {
color: #666; }
body.m-theme__light .cdk-overlay-container .owl-dt-container .owl-dt-calendar-cell-selected,
body .m-theme--wrapper.m-theme--wrapper__light .cdk-overlay-container .owl-dt-container .owl-dt-calendar-cell-selected {
background-color: #4690df;
color: #fff; }
body.m-theme__dark .cdk-overlay-container .owl-dt-container,
body .m-theme--wrapper.m-theme--wrapper__dark .cdk-overlay-container .owl-dt-container {
background: #202527; }
body.m-theme__dark .cdk-overlay-container .owl-dt-container *,
body .m-theme--wrapper.m-theme--wrapper__dark .cdk-overlay-container .owl-dt-container * {
color: #959595; }
body.m-theme__dark .cdk-overlay-container .owl-dt-container .owl-dt-calendar-cell-selected,
body .m-theme--wrapper.m-theme--wrapper__dark .cdk-overlay-container .owl-dt-container .owl-dt-calendar-cell-selected {
background-color: #44aaff;
color: #202527; }
.m-dateSelector__input--hidden {
visibility: hidden;
position: absolute;
right: 0;
bottom: 0; }
m-draggableList {
width: 100%; }
body.m-theme__light m-draggableList,
body .m-theme--wrapper.m-theme--wrapper__light m-draggableList {
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); }
body.m-theme__dark m-draggableList,
body .m-theme--wrapper.m-theme--wrapper__dark m-draggableList {
box-shadow: 0 1px 4px 0 rgba(255, 255, 255, 0.1); }
m-draggableList ul.m-draggableList__list {
width: 100%;
list-style: none;
padding: 0;
-webkit-padding-start: 0;
padding-inline-start: 0;
margin: 0;
display: flex;
flex-direction: column;
transition: all ease 300ms; }
body.m-theme__light m-draggableList ul.m-draggableList__list.dndDragover,
body .m-theme--wrapper.m-theme--wrapper__light m-draggableList ul.m-draggableList__list.dndDragover {
background-color: rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); }
body.m-theme__dark m-draggableList ul.m-draggableList__list.dndDragover,
body .m-theme--wrapper.m-theme--wrapper__dark m-draggableList ul.m-draggableList__list.dndDragover {
background-color: rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 4px 0 rgba(255, 255, 255, 0.1); }
body.m-theme__light m-draggableList ul.m-draggableList__list.dragging li.m-draggableList__listItem:first-child,
body .m-theme--wrapper.m-theme--wrapper__light m-draggableList ul.m-draggableList__list.dragging li.m-draggableList__listItem:first-child {
border-top: 1px solid #d3dbe3; }
body.m-theme__dark m-draggableList ul.m-draggableList__list.dragging li.m-draggableList__listItem:first-child,
body .m-theme--wrapper.m-theme--wrapper__dark m-draggableList ul.m-draggableList__list.dragging li.m-draggableList__listItem:first-child {
border-top: 1px solid #414c57; }
m-draggableList .m-draggableList__listItem {
display: flex;
align-items: center;
list-style-type: none;
padding: 0;
margin: 0; }
body.m-theme__light m-draggableList .m-draggableList__listItem,
body .m-theme--wrapper.m-theme--wrapper__light m-draggableList .m-draggableList__listItem {
border: 1px solid #d3dbe3;
color: #43434d; }
body.m-theme__dark m-draggableList .m-draggableList__listItem,
body .m-theme--wrapper.m-theme--wrapper__dark m-draggableList .m-draggableList__listItem {
border: 1px solid #414c57;
color: #ffffff; }
body.m-theme__light m-draggableList .m-draggableList__listItem:not(.m-draggableList__listHeader),
body .m-theme--wrapper.m-theme--wrapper__light m-draggableList .m-draggableList__listItem:not(.m-draggableList__listHeader) {
border-top: none; }
body.m-theme__dark m-draggableList .m-draggableList__listItem:not(.m-draggableList__listHeader),
body .m-theme--wrapper.m-theme--wrapper__dark m-draggableList .m-draggableList__listItem:not(.m-draggableList__listHeader) {
border-top: none; }
body.m-theme__light m-draggableList .m-draggableList__listItem.m-draggableList__listHeader,
body .m-theme--wrapper.m-theme--wrapper__light m-draggableList .m-draggableList__listItem.m-draggableList__listHeader {
color: #9b9b9b; }
body.m-theme__dark m-draggableList .m-draggableList__listItem.m-draggableList__listHeader,
body .m-theme--wrapper.m-theme--wrapper__dark m-draggableList .m-draggableList__listItem.m-draggableList__listHeader {
color: #797b82; }
m-draggableList input.m-draggableList__cell {
width: 0;
min-width: 0; }
m-draggableList .m-draggableList__cell {
padding: 10px 20px;
flex: 1 1 0px;
box-sizing: border-box; }
body.m-theme__light m-draggableList .m-draggableList__cell,
body .m-theme--wrapper.m-theme--wrapper__light m-draggableList .m-draggableList__cell {
border: none;
border-right: 1px solid #d3dbe3;
background-color: #ffffff; }
body.m-theme__dark m-draggableList .m-draggableList__cell,
body .m-theme--wrapper.m-theme--wrapper__dark m-draggableList .m-draggableList__cell {
border: none;
border-right: 1px solid #414c57;
background-color: #242a30; }
m-draggableList .m-draggableList__cellinput {
width: 0;
min-width: 0; }
m-draggableList .m-draggableList__cell:last-child {
padding: 10px 15px;
flex: 0 0 80px;
max-width: 80px;
height: 40px;
display: flex;
align-items: center;
justify-content: space-between; }
body.m-theme__light m-draggableList .m-draggableList__cell:last-child,
body .m-theme--wrapper.m-theme--wrapper__light m-draggableList .m-draggableList__cell:last-child {
border-right: none; }
body.m-theme__dark m-draggableList .m-draggableList__cell:last-child,
body .m-theme--wrapper.m-theme--wrapper__dark m-draggableList .m-draggableList__cell:last-child {
border-right: none; }
m-draggableList i {
cursor: pointer;
width: auto;
height: auto;
transition: all 0.3s ease; }
body.m-theme__light m-draggableList i,
body .m-theme--wrapper.m-theme--wrapper__light m-draggableList i {
color: #9b9b9b; }
body.m-theme__dark m-draggableList i,
body .m-theme--wrapper.m-theme--wrapper__dark m-draggableList i {
color: #797b82; }
m-draggableList i.handle {
font-size: 20px;
padding-right: 8px; }
m-draggableList i:hover {
transform: scale(1.15); }
body.m-theme__light m-draggableList i:hover,
body .m-theme--wrapper.m-theme--wrapper__light m-draggableList i:hover {
color: #aaa; }
body.m-theme__dark m-draggableList i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-draggableList i:hover {
color: #515151; }
m-draggableList .dndPlaceholder {
min-height: 100px; }
body.m-theme__light m-draggableList .dndPlaceholder,
body .m-theme--wrapper.m-theme--wrapper__light m-draggableList .dndPlaceholder {
border: 1px dashed rgba(221, 221, 221, 0.8); }
body.m-theme__dark m-draggableList .dndPlaceholder,
body .m-theme--wrapper.m-theme--wrapper__dark m-draggableList .dndPlaceholder {
border: 1px dashed rgba(64, 64, 64, 0.8); }
m-dropdownMenu {
position: relative;
display: flex;
align-items: center;
justify-content: center; }
m-dropdownMenu a {
font: inherit;
color: inherit; }
m-dropdownMenu .m-dropdownMenu__trigger {
flex: 1; }
m-dropdownMenu .m-dropdownMenu__trigger.m-dropdownMenuTrigger--clickable {
cursor: pointer; }
m-dropdownMenu .m-dropdownMenu__menu {
display: none;
z-index: 90; }
@media screen and (min-width: 481px) {
m-dropdownMenu .m-dropdownMenu__menu {
display: block;
position: absolute; } }
@media screen and (max-width: 480px) {
m-dropdownMenu .m-dropdownMenu__menu {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 2vh !important;
right: 2vw !important;
bottom: 2vh !important;
left: 2vw !important; } }
m-dropdownMenu .m-dropdownMenu__menu ul {
list-style: none;
width: 100%;
margin: 0;
padding: 14px 0;
min-width: 222px;
border: 1px solid;
border-radius: 2px; }
body.m-theme__light m-dropdownMenu .m-dropdownMenu__menu ul,
body .m-theme--wrapper.m-theme--wrapper__light m-dropdownMenu .m-dropdownMenu__menu ul {
border-color: #d3dbe3;
background: #ffffff; }
body.m-theme__dark m-dropdownMenu .m-dropdownMenu__menu ul,
body .m-theme--wrapper.m-theme--wrapper__dark m-dropdownMenu .m-dropdownMenu__menu ul {
border-color: #414c57;
background: #242a30; }
body.m-theme__light m-dropdownMenu .m-dropdownMenu__menu ul,
body .m-theme--wrapper.m-theme--wrapper__light m-dropdownMenu .m-dropdownMenu__menu ul {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); }
body.m-theme__dark m-dropdownMenu .m-dropdownMenu__menu ul,
body .m-theme--wrapper.m-theme--wrapper__dark m-dropdownMenu .m-dropdownMenu__menu ul {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
m-dropdownMenu .m-dropdownMenu__menu ul > li {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 15px;
line-height: 34px;
white-space: nowrap;
cursor: pointer;
background: transparent; }
body.m-theme__light m-dropdownMenu .m-dropdownMenu__menu ul > li,
body .m-theme--wrapper.m-theme--wrapper__light m-dropdownMenu .m-dropdownMenu__menu ul > li {
color: #43434d; }
body.m-theme__light m-dropdownMenu .m-dropdownMenu__menu ul > li:hover, body.m-theme__light m-dropdownMenu .m-dropdownMenu__menu ul > li:active,
body .m-theme--wrapper.m-theme--wrapper__light m-dropdownMenu .m-dropdownMenu__menu ul > li:hover,
body .m-theme--wrapper.m-theme--wrapper__light m-dropdownMenu .m-dropdownMenu__menu ul > li:active {
background: #f6f7f7; }
body.m-theme__dark m-dropdownMenu .m-dropdownMenu__menu ul > li,
body .m-theme--wrapper.m-theme--wrapper__dark m-dropdownMenu .m-dropdownMenu__menu ul > li {
color: #ffffff; }
body.m-theme__dark m-dropdownMenu .m-dropdownMenu__menu ul > li:hover, body.m-theme__dark m-dropdownMenu .m-dropdownMenu__menu ul > li:active,
body .m-theme--wrapper.m-theme--wrapper__dark m-dropdownMenu .m-dropdownMenu__menu ul > li:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-dropdownMenu .m-dropdownMenu__menu ul > li:active {
background: #1a2025; }
m-dropdownMenu .m-dropdownMenu__menu ul > li > * {
flex: 1;
margin: 0;
padding: 0 10px 0 20px; }
m-dropdownMenu .m-dropdownMenu__menu ul > li .m-dropdownMenu__item {
display: flex;
align-items: center;
justify-content: space-between; }
m-dropdownMenu .m-dropdownMenu__menu ul > li .m-dropdownMenu__item m-icon + span,
m-dropdownMenu .m-dropdownMenu__menu ul > li .m-dropdownMenu__item span + m-icon {
margin-left: 11px; }
m-dropdownMenu .m-dropdownMenu__menu ul > li .m-dropdownMenu__item span {
flex: 1; }
@media screen and (max-width: 480px) {
body.m-theme__light m-dropdownMenu > m-overlay,
body .m-theme--wrapper.m-theme--wrapper__light m-dropdownMenu > m-overlay {
background: rgba(255, 255, 255, 0.85); }
body.m-theme__dark m-dropdownMenu > m-overlay,
body .m-theme--wrapper.m-theme--wrapper__dark m-dropdownMenu > m-overlay {
background: rgba(0, 0, 0, 0.65); } }
m-dropdownSelector {
position: relative;
z-index: 1;
margin: 0 24px 36px 0;
display: block; }
.m-dropdownSelector__labelWrapper {
position: absolute;
bottom: 115%;
white-space: nowrap; }
body.m-theme__light .m-dropdownSelector__labelWrapper,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__labelWrapper {
color: #9b9b9b; }
body.m-theme__dark .m-dropdownSelector__labelWrapper,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__labelWrapper {
color: #797b82; }
.m-dropdownSelector__labelWrapper > * {
display: inline-block; }
.m-dropdownSelector__labelWrapper .m-tooltip--bubble {
bottom: 110%;
left: 0;
width: 160px; }
.m-dropdownSelector__labelWrapper .m-tooltip--bubble ul {
-webkit-padding-start: 16px;
padding-inline-start: 16px;
-webkit-margin-after: 4px;
margin-block-end: 4px; }
.m-dropdownSelector__labelWrapper .m-tooltip--bubble ul li {
padding-bottom: 8px; }
.m-dropdownSelector__wrapper {
cursor: pointer; }
.m-dropdownSelector__wrapper:focus {
outline: 0; }
body.m-theme__light .m-dropdownSelector__wrapper.expanded,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__wrapper.expanded {
box-shadow: 0px 1px 15px 0 rgba(0, 0, 0, 0.15); }
body.m-theme__dark .m-dropdownSelector__wrapper.expanded,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__wrapper.expanded {
box-shadow: 0px 1px 15px 0 rgba(255, 255, 255, 0.15); }
body.m-theme__light .m-dropdownSelector__wrapper.expanded .m-dropdownSelector__header,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__wrapper.expanded .m-dropdownSelector__header {
border-color: #4690df; }
body.m-theme__dark .m-dropdownSelector__wrapper.expanded .m-dropdownSelector__header,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__wrapper.expanded .m-dropdownSelector__header {
border-color: #44aaff; }
.m-dropdownSelector__wrapper.expanded .m-dropdownSelector__optionsContainer {
display: block; }
body.m-theme__light .m-dropdownSelector__wrapper.expanded:not(.dropUp) .m-dropdownSelector__header,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__wrapper.expanded:not(.dropUp) .m-dropdownSelector__header {
border-radius: 3px 3px 0 0; }
body.m-theme__dark .m-dropdownSelector__wrapper.expanded:not(.dropUp) .m-dropdownSelector__header,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__wrapper.expanded:not(.dropUp) .m-dropdownSelector__header {
border-radius: 3px 3px 0 0; }
.m-dropdownSelector__wrapper.expanded:not(.dropUp) .m-dropdownSelector__optionsContainer {
border-top: none;
border-radius: 0 0 3px 3px; }
.m-dropdownSelector__wrapper.expanded.dropUp .m-dropdownSelector__header {
border-radius: 0 0 3px 3px; }
.m-dropdownSelector__wrapper.expanded.dropUp .m-dropdownSelector__optionsContainer {
bottom: 100%;
border-radius: 3px 3px 0 0;
border-bottom: none; }
body.m-theme__light .m-dropdownSelector__wrapper.expanded.dropUp .m-dropdownSelector__optionsContainer,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__wrapper.expanded.dropUp .m-dropdownSelector__optionsContainer {
box-shadow: 0px -4px 16px -4px rgba(0, 0, 0, 0.15); }
body.m-theme__dark .m-dropdownSelector__wrapper.expanded.dropUp .m-dropdownSelector__optionsContainer,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__wrapper.expanded.dropUp .m-dropdownSelector__optionsContainer {
box-shadow: 0px -4px 16px -4px rgba(255, 255, 255, 0.15); }
.m-dropdownSelector__wrapper > * {
width: 220px;
box-sizing: border-box; }
.m-dropdownSelector__header {
position: relative;
border-radius: 3px;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-dropdownSelector__header,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__header {
background-color: #ffffff;
color: #9b9b9b; }
body.m-theme__dark .m-dropdownSelector__header,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__header {
background-color: #242a30;
color: #797b82; }
body.m-theme__light .m-dropdownSelector__header,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__header {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-dropdownSelector__header,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__header {
border: 1px solid #414c57; }
.m-dropdownSelector__header .m-dropdownSelector__label {
margin-right: 10px; }
.m-dropdownSelector__header i {
flex-grow: 0;
width: 24px;
height: 24px;
padding-top: 2px; }
body.m-theme__light .m-dropdownSelector__header .m-dropdownSelector__option,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__header .m-dropdownSelector__option {
color: #43434d; }
body.m-theme__dark .m-dropdownSelector__header .m-dropdownSelector__option,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__header .m-dropdownSelector__option {
color: #ffffff; }
.m-dropdownSelector__optionsContainer {
box-sizing: border-box;
position: absolute;
display: none;
border-radius: 3px;
left: 0px;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-dropdownSelector__optionsContainer,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__optionsContainer {
border: 1px solid #4690df;
border-top: 1px solid #4690df;
background-color: #ffffff;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15); }
body.m-theme__dark .m-dropdownSelector__optionsContainer,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__optionsContainer {
border: 1px solid #44aaff;
border-top: 1px solid #44aaff;
background-color: #242a30;
box-shadow: 0px 8px 16px 0px rgba(255, 255, 255, 0.15); }
.m-dropdownSelector__optionsContainer .m-dropdownSelector__option {
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-dropdownSelector__optionsContainer .m-dropdownSelector__option:hover:not(.unavailable),
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__optionsContainer .m-dropdownSelector__option:hover:not(.unavailable) {
color: #43434d; }
body.m-theme__dark .m-dropdownSelector__optionsContainer .m-dropdownSelector__option:hover:not(.unavailable),
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__optionsContainer .m-dropdownSelector__option:hover:not(.unavailable) {
color: #ffffff; }
.m-dropdownSelector__optionsContainer .m-dropdownSelector__option:first-child {
padding-top: 14px; }
.m-dropdownSelector__optionsContainer .m-dropdownSelector__option:last-child {
padding-bottom: 14px; }
.m-dropdownSelector__header {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 10px; }
.m-dropdownSelector__option {
display: inline-block;
padding: 10px 0 10px 12px;
box-sizing: border-box;
width: inherit;
border-radius: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
body.m-theme__light .m-dropdownSelector__option,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__option {
color: #72727c; }
body.m-theme__dark .m-dropdownSelector__option,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__option {
color: #b8c1ca; }
.m-dropdownSelector__option label {
margin-right: 8px; }
body.m-theme__light .m-dropdownSelector__option label,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__option label {
color: #43434d; }
body.m-theme__dark .m-dropdownSelector__option label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__option label {
color: #ffffff; }
body.m-theme__light .m-dropdownSelector__option span,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__option span {
color: #72727c; }
body.m-theme__dark .m-dropdownSelector__option span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__option span {
color: #b8c1ca; }
.m-dropdownSelector__option.unavailable {
display: none;
text-decoration: line-through; }
body.m-theme__light .m-dropdownSelector__option.unavailable,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdownSelector__option.unavailable {
color: #9b9b9b; }
body.m-theme__dark .m-dropdownSelector__option.unavailable,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdownSelector__option.unavailable {
color: #797b82; }
@media screen and (max-width: 768px) {
m-dropdownSelector .m-dropdownSelector__labelWrapper .m-tooltip--bubble {
width: 140px; } }
@media screen and (max-width: 480px) {
m-dropdownSelector .m-dropdownSelector__wrapper > * {
width: 160px; }
m-dropdownSelector .m-dropdownSelector__wrapper .m-dropdownSelector__header {
padding-right: 10px; }
m-dropdownSelector .m-dropdownSelector__wrapper .m-dropdownSelector__header i {
display: none; }
m-dropdownSelector .m-dropdownSelector__wrapper .m-dropdownSelector__optionsContainer .m-dropdownSelector__option:first-child {
padding-top: 11px; }
m-dropdownSelector .m-dropdownSelector__wrapper .m-dropdownSelector__optionsContainer .m-dropdownSelector__option:last-child {
padding-bottom: 11px; }
m-dropdownSelector .m-dropdownSelector__wrapper .m-dropdownSelector__option {
margin-right: 0;
padding: 8px 18px; } }
.m-dropdown--list-container,
.m-dropdown--expanded-list-container {
position: relative; }
.m-dropdown--label-container {
cursor: pointer; }
.m-dropdown--label-container .m-dropdown--label-icon {
vertical-align: middle; }
.m-dropdown--label-container .m-dropdown--label-icon-inactive {
display: inline-block; }
.m-dropdown--label-container .m-dropdown--label-icon-active {
display: none; }
.m-dropdown--label-container.m-dropdown--label-active .m-dropdown--label-icon-inactive {
display: none; }
.m-dropdown--label-container.m-dropdown--label-active .m-dropdown--label-icon-active {
display: inline-block; }
.m-dropdown--list,
.m-dropdown__list {
padding: 0;
margin: 0;
list-style: none; }
.m-dropdown--list .m-dropdown--list--item,
.m-dropdown--list .m-dropdownList__item,
.m-dropdown__list .m-dropdown--list--item,
.m-dropdown__list .m-dropdownList__item {
display: flex;
flex-direction: row;
align-items: center;
padding: 0 8px 0 0;
list-style: none;
opacity: 1;
text-overflow: ellipsis;
text-align: left; }
.m-dropdown--list .m-dropdown--list--item a,
.m-dropdown--list .m-dropdownList__item a,
.m-dropdown__list .m-dropdown--list--item a,
.m-dropdown__list .m-dropdownList__item a {
text-decoration: none;
width: 100%;
font-weight: 400; }
body.m-theme__light .m-dropdown--list .m-dropdown--list--item a,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdown--list .m-dropdown--list--item a, body.m-theme__light
.m-dropdown--list .m-dropdownList__item a,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown--list .m-dropdownList__item a, body.m-theme__light
.m-dropdown__list .m-dropdown--list--item a,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown__list .m-dropdown--list--item a, body.m-theme__light
.m-dropdown__list .m-dropdownList__item a,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown__list .m-dropdownList__item a {
color: #555; }
body.m-theme__dark .m-dropdown--list .m-dropdown--list--item a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdown--list .m-dropdown--list--item a, body.m-theme__dark
.m-dropdown--list .m-dropdownList__item a,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown--list .m-dropdownList__item a, body.m-theme__dark
.m-dropdown__list .m-dropdown--list--item a,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown__list .m-dropdown--list--item a, body.m-theme__dark
.m-dropdown__list .m-dropdownList__item a,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown__list .m-dropdownList__item a {
color: #a6a6a6; }
.m-dropdown--list .m-dropdown--list--item i,
.m-dropdown--list .m-dropdownList__item i,
.m-dropdown__list .m-dropdown--list--item i,
.m-dropdown__list .m-dropdownList__item i {
vertical-align: middle;
margin-right: 8px;
font-size: 18px; }
.m-dropdown--list .m-dropdown--list--item span,
.m-dropdown--list .m-dropdownList__item span,
.m-dropdown__list .m-dropdown--list--item span,
.m-dropdown__list .m-dropdownList__item span {
vertical-align: middle; }
.m-dropdown--list .m-dropdown--list--item > *,
.m-dropdown--list .m-dropdownList__item > *,
.m-dropdown__list .m-dropdown--list--item > *,
.m-dropdown__list .m-dropdownList__item > * {
vertical-align: middle; }
.m-dropdown {
position: relative;
z-index: 2; }
.m-dropdown .m-dropdown--list,
.m-dropdown .m-dropdown__list {
width: 150px;
border-radius: 3px;
position: absolute;
top: 0;
right: 0;
overflow: visible;
display: block; }
body.m-theme__light .m-dropdown .m-dropdown--list,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdown .m-dropdown--list, body.m-theme__light
.m-dropdown .m-dropdown__list,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown .m-dropdown__list {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
border: 1px solid #d3dbe3;
background-color: #f6f7f7; }
body.m-theme__dark .m-dropdown .m-dropdown--list,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdown .m-dropdown--list, body.m-theme__dark
.m-dropdown .m-dropdown__list,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown .m-dropdown__list {
box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.12);
border: 1px solid #414c57;
background-color: #1a2025; }
.m-dropdown .m-dropdown--list .m-dropdown--list--item,
.m-dropdown .m-dropdown--list .m-dropdownList__item,
.m-dropdown .m-dropdown__list .m-dropdown--list--item,
.m-dropdown .m-dropdown__list .m-dropdownList__item {
padding: 8px; }
body.m-theme__light .m-dropdown .m-dropdown--list .m-dropdown--list--item,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdown .m-dropdown--list .m-dropdown--list--item, body.m-theme__light
.m-dropdown .m-dropdown--list .m-dropdownList__item,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown .m-dropdown--list .m-dropdownList__item, body.m-theme__light
.m-dropdown .m-dropdown__list .m-dropdown--list--item,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown .m-dropdown__list .m-dropdown--list--item, body.m-theme__light
.m-dropdown .m-dropdown__list .m-dropdownList__item,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown .m-dropdown__list .m-dropdownList__item {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-dropdown .m-dropdown--list .m-dropdown--list--item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdown .m-dropdown--list .m-dropdown--list--item, body.m-theme__dark
.m-dropdown .m-dropdown--list .m-dropdownList__item,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown .m-dropdown--list .m-dropdownList__item, body.m-theme__dark
.m-dropdown .m-dropdown__list .m-dropdown--list--item,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown .m-dropdown__list .m-dropdown--list--item, body.m-theme__dark
.m-dropdown .m-dropdown__list .m-dropdownList__item,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown .m-dropdown__list .m-dropdownList__item {
border-bottom: 1px solid #414c57; }
body.m-theme__light .m-dropdown .m-dropdown--list .m-dropdown--list--item.m-dropdown--list--item--selected,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdown .m-dropdown--list .m-dropdown--list--item.m-dropdown--list--item--selected, body.m-theme__light
.m-dropdown .m-dropdown--list .m-dropdown--list--item .m-dropdownList__item--selected,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown .m-dropdown--list .m-dropdown--list--item .m-dropdownList__item--selected, body.m-theme__light
.m-dropdown .m-dropdown--list .m-dropdownList__item.m-dropdown--list--item--selected,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown .m-dropdown--list .m-dropdownList__item.m-dropdown--list--item--selected, body.m-theme__light
.m-dropdown .m-dropdown--list .m-dropdownList__item .m-dropdownList__item--selected,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown .m-dropdown--list .m-dropdownList__item .m-dropdownList__item--selected, body.m-theme__light
.m-dropdown .m-dropdown__list .m-dropdown--list--item.m-dropdown--list--item--selected,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown .m-dropdown__list .m-dropdown--list--item.m-dropdown--list--item--selected, body.m-theme__light
.m-dropdown .m-dropdown__list .m-dropdown--list--item .m-dropdownList__item--selected,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown .m-dropdown__list .m-dropdown--list--item .m-dropdownList__item--selected, body.m-theme__light
.m-dropdown .m-dropdown__list .m-dropdownList__item.m-dropdown--list--item--selected,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown .m-dropdown__list .m-dropdownList__item.m-dropdown--list--item--selected, body.m-theme__light
.m-dropdown .m-dropdown__list .m-dropdownList__item .m-dropdownList__item--selected,
body .m-theme--wrapper.m-theme--wrapper__light
.m-dropdown .m-dropdown__list .m-dropdownList__item .m-dropdownList__item--selected {
color: #fff; }
body.m-theme__dark .m-dropdown .m-dropdown--list .m-dropdown--list--item.m-dropdown--list--item--selected,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdown .m-dropdown--list .m-dropdown--list--item.m-dropdown--list--item--selected, body.m-theme__dark
.m-dropdown .m-dropdown--list .m-dropdown--list--item .m-dropdownList__item--selected,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown .m-dropdown--list .m-dropdown--list--item .m-dropdownList__item--selected, body.m-theme__dark
.m-dropdown .m-dropdown--list .m-dropdownList__item.m-dropdown--list--item--selected,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown .m-dropdown--list .m-dropdownList__item.m-dropdown--list--item--selected, body.m-theme__dark
.m-dropdown .m-dropdown--list .m-dropdownList__item .m-dropdownList__item--selected,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown .m-dropdown--list .m-dropdownList__item .m-dropdownList__item--selected, body.m-theme__dark
.m-dropdown .m-dropdown__list .m-dropdown--list--item.m-dropdown--list--item--selected,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown .m-dropdown__list .m-dropdown--list--item.m-dropdown--list--item--selected, body.m-theme__dark
.m-dropdown .m-dropdown__list .m-dropdown--list--item .m-dropdownList__item--selected,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown .m-dropdown__list .m-dropdown--list--item .m-dropdownList__item--selected, body.m-theme__dark
.m-dropdown .m-dropdown__list .m-dropdownList__item.m-dropdown--list--item--selected,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown .m-dropdown__list .m-dropdownList__item.m-dropdown--list--item--selected, body.m-theme__dark
.m-dropdown .m-dropdown__list .m-dropdownList__item .m-dropdownList__item--selected,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-dropdown .m-dropdown__list .m-dropdownList__item .m-dropdownList__item--selected {
color: #202527; }
.m-dropdown .m-dropdown--list li:last-of-type,
.m-dropdown .m-dropdown__list li:last-of-type {
border-bottom: none !important; }
.m-dropdown--expanded .m-dropdown--list,
.m-dropdown--expanded .m-dropdown__list {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: space-between; }
.m-dropdown--v2 .m-dropdown__list {
z-index: 4;
width: 180px;
border-radius: 2px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
padding-top: 5px;
padding-bottom: 5px;
box-sizing: border-box;
position: absolute;
top: 10px;
right: 10px;
overflow: visible;
display: block; }
body.m-theme__light .m-dropdown--v2 .m-dropdown__list,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdown--v2 .m-dropdown__list {
background: #ffffff !important; }
body.m-theme__dark .m-dropdown--v2 .m-dropdown__list,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdown--v2 .m-dropdown__list {
background: #242a30 !important; }
.m-dropdown--v2 .m-dropdown__list .m-dropdownList__item {
box-sizing: border-box;
padding: 8px 20px;
font-size: 15px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
cursor: pointer;
transition: 0.1s background-color ease-out; }
body.m-theme__light .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item {
color: #72727c; }
body.m-theme__dark .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item {
color: #b8c1ca; }
body.m-theme__light .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item.m-dropdownList__item--selected,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item.m-dropdownList__item--selected, body.m-theme__light .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item:hover {
background: #f6f7f7 !important;
color: #43434d; }
body.m-theme__dark .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item.m-dropdownList__item--selected,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item.m-dropdownList__item--selected, body.m-theme__dark .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item:hover {
background: #1a2025 !important;
color: #ffffff; }
body.m-theme__light .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item.m-dropdownList__item--destructive,
body .m-theme--wrapper.m-theme--wrapper__light .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item.m-dropdownList__item--destructive {
color: #e03c20; }
body.m-theme__dark .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item.m-dropdownList__item--destructive,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dropdown--v2 .m-dropdown__list .m-dropdownList__item.m-dropdownList__item--destructive {
color: #e03c20; }
.m-dropdown--v2 .m-dropdown__list li:last-of-type {
border-bottom: none !important; }
.m-dropdown--menu .m-dropdownList__item {
cursor: pointer; }
m-inline-editor {
position: relative;
z-index: 0;
display: block; }
m-inline-editor .material-icons.file-upload::before {
content: 'file_upload'; }
m-inline-editor .medium-editor-element,
m-inline-editor .medium-insert-link-input {
outline: none; }
m-inline-editor .m-inline-editor--toolbar-text {
font-size: 18px; }
m-inline-editor .m-blog--image {
position: relative; }
m-inline-editor .m-blog--image .m-blog--image--in-progress-overlay {
position: absolute;
height: 100%;
width: calc(100% + 200px);
max-width: initial;
display: flex;
align-items: center;
justify-content: center; }
body.m-theme__light m-inline-editor .m-blog--image .m-blog--image--in-progress-overlay,
body .m-theme--wrapper.m-theme--wrapper__light m-inline-editor .m-blog--image .m-blog--image--in-progress-overlay {
background-color: rgba(255, 255, 255, 0.8); }
body.m-theme__dark m-inline-editor .m-blog--image .m-blog--image--in-progress-overlay,
body .m-theme--wrapper.m-theme--wrapper__dark m-inline-editor .m-blog--image .m-blog--image--in-progress-overlay {
background-color: rgba(32, 37, 39, 0.8); }
body.m-theme__light m-inline-editor .m-blog--image .medium-insert-image-active,
body .m-theme--wrapper.m-theme--wrapper__light m-inline-editor .m-blog--image .medium-insert-image-active {
border: 2px solid #4690df; }
body.m-theme__dark m-inline-editor .m-blog--image .medium-insert-image-active,
body .m-theme--wrapper.m-theme--wrapper__dark m-inline-editor .m-blog--image .medium-insert-image-active {
border: 2px solid #44aaff; }
m-inline-editor .m-blog--image .m-blog--image-caption {
min-width: 100px;
min-height: 1.58em; }
@-webkit-keyframes medium-editor-image-loading {
0% {
transform: scale(0); }
100% {
transform: scale(1); } }
@keyframes medium-editor-image-loading {
0% {
transform: scale(0); }
100% {
transform: scale(1); } }
@-webkit-keyframes medium-editor-pop-upwards {
0% {
opacity: 0;
transform: matrix(0.97, 0, 0, 1, 0, 12); }
20% {
opacity: 0.7;
transform: matrix(0.99, 0, 0, 1, 0, 2); }
40% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, -1); }
100% {
transform: matrix(1, 0, 0, 1, 0, 0); } }
@keyframes medium-editor-pop-upwards {
0% {
opacity: 0;
transform: matrix(0.97, 0, 0, 1, 0, 12); }
20% {
opacity: 0.7;
transform: matrix(0.99, 0, 0, 1, 0, 2); }
40% {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, -1); }
100% {
transform: matrix(1, 0, 0, 1, 0, 0); } }
.medium-editor-anchor-preview {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 16px;
left: 0;
line-height: 1.4;
max-width: 280px;
position: absolute;
text-align: center;
top: 0;
word-break: break-all;
word-wrap: break-word;
visibility: hidden;
z-index: 2000; }
.medium-editor-anchor-preview a {
display: inline-block;
margin: 5px 5px 10px; }
body.m-theme__light .medium-editor-anchor-preview a,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-anchor-preview a {
color: #fff; }
body.m-theme__dark .medium-editor-anchor-preview a,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-anchor-preview a {
color: #202527; }
.medium-editor-anchor-preview-active {
visibility: visible; }
body.m-theme__light .medium-editor-dragover,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-dragover {
background-color: #ddd; }
body.m-theme__dark .medium-editor-dragover,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-dragover {
background-color: #404040; }
.medium-editor-image-loading {
-webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
animation: medium-editor-image-loading 1s infinite ease-in-out;
border-radius: 100%;
display: inline-block;
height: 40px;
width: 40px; }
body.m-theme__light .medium-editor-image-loading,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-image-loading {
background-color: #333; }
body.m-theme__dark .medium-editor-image-loading,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-image-loading {
background-color: #eaeaea; }
.medium-editor-placeholder {
position: relative; }
.medium-editor-placeholder:after {
content: attr(data-placeholder) !important;
font-style: italic;
position: absolute;
left: 0;
top: 0;
white-space: pre;
padding: inherit;
margin: inherit; }
.medium-editor-placeholder-relative {
position: relative; }
.medium-editor-placeholder-relative:after {
content: attr(data-placeholder) !important;
font-style: italic;
position: relative;
white-space: pre;
padding: inherit;
margin: inherit; }
.medium-toolbar-arrow-under:after,
.medium-toolbar-arrow-over:before {
border-style: solid;
content: '';
display: block;
height: 0;
left: 50%;
margin-left: -8px;
position: absolute;
width: 0; }
.medium-toolbar-arrow-under:after {
border-width: 8px 8px 0 8px; }
.medium-toolbar-arrow-over:before {
border-width: 0 8px 8px 8px;
top: -8px; }
.medium-editor-toolbar {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 16px;
left: 0;
position: absolute;
top: 0;
visibility: hidden;
z-index: 999999; }
.medium-editor-toolbar ul {
margin: 0;
padding: 0; }
.medium-editor-toolbar li {
float: left;
list-style: none;
margin: 0;
padding: 0; }
.medium-editor-toolbar li button {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
box-sizing: border-box;
cursor: pointer;
display: block;
font-size: 14px;
line-height: 1.33;
margin: 0;
padding: 15px;
text-decoration: none; }
.medium-editor-toolbar li button:focus {
outline: none; }
.medium-editor-toolbar li .medium-editor-action-underline {
text-decoration: underline; }
.medium-editor-toolbar li .medium-editor-action-pre {
font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
font-size: 12px;
font-weight: 100;
padding: 15px 0; }
.medium-editor-toolbar-active {
visibility: visible; }
.medium-editor-sticky-toolbar {
position: fixed;
top: 1px; }
.medium-editor-relative-toolbar {
position: relative; }
.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
-webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
animation: medium-editor-pop-upwards 160ms forwards linear; }
.medium-editor-action-bold {
font-weight: bolder; }
.medium-editor-action-italic {
font-style: italic; }
.medium-editor-toolbar-form {
display: none; }
.medium-editor-toolbar-form input,
.medium-editor-toolbar-form a {
font-family: 'Roboto', Helvetica, Arial, sans-serif; }
.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
line-height: 14px;
margin-left: 5px;
padding-bottom: 5px; }
.medium-editor-toolbar-form .medium-editor-toolbar-input,
.medium-editor-toolbar-form label {
border: none;
box-sizing: border-box;
font-size: 14px;
margin: 0;
padding: 6px;
width: 316px;
display: inline-block; }
.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
.medium-editor-toolbar-form label:focus {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
box-shadow: none;
outline: 0; }
.medium-editor-toolbar-form a {
display: inline-block;
font-size: 24px;
font-weight: bolder;
margin: 0 10px;
text-decoration: none; }
.medium-editor-toolbar-form-active {
display: flex;
align-items: center; }
.medium-editor-toolbar-actions:after {
clear: both;
content: '';
display: table; }
.medium-editor-element {
word-wrap: break-word;
min-height: 30px; }
.medium-editor-element img {
max-width: initial;
height: auto;
width: calc(100% + 200px);
margin: 0 -100px; }
.medium-insert-embeds {
position: relative;
width: calc(100% + 200px);
margin: 0 -100px; }
.medium-insert-embeds figure {
margin: 0; }
.medium-editor-element sub {
vertical-align: sub; }
.medium-editor-element sup {
vertical-align: super; }
.medium-editor-hidden {
display: none; }
.medium-toolbar-arrow-under:after {
top: 50px; }
body.m-theme__light .medium-toolbar-arrow-under:after,
body .m-theme--wrapper.m-theme--wrapper__light .medium-toolbar-arrow-under:after {
border-color: #222 transparent transparent transparent; }
body.m-theme__dark .medium-toolbar-arrow-under:after,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-toolbar-arrow-under:after {
border-color: whitesmoke transparent transparent transparent; }
.medium-toolbar-arrow-over:before {
top: -8px; }
body.m-theme__light .medium-toolbar-arrow-over:before,
body .m-theme--wrapper.m-theme--wrapper__light .medium-toolbar-arrow-over:before {
border-color: transparent transparent #222 transparent; }
body.m-theme__dark .medium-toolbar-arrow-over:before,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-toolbar-arrow-over:before {
border-color: transparent transparent whitesmoke transparent; }
.medium-editor-toolbar {
border-radius: 3px; }
body.m-theme__light .medium-editor-toolbar,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-toolbar {
background-color: rgba(0, 0, 0, 0.99); }
body.m-theme__dark .medium-editor-toolbar,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-toolbar {
background-color: rgba(255, 255, 255, 0.99); }
.medium-editor-toolbar li button {
background: transparent;
border: 0;
height: 50px;
min-width: 50px;
transition: background-color 0.2s ease-in; }
body.m-theme__light .medium-editor-toolbar li button,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-toolbar li button {
color: #fff;
border-right: 1px solid rgba(0, 0, 0, 0.5); }
body.m-theme__dark .medium-editor-toolbar li button,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-toolbar li button {
color: #202527;
border-right: 1px solid rgba(255, 255, 255, 0.5); }
body.m-theme__light .medium-editor-toolbar li button:hover,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-toolbar li button:hover {
background-color: rgba(255, 255, 255, 0.2); }
body.m-theme__dark .medium-editor-toolbar li button:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-toolbar li button:hover {
background-color: rgba(32, 37, 39, 0.2); }
.medium-editor-toolbar li .medium-editor-button-first {
border-bottom-left-radius: 5px;
border-top-left-radius: 5px; }
.medium-editor-toolbar li .medium-editor-button-last {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px; }
body.m-theme__light .medium-editor-toolbar li .medium-editor-button-active,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-toolbar li .medium-editor-button-active {
color: #4690df; }
body.m-theme__dark .medium-editor-toolbar li .medium-editor-button-active,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-toolbar li .medium-editor-button-active {
color: #44aaff; }
.medium-editor-toolbar-form {
border-radius: 5px; }
body.m-theme__light .medium-editor-toolbar-form,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-toolbar-form {
color: #fff;
background-color: rgba(0, 0, 0, 0.99); }
body.m-theme__dark .medium-editor-toolbar-form,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-toolbar-form {
color: #202527;
background-color: rgba(255, 255, 255, 0.99); }
.medium-editor-toolbar-form .medium-editor-toolbar-input {
box-sizing: border-box;
border-radius: 5px;
height: 50px; }
body.m-theme__light .medium-editor-toolbar-form .medium-editor-toolbar-input,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-toolbar-form .medium-editor-toolbar-input {
color: #fff;
background-color: rgba(0, 0, 0, 0.99); }
body.m-theme__dark .medium-editor-toolbar-form .medium-editor-toolbar-input,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-toolbar-form .medium-editor-toolbar-input {
color: #202527;
background-color: rgba(255, 255, 255, 0.99); }
body.m-theme__light .medium-editor-toolbar-form a,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-toolbar-form a {
color: #fff; }
body.m-theme__dark .medium-editor-toolbar-form a,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-toolbar-form a {
color: #202527; }
.medium-editor-toolbar-anchor-preview {
border-radius: 5px; }
body.m-theme__light .medium-editor-toolbar-anchor-preview,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-toolbar-anchor-preview {
color: #fff;
background-color: rgba(0, 0, 0, 0.99); }
body.m-theme__dark .medium-editor-toolbar-anchor-preview,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-toolbar-anchor-preview {
color: #202527;
background-color: rgba(255, 255, 255, 0.99); }
body.m-theme__light .medium-editor-placeholder:after,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-placeholder:after {
color: #aaa; }
body.m-theme__dark .medium-editor-placeholder:after,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-placeholder:after {
color: #515151; }
.medium-insert-embeds {
position: relative; }
.medium-insert-embeds .medium-insert-embeds-overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0; }
/** buttons plugin **/
.medium-editor-insert-plugin {
outline: 0 solid transparent; }
.medium-editor-insert-plugin:focus {
outline: 0 solid transparent; }
.medium-editor-insert-plugin .clearfix:before, .medium-editor-insert-plugin:before,
.medium-editor-insert-plugin .clearfix:after, .medium-editor-insert-plugin:after {
content: ' ';
display: table;
clear: both; }
.medium-editor-insert-plugin p {
margin: 1em 0; }
.medium-editor-insert-plugin progress {
display: block;
margin: 1em auto; }
.medium-editor-insert-plugin .hide {
display: none; }
.medium-editor-insert-plugin .medium-media-buttons {
display: flex; }
.medium-editor-insert-plugin .medium-media-buttons .medium-media-buttons-upload {
display: block;
cursor: pointer;
width: 32px;
height: 32px;
box-sizing: border-box;
border-radius: 20px;
line-height: 30px;
text-align: center;
padding: 0;
font-family: Arial;
margin: 0 10px 0 0; }
body.m-theme__light .medium-editor-insert-plugin .medium-media-buttons .medium-media-buttons-upload,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-insert-plugin .medium-media-buttons .medium-media-buttons-upload {
color: #aaa;
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark .medium-editor-insert-plugin .medium-media-buttons .medium-media-buttons-upload,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-insert-plugin .medium-media-buttons .medium-media-buttons-upload {
color: #515151;
background-color: #242a30;
border: 1px solid #414c57; }
.medium-editor-insert-plugin .medium-media-buttons .medium-insert-link-input {
border-radius: 3px;
font-size: 12px;
font-family: 'Roboto', Helvetica, sans-serif;
padding: 8px;
flex-grow: 1; }
body.m-theme__light .medium-editor-insert-plugin .medium-media-buttons .medium-insert-link-input,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-insert-plugin .medium-media-buttons .medium-insert-link-input {
color: #888;
border: 1px solid #d3dbe3; }
body.m-theme__dark .medium-editor-insert-plugin .medium-media-buttons .medium-insert-link-input,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-insert-plugin .medium-media-buttons .medium-insert-link-input {
color: #737373;
border: 1px solid #414c57; }
.medium-editor-insert-plugin .medium-insert-buttons {
position: absolute;
font-size: 0.9em; }
body.m-theme__light .medium-editor-insert-plugin .medium-insert-buttons,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-insert-plugin .medium-insert-buttons {
color: #aaa; }
body.m-theme__dark .medium-editor-insert-plugin .medium-insert-buttons,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-insert-plugin .medium-insert-buttons {
color: #515151; }
.medium-editor-insert-plugin .medium-insert-buttons button {
display: block;
cursor: pointer;
width: 32px;
height: 32px;
box-sizing: border-box;
border-radius: 20px;
line-height: 30px;
text-align: center;
padding: 0;
font-family: Arial; }
body.m-theme__light .medium-editor-insert-plugin .medium-insert-buttons button,
body .m-theme--wrapper.m-theme--wrapper__light .medium-editor-insert-plugin .medium-insert-buttons button {
color: #aaa;
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark .medium-editor-insert-plugin .medium-insert-buttons button,
body .m-theme--wrapper.m-theme--wrapper__dark .medium-editor-insert-plugin .medium-insert-buttons button {
color: #515151;
background-color: #242a30;
border: 1px solid #414c57; }
.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show {
font-size: 25px;
transform: rotate(0);
transition: transform 100ms; }
.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show span {
display: block;
margin-top: -4px; }
.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show.medium-insert-buttons-rotate {
transition: transform 250ms;
transform: rotate(45deg); }
.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons {
margin: 0;
padding: 0;
list-style: none;
display: none;
position: relative;
z-index: 2;
left: 40px;
top: -32px; }
.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons li {
display: inline-block;
margin: 0 5px; }
.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons li i {
vertical-align: middle;
font-size: 20px; }
.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons-show {
display: block; }
.medium-insert-caption-placeholder {
position: relative; }
.medium-insert-caption-placeholder:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
content: attr(data-placeholder); }
/**
* Padding, Margins and Offset
*/
minds-textarea {
position: relative;
display: inline-block;
width: 100%;
padding: 8px;
box-sizing: border-box;
overflow: hidden; }
body.m-theme__light minds-textarea,
body .m-theme--wrapper.m-theme--wrapper__light minds-textarea {
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark minds-textarea,
body .m-theme--wrapper.m-theme--wrapper__dark minds-textarea {
background-color: #242a30;
border: 1px solid #414c57; }
minds-textarea > .m-editor {
display: inline-block;
padding: 0;
margin: 0;
width: 100%;
height: inherit;
min-height: 1.6em;
outline: none;
white-space: pre-wrap;
word-wrap: break-word;
-webkit-user-modify: read-write-plaintext-only;
-moz-user-modify: read-write; }
body.m-theme__light minds-textarea > .m-editor,
body .m-theme--wrapper.m-theme--wrapper__light minds-textarea > .m-editor {
color: #43434d; }
body.m-theme__dark minds-textarea > .m-editor,
body .m-theme--wrapper.m-theme--wrapper__dark minds-textarea > .m-editor {
color: #ffffff; }
minds-textarea > .m-editor.m-editor-disabled {
-webkit-user-modify: initial;
-moz-user-modify: initial; }
body.m-theme__light minds-textarea > .m-editor.m-editor-disabled,
body .m-theme--wrapper.m-theme--wrapper__light minds-textarea > .m-editor.m-editor-disabled {
color: #9b9b9b; }
body.m-theme__dark minds-textarea > .m-editor.m-editor-disabled,
body .m-theme--wrapper.m-theme--wrapper__dark minds-textarea > .m-editor.m-editor-disabled {
color: #797b82; }
minds-textarea > .m-editor:focus + .m-placeholder {
display: none; }
minds-textarea > .m-placeholder {
display: inline-block;
position: absolute;
top: 0;
left: 0;
padding: inherit;
width: 100%;
pointer-events: none; }
body.m-theme__light minds-textarea > .m-placeholder,
body .m-theme--wrapper.m-theme--wrapper__light minds-textarea > .m-placeholder {
color: #72727c; }
body.m-theme__dark minds-textarea > .m-placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark minds-textarea > .m-placeholder {
color: #b8c1ca; }
.m-channel--explicit-overlay--container {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 53px;
left: 0;
width: 100%;
height: calc(100% - 53px);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 80; }
body.m-theme__light .m-channel--explicit-overlay--container,
body .m-theme--wrapper.m-theme--wrapper__light .m-channel--explicit-overlay--container {
color: #333;
background-color: rgba(255, 255, 255, 0.99); }
body.m-theme__dark .m-channel--explicit-overlay--container,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channel--explicit-overlay--container {
color: #eaeaea;
background-color: rgba(32, 37, 39, 0.99); }
.m-channel--explicit-overlay--container .m-channel--explicit-overlay--content {
max-width: 1280px;
width: 100%;
text-align: center;
font-weight: 300;
font-size: 24px;
line-height: 1.5em; }
.m-channel--explicit-overlay--container .m-channel--explicit-overlay--content h3 {
letter-spacing: 0.75px;
font-weight: 600; }
body.m-theme__light .m-channel--explicit-overlay--container .m-channel--explicit-overlay--content h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-channel--explicit-overlay--container .m-channel--explicit-overlay--content h3 {
color: #444; }
body.m-theme__dark .m-channel--explicit-overlay--container .m-channel--explicit-overlay--content h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channel--explicit-overlay--container .m-channel--explicit-overlay--content h3 {
color: #b7b7b7; }
.m-channel--explicit-overlay--container .m-channel--explicit-overlay--content .m-channel--explicit-overlay--action {
text-transform: uppercase;
letter-spacing: 2.5px;
width: 100px;
margin: auto;
/* font-size: 22px; */
margin-top: 16px;
font-weight: 600; }
m-file-upload {
cursor: pointer;
position: relative; }
m-file-upload .m-fileUpload__formWrapper {
display: inline-block;
padding: 0;
margin: 0; }
m-file-upload input[type='file'] {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
opacity: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
filter: alpha(opacity=0); }
m-file-upload input[type='file']::-webkit-file-upload-button {
cursor: pointer; }
.m-footer {
text-align: center; }
body.m-theme__light .m-footer,
body .m-theme--wrapper.m-theme--wrapper__light .m-footer {
background-color: #ffffff; }
body.m-theme__dark .m-footer,
body .m-theme--wrapper.m-theme--wrapper__dark .m-footer {
background-color: #242a30; }
body.m-theme__light .m-footer a,
body .m-theme--wrapper.m-theme--wrapper__light .m-footer a {
color: #43434d !important; }
body.m-theme__dark .m-footer a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-footer a {
color: #ffffff !important; }
.m-footer img {
width: 150px;
margin: 16px 0; }
.m-footer .copyright {
text-transform: uppercase;
cursor: pointer; }
.m-formDescriptor {
font-size: 15px;
line-height: 20px; }
body.m-theme__light .m-formDescriptor,
body .m-theme--wrapper.m-theme--wrapper__light .m-formDescriptor {
color: #4690df;
border-left: 2px solid #4690df; }
body.m-theme__dark .m-formDescriptor,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formDescriptor {
color: #44aaff;
border-left: 2px solid #44aaff; }
m-formInput__checkbox {
display: block; }
.m-formInput__checkbox {
display: block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: 'Roboto', Helvetica, sans-serif;
font-size: 13px; }
body.m-theme__light .m-formInput__checkbox,
body .m-theme--wrapper.m-theme--wrapper__light .m-formInput__checkbox {
color: #999; }
body.m-theme__dark .m-formInput__checkbox,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formInput__checkbox {
color: #626262; }
.m-formInput__checkbox .m-formInputCheckbox__visibleWrapper {
display: flex; }
.m-formInput__checkbox .m-formInputCheckbox__custom {
display: inline-block;
vertical-align: middle;
height: 20px;
width: 20px;
min-height: 20px;
min-width: 20px;
border-radius: 2px;
transition: all 0.3s ease;
margin-right: 8px; }
body.m-theme__light .m-formInput__checkbox .m-formInputCheckbox__custom,
body .m-theme--wrapper.m-theme--wrapper__light .m-formInput__checkbox .m-formInputCheckbox__custom {
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-formInput__checkbox .m-formInputCheckbox__custom,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formInput__checkbox .m-formInputCheckbox__custom {
background-color: #242a30;
border: 1px solid #414c57; }
.m-formInput__checkbox .m-formInputCheckbox__custom:after {
content: '';
position: absolute;
display: none;
transform: rotate(45deg);
left: 8px;
top: 3px;
width: 5px;
height: 12px; }
body.m-theme__light .m-formInput__checkbox .m-formInputCheckbox__custom:after,
body .m-theme--wrapper.m-theme--wrapper__light .m-formInput__checkbox .m-formInputCheckbox__custom:after {
border: 1px solid #fff;
border-top: none;
border-left: none; }
body.m-theme__dark .m-formInput__checkbox .m-formInputCheckbox__custom:after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formInput__checkbox .m-formInputCheckbox__custom:after {
border: 1px solid #202527;
border-top: none;
border-left: none; }
.m-formInput__checkbox .m-formInputCheckbox__customLabel {
margin-top: 2px; }
.m-formInput__checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
body.m-theme__light .m-formInput__checkbox input:checked ~ .m-formInputCheckbox__visibleWrapper .m-formInputCheckbox__custom,
body .m-theme--wrapper.m-theme--wrapper__light .m-formInput__checkbox input:checked ~ .m-formInputCheckbox__visibleWrapper .m-formInputCheckbox__custom {
background-color: #4690df;
border-color: #4690df; }
body.m-theme__dark .m-formInput__checkbox input:checked ~ .m-formInputCheckbox__visibleWrapper .m-formInputCheckbox__custom,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formInput__checkbox input:checked ~ .m-formInputCheckbox__visibleWrapper .m-formInputCheckbox__custom {
background-color: #44aaff;
border-color: #44aaff; }
.m-formInput__checkbox input:checked ~ .m-formInputCheckbox__visibleWrapper .m-formInputCheckbox__custom:after {
display: block; }
/**
* Padding, Margins and Offset
*/
minds-form-city-finder .m-city-finder-list {
position: fixed;
padding: 12px;
list-style: none; }
minds-form-city-finder .m-city-finder-list li {
padding: 8px;
cursor: pointer; }
body.m-theme__light minds-form-city-finder .m-city-finder-list li,
body .m-theme--wrapper.m-theme--wrapper__light minds-form-city-finder .m-city-finder-list li {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark minds-form-city-finder .m-city-finder-list li,
body .m-theme--wrapper.m-theme--wrapper__dark minds-form-city-finder .m-city-finder-list li {
border-bottom: 1px solid #414c57; }
m-countryInput {
position: relative;
z-index: 0;
display: inline-flex;
margin-bottom: 8px;
flex-grow: 1; }
@media (max-width: 480px) {
m-countryInput {
width: 100%; }
m-countryInput input {
width: 100%; } }
m-countryInput span {
font-weight: 300; }
m-countryInput .m-countryInput__wrapper {
flex-grow: 1;
display: flex;
justify-content: flex-start;
flex-flow: row nowrap;
align-items: center; }
body.m-theme__light m-countryInput .m-countryInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__wrapper {
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark m-countryInput .m-countryInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__wrapper {
background-color: #242a30;
border: 1px solid #414c57; }
m-countryInput .m-countryInput__wrapper * {
box-sizing: border-box;
-moz-box-sizing: border-box; }
m-countryInput .m-countryInput__wrapper.dropdownShown {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
body.m-theme__light m-countryInput .m-countryInput__wrapper.focused,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__wrapper.focused {
border-color: #4690df; }
body.m-theme__dark m-countryInput .m-countryInput__wrapper.focused,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__wrapper.focused {
border-color: #44aaff; }
body.m-theme__light m-countryInput .m-countryInput__wrapper.focused .m-countryInput__input,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__wrapper.focused .m-countryInput__input {
border-color: #4690df; }
body.m-theme__dark m-countryInput .m-countryInput__wrapper.focused .m-countryInput__input,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__wrapper.focused .m-countryInput__input {
border-color: #44aaff; }
body.m-theme__light m-countryInput .m-countryInput__wrapper.invalid,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__wrapper.invalid {
border-color: #e03c20; }
body.m-theme__dark m-countryInput .m-countryInput__wrapper.invalid,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__wrapper.invalid {
border-color: #e03c20; }
body.m-theme__light m-countryInput .m-countryInput__wrapper.invalid input,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__wrapper.invalid input {
border-color: #e03c20; }
body.m-theme__dark m-countryInput .m-countryInput__wrapper.invalid input,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__wrapper.invalid input {
border-color: #e03c20; }
m-countryInput .m-countryInput__selectedCountry {
z-index: 1;
position: relative;
height: 36px;
padding: 0 0 0 8px;
border: 0;
border-right: 0;
display: inline-flex;
align-items: center;
cursor: pointer;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
outline: 0; }
body.m-theme__light m-countryInput .m-countryInput__selectedCountry,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__selectedCountry {
background-color: #ffffff; }
body.m-theme__dark m-countryInput .m-countryInput__selectedCountry,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__selectedCountry {
background-color: #242a30; }
m-countryInput .m-countryInput__selectedCountry .m-countryInput__selectedCountryName {
margin-left: 5px; }
body.m-theme__light m-countryInput .m-countryInput__selectedCountry .m-countryInput__selectedCountryName,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__selectedCountry .m-countryInput__selectedCountryName {
color: #999; }
body.m-theme__dark m-countryInput .m-countryInput__selectedCountry .m-countryInput__selectedCountryName,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__selectedCountry .m-countryInput__selectedCountryName {
color: #626262; }
m-countryInput .m-countryInput__selectedCountry .m-countryInput__arrow {
margin: 0 5px;
border-left: 4px solid transparent;
border-right: 4px solid transparent; }
body.m-theme__light m-countryInput .m-countryInput__selectedCountry .m-countryInput__arrow,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__selectedCountry .m-countryInput__arrow {
border-top: 6px solid #ddd; }
body.m-theme__dark m-countryInput .m-countryInput__selectedCountry .m-countryInput__arrow,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__selectedCountry .m-countryInput__arrow {
border-top: 6px solid #404040; }
m-countryInput .m-countryInput__selectedCountry .m-countryInput__arrow.up {
border-top: none; }
body.m-theme__light m-countryInput .m-countryInput__selectedCountry .m-countryInput__arrow.up,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__selectedCountry .m-countryInput__arrow.up {
border-bottom: 6px solid #ddd;
border-top: none; }
body.m-theme__dark m-countryInput .m-countryInput__selectedCountry .m-countryInput__arrow.up,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__selectedCountry .m-countryInput__arrow.up {
border-bottom: 6px solid #404040;
border-top: none; }
m-countryInput .m-countryInput__input {
flex: 1 1 auto;
height: 100%;
padding: 10px;
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
body.m-theme__light m-countryInput .m-countryInput__input,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__input {
background-color: #ffffff;
border-left: 1px solid #d3dbe3; }
body.m-theme__dark m-countryInput .m-countryInput__input,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__input {
background-color: #242a30;
border-left: 1px solid #414c57; }
m-countryInput .m-countryInput__input:focus {
outline: none; }
m-countryInput m-countryInput__country {
flex: 0 1 auto; }
m-countryInput .m-countryInput__countryList {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0;
top: 40px;
left: 0;
width: 100%;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
body.m-theme__light m-countryInput .m-countryInput__countryList,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__countryList {
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border: 1px solid #4690df;
border-top: none; }
body.m-theme__dark m-countryInput .m-countryInput__countryList,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__countryList {
box-shadow: 0 1px 4px 0 rgba(255, 255, 255, 0.1);
background-color: #242a30;
border: 1px solid #44aaff;
border-top: none; }
m-countryInput .m-countryInput__countryList.dropdown {
flex-direction: column !important; }
@media (max-width: 500px) {
m-countryInput .m-countryInput__countryList {
white-space: normal; } }
m-countryInput .m-countryInput__countryList .m-countryInput__country {
cursor: pointer;
padding: 8;
overflow: hidden;
text-overflow: ellipsis;
outline: none;
transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light m-countryInput .m-countryInput__countryList .m-countryInput__country .m-countryInput__dialCode,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__countryList .m-countryInput__country .m-countryInput__dialCode {
color: #999; }
body.m-theme__dark m-countryInput .m-countryInput__countryList .m-countryInput__country .m-countryInput__dialCode,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__countryList .m-countryInput__country .m-countryInput__dialCode {
color: #626262; }
body.m-theme__light m-countryInput .m-countryInput__countryList .m-countryInput__country:focus,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__countryList .m-countryInput__country:focus, body.m-theme__light m-countryInput .m-countryInput__countryList .m-countryInput__country.focused,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__countryList .m-countryInput__country.focused {
background-color: rgba(232, 232, 232, 0.4); }
body.m-theme__dark m-countryInput .m-countryInput__countryList .m-countryInput__country:focus,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__countryList .m-countryInput__country:focus, body.m-theme__dark m-countryInput .m-countryInput__countryList .m-countryInput__country.focused,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__countryList .m-countryInput__country.focused {
background-color: rgba(47, 47, 47, 0.4); }
body.m-theme__light m-countryInput .m-countryInput__countryList .m-countryInput__country:active,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__countryList .m-countryInput__country:active {
background-color: rgba(232, 232, 232, 0.7); }
body.m-theme__dark m-countryInput .m-countryInput__countryList .m-countryInput__country:active,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__countryList .m-countryInput__country:active {
background-color: rgba(47, 47, 47, 0.7); }
m-countryInput .m-countryInput__dropup {
bottom: 100%;
margin-bottom: -1px; }
m-countryInput .m-countryInput__flagBox {
display: inline-block;
width: 20px; }
m-countryInput .m-countryInput__divider {
padding-bottom: 5px;
margin-bottom: 5px;
background-color: transparent;
margin-top: 0; }
body.m-theme__light m-countryInput .m-countryInput__divider,
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput .m-countryInput__divider {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-countryInput .m-countryInput__divider,
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput .m-countryInput__divider {
border-bottom: 1px solid #414c57; }
body.m-theme__light m-countryInput.country:not(:last-child),
body .m-theme--wrapper.m-theme--wrapper__light m-countryInput.country:not(:last-child) {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-countryInput.country:not(:last-child),
body .m-theme--wrapper.m-theme--wrapper__dark m-countryInput.country:not(:last-child) {
border-bottom: 1px solid #414c57; }
m-countryInput .m-countryInput__countryList .m-countryInput__flagBox,
m-countryInput .m-countryInput__countryList .m-countryInput__countryName,
m-countryInput .m-countryInput__countryList .m-countryInput__dialCode {
vertical-align: middle; }
m-countryInput .m-countryInput__countryList .m-countryInput__flagBox,
m-countryInput .m-countryInput__countryList .m-countryInput__countryName {
margin-right: 6px; }
minds-country-input {
display: inline-block;
max-width: 100%;
position: relative; }
minds-country-input::before {
content: '\25bc';
position: absolute;
pointer-events: none;
top: 0;
bottom: 1px;
padding-top: 0.7em;
line-height: 1;
right: 0;
width: 2em;
text-align: center;
transform: scale(0.84, 0.42);
filter: progid:DXImageTransform.Microsoft.Matrix(M11=.84, M12=0, M21=0, M22=.42, SizingMethod='auto expand'); }
body.m-theme__light minds-country-input::before,
body .m-theme--wrapper.m-theme--wrapper__light minds-country-input::before {
color: #777; }
body.m-theme__dark minds-country-input::before,
body .m-theme--wrapper.m-theme--wrapper__dark minds-country-input::before {
color: #848484; }
minds-country-input select {
padding: 8px 40px 8px 8px;
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
font-family: 'Roboto', Helvetica, sans-serif; }
body.m-theme__light minds-country-input select,
body .m-theme--wrapper.m-theme--wrapper__light minds-country-input select {
border: 1px solid #d3dbe3; }
body.m-theme__dark minds-country-input select,
body .m-theme--wrapper.m-theme--wrapper__dark minds-country-input select {
border: 1px solid #414c57; }
.m-date-input--field {
display: inline-block;
max-width: 100%;
position: relative; }
.m-date-input--field::before {
content: '\25bc';
position: absolute;
pointer-events: none;
top: 0;
bottom: 1px;
padding-top: 0.7em;
line-height: 1;
right: 0;
width: 2em;
text-align: center;
transform: scale(0.84, 0.42);
filter: progid:DXImageTransform.Microsoft.Matrix(M11=.84, M12=0, M21=0, M22=.42, SizingMethod='auto expand'); }
body.m-theme__light .m-date-input--field::before,
body .m-theme--wrapper.m-theme--wrapper__light .m-date-input--field::before {
color: #777; }
body.m-theme__dark .m-date-input--field::before,
body .m-theme--wrapper.m-theme--wrapper__dark .m-date-input--field::before {
color: #848484; }
.m-date-input--field select {
padding: 8px 40px 8px 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
body.m-theme__light .m-date-input--field select,
body .m-theme--wrapper.m-theme--wrapper__light .m-date-input--field select {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-date-input--field select,
body .m-theme--wrapper.m-theme--wrapper__dark .m-date-input--field select {
border: 1px solid #414c57; }
/**
* Padding, Margins and Offset
*/
m-dynamic-form .select-label {
padding-right: 10px; }
m-dynamic-form .m-date-selector--label,
m-dynamic-form .m-dynamicForm__label {
text-transform: uppercase;
letter-spacing: 2.5px;
align-self: center;
font-size: 12px; }
body.m-theme__light m-dynamic-form .m-date-selector--label,
body .m-theme--wrapper.m-theme--wrapper__light m-dynamic-form .m-date-selector--label, body.m-theme__light
m-dynamic-form .m-dynamicForm__label,
body .m-theme--wrapper.m-theme--wrapper__light
m-dynamic-form .m-dynamicForm__label {
color: #666; }
body.m-theme__dark m-dynamic-form .m-date-selector--label,
body .m-theme--wrapper.m-theme--wrapper__dark m-dynamic-form .m-date-selector--label, body.m-theme__dark
m-dynamic-form .m-dynamicForm__label,
body .m-theme--wrapper.m-theme--wrapper__dark
m-dynamic-form .m-dynamicForm__label {
color: #959595; }
m-dynamic-form .m-date-selector--input {
display: flex;
align-items: center; }
body.m-theme__light m-dynamic-form .m-date-selector--input,
body .m-theme--wrapper.m-theme--wrapper__light m-dynamic-form .m-date-selector--input {
color: #666;
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark m-dynamic-form .m-date-selector--input,
body .m-theme--wrapper.m-theme--wrapper__dark m-dynamic-form .m-date-selector--input {
color: #959595;
background-color: #242a30;
border: 1px solid #414c57; }
m-dynamic-form .m-date-selector--input input {
font-size: 12px;
text-transform: uppercase;
background-color: transparent;
padding: 8px 0;
border: none;
text-align: center;
width: auto;
height: auto;
align-self: center; }
body.m-theme__light m-dynamic-form .m-date-selector--input input,
body .m-theme--wrapper.m-theme--wrapper__light m-dynamic-form .m-date-selector--input input {
color: rgba(0, 0, 0, 0.54); }
body.m-theme__dark m-dynamic-form .m-date-selector--input input,
body .m-theme--wrapper.m-theme--wrapper__dark m-dynamic-form .m-date-selector--input input {
color: rgba(255, 255, 255, 0.54); }
m-dynamic-form .m-date-selector--input i {
vertical-align: middle;
cursor: pointer;
margin-right: 8px; }
m-dynamic-form .m-dynamicForm__input,
m-dynamic-form .m-dynamicForm__textarea {
border-radius: 24px;
margin: 8px 0;
outline: none; }
body.m-theme__light m-dynamic-form .m-dynamicForm__input,
body .m-theme--wrapper.m-theme--wrapper__light m-dynamic-form .m-dynamicForm__input, body.m-theme__light
m-dynamic-form .m-dynamicForm__textarea,
body .m-theme--wrapper.m-theme--wrapper__light
m-dynamic-form .m-dynamicForm__textarea {
border-color: #d3dbe3; }
body.m-theme__dark m-dynamic-form .m-dynamicForm__input,
body .m-theme--wrapper.m-theme--wrapper__dark m-dynamic-form .m-dynamicForm__input, body.m-theme__dark
m-dynamic-form .m-dynamicForm__textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
m-dynamic-form .m-dynamicForm__textarea {
border-color: #414c57; }
minds-state-input {
display: inline-block;
max-width: 100%; }
minds-state-input select {
max-width: 100%; }
m-icon {
display: inline-block; }
m-icon i.material-icons,
m-icon i.ion-icon {
color: inherit;
font-size: 1em;
line-height: 1; }
m-icon .m-icon__text {
color: inherit;
font-family: Roboto, Helvetica, sans-serif;
font-weight: 600;
font-size: 1em;
line-height: 1; }
m-icon .m-icon__assetsFile {
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; }
m-loadingSpinner {
margin: auto;
width: 100%;
text-align: center; }
.m-loadingSpinner__wrapper {
position: relative;
display: block;
padding: 20px;
box-sizing: border-box; }
.m-loadingSpinner__container {
border-radius: 50%;
width: 28px;
height: 28px;
margin: auto;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }
body.m-theme__light .m-loadingSpinner__container,
body .m-theme--wrapper.m-theme--wrapper__light .m-loadingSpinner__container {
background-color: #ffffff; }
body.m-theme__dark .m-loadingSpinner__container,
body .m-theme--wrapper.m-theme--wrapper__dark .m-loadingSpinner__container {
background-color: #242a30; }
.m-loadingSpinner__inner {
border-radius: 50%;
width: 100%;
height: 100%;
box-sizing: border-box;
-webkit-animation: spin 0.75s linear infinite;
animation: spin 0.75s linear infinite; }
body.m-theme__light .m-loadingSpinner__inner,
body .m-theme--wrapper.m-theme--wrapper__light .m-loadingSpinner__inner {
border: 4px solid #d3dbe3;
border-top: 4px solid #4690df; }
body.m-theme__dark .m-loadingSpinner__inner,
body .m-theme--wrapper.m-theme--wrapper__dark .m-loadingSpinner__inner {
border: 4px solid #414c57;
border-top: 4px solid #44aaff; }
@-webkit-keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
/**
* Padding, Margins and Offset
*/
m-modal {
position: relative;
z-index: 90;
display: block; }
m-modal .m-modal__wrapper {
position: relative;
z-index: 0; }
m-modal .m-modal-bg {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
cursor: pointer;
z-index: 1; }
body.m-theme__light m-modal .m-modal-bg,
body .m-theme--wrapper.m-theme--wrapper__light m-modal .m-modal-bg {
background-color: rgba(176, 176, 176, 0.5); }
body.m-theme__dark m-modal .m-modal-bg,
body .m-theme--wrapper.m-theme--wrapper__dark m-modal .m-modal-bg {
background-color: rgba(0, 0, 0, 0.5); }
m-modal .m-modal-container {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 50%;
min-height: 50%;
z-index: 2; }
@media screen and (max-width: 768px) {
m-modal .m-modal-container {
width: 90%; } }
m-modal .m-modal-container .mdl-card {
min-height: 200px; }
m-modal .m-modal-container .mdl-card i {
cursor: pointer; }
/**
* Padding, Margins and Offset
*/
m-cookies-notice {
z-index: 70;
box-sizing: border-box;
position: fixed;
bottom: 16px;
left: 16px;
width: 360px;
max-height: 75vh;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 16px;
border-radius: 3px; }
body.m-theme__light m-cookies-notice,
body .m-theme--wrapper.m-theme--wrapper__light m-cookies-notice {
color: #555;
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark m-cookies-notice,
body .m-theme--wrapper.m-theme--wrapper__dark m-cookies-notice {
color: #a6a6a6;
background-color: #242a30;
border: 1px solid #414c57; }
@media screen and (max-width: 480px) {
m-cookies-notice {
width: 100vw;
border-radius: 0;
left: 0;
bottom: 0; } }
body.m-theme__light m-cookies-notice .m-notice--message a,
body .m-theme--wrapper.m-theme--wrapper__light m-cookies-notice .m-notice--message a {
color: #71aae7; }
body.m-theme__dark m-cookies-notice .m-notice--message a,
body .m-theme--wrapper.m-theme--wrapper__dark m-cookies-notice .m-notice--message a {
color: #206ab9; }
m-cookies-notice .m-btn.m-btn--slim {
white-space: nowrap;
margin-left: 8px; }
body.m-theme__light m-cookies-notice .m-btn.m-btn--slim,
body .m-theme--wrapper.m-theme--wrapper__light m-cookies-notice .m-btn.m-btn--slim {
background-color: #ffffff !important;
border: 1px solid #d3dbe3; }
body.m-theme__dark m-cookies-notice .m-btn.m-btn--slim,
body .m-theme--wrapper.m-theme--wrapper__dark m-cookies-notice .m-btn.m-btn--slim {
background-color: #242a30 !important;
border: 1px solid #414c57; }
.m-nsfwSelector__dropdown .m-dropdown__list {
width: 178px; }
.m-nsfwSelector__dropdown .m-dropdownList__item {
cursor: pointer; }
.m-nsfwSelector__dropdown .m-dropdownList__item i {
width: 18px; }
/**
* Padding, Margins and Offset
*/
m-overlay-modal {
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
overflow: scroll;
overflow: overlay !important;
z-index: 90; }
body.m-theme__light m-overlay-modal .m-overlay-modal--backdrop,
body .m-theme--wrapper.m-theme--wrapper__light m-overlay-modal .m-overlay-modal--backdrop {
background-color: rgba(176, 176, 176, 0.5); }
body.m-theme__dark m-overlay-modal .m-overlay-modal--backdrop,
body .m-theme--wrapper.m-theme--wrapper__dark m-overlay-modal .m-overlay-modal--backdrop {
background-color: rgba(0, 0, 0, 0.5); }
.m-overlay-modal--wrapper {
position: relative;
z-index: 0; }
.m-overlay-modal {
z-index: 2; }
.m-overlay-modal:not(.m-overlayModal--media) {
position: fixed;
right: 2vw;
left: 2vw;
margin: auto;
top: 50%;
max-height: 98vh;
display: block;
box-sizing: border-box;
width: 100%;
max-width: 990px;
padding: 32px;
outline: 0;
border-radius: 6px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
font-family: 'Roboto', sans-serif; }
body.m-theme__light .m-overlay-modal:not(.m-overlayModal--media),
body .m-theme--wrapper.m-theme--wrapper__light .m-overlay-modal:not(.m-overlayModal--media) {
color: #555;
background: none rgba(255, 255, 255, 0.95); }
body.m-theme__dark .m-overlay-modal:not(.m-overlayModal--media),
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlay-modal:not(.m-overlayModal--media) {
color: #a6a6a6;
background: none rgba(32, 37, 39, 0.95); }
.m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--media {
position: static;
min-height: 100%;
display: table;
height: 100% !important;
table-layout: fixed;
width: 100%; }
.m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--media .m-overlay-modal--close {
line-height: normal;
opacity: 0.6;
position: fixed;
right: 8px;
top: 8px;
transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
padding: 4px; }
body.m-theme__light .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--media .m-overlay-modal--close,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--media .m-overlay-modal--close {
background-color: rgba(255, 255, 255, 0);
color: #999; }
body.m-theme__dark .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--media .m-overlay-modal--close,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--media .m-overlay-modal--close {
background-color: rgba(255, 255, 255, 0);
color: #626262; }
.m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--media .m-overlay-modal--close i.material-icons {
font-size: 28px; }
.m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--media .m-overlay-modal--close:hover {
opacity: 1; }
.m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind {
width: 520px;
max-width: 90%;
min-width: 0;
padding: 0;
border-radius: 0; }
body.m-theme__light .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind {
color: #455a64 !important;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.07); }
body.m-theme__dark .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind {
color: #9fb0b9 !important;
box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.07), 0 3px 1px -2px rgba(255, 255, 255, 0.1), 0 1px 5px 0 rgba(255, 255, 255, 0.07); }
.m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind .m-overlay-modal--close {
position: absolute;
right: 16px;
top: 16px;
padding: 0;
background-color: transparent; }
.m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind .m-overlay-modal--close i.material-icons {
font-size: 24px; }
body.m-theme__light .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind .m-overlay-modal--close i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind .m-overlay-modal--close i.material-icons {
color: #90a4ae !important; }
body.m-theme__dark .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind .m-overlay-modal--close i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind .m-overlay-modal--close i.material-icons {
color: #4f6873 !important; }
body.m-theme__light .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind .m-overlay-modal--close i.material-icons:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind .m-overlay-modal--close i.material-icons:hover {
color: #607d8b !important; }
body.m-theme__dark .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind .m-overlay-modal--close i.material-icons:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlay-modal:not(.m-overlayModal--media).m-overlayModal--remind .m-overlay-modal--close i.material-icons:hover {
color: #6b8a99 !important; }
.m-overlay-modal:not(.m-overlayModal--media).m-overlay-modal--large {
max-width: 990px; }
.m-overlay-modal:not(.m-overlayModal--media).m-overlay-modal--medium-large {
max-width: 800px; }
.m-overlay-modal:not(.m-overlayModal--media).m-overlay-modal--medium {
max-width: 600px; }
.m-overlay-modal:not(.m-overlayModal--media).m-overlay-modal--small {
max-width: 480px;
padding: 16px; }
body.m-theme__light .m-overlay-modal:not(.m-overlayModal--media).m-overlay-modal--small,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlay-modal:not(.m-overlayModal--media).m-overlay-modal--small {
background-color: #ffffff; }
body.m-theme__dark .m-overlay-modal:not(.m-overlayModal--media).m-overlay-modal--small,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlay-modal:not(.m-overlayModal--media).m-overlay-modal--small {
background-color: #242a30; }
.m-overlay-modal:not(.m-overlayModal--media).m-overlay-modal--no-padding {
padding: 0px; }
.m-overlay-modal:not(.m-overlayModal--media).m-overlay-modal--no-padding .post {
margin: 0px; }
.m-overlay-modal:not(.m-overlayModal--media):not(.m-overlay-modal--top):not(.m-overlayModal--media) {
transform: translateY(-50%); }
.m-overlay-modal:not(.m-overlayModal--media).m-overlay-modal--top {
top: 150px; }
@media screen and (max-width: 480px) {
.m-overlay-modal:not(.m-overlayModal--media) {
padding: 16px 32px; } }
@media screen and (max-height: 850px) {
.m-overlay-modal:not(.m-overlayModal--media) {
max-height: 96vh; } }
@media screen and (max-height: 750px) {
.m-overlay-modal:not(.m-overlayModal--media) {
max-height: 98vh; } }
.m-overlay-modal:not(.m-overlayModal--media)::-webkit-scrollbar {
display: none; }
.m-overlay-modal--overflow {
overflow: visible; }
.m-overlay-modal--close {
position: absolute;
top: 10px;
right: 10px;
z-index: 3;
display: inline-block;
padding: 10px;
border-radius: 4px;
cursor: pointer; }
body.m-theme__light .m-overlay-modal--close,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlay-modal--close {
background-color: rgba(0, 0, 0, 0.05);
color: #888; }
body.m-theme__dark .m-overlay-modal--close,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlay-modal--close {
background-color: rgba(255, 255, 255, 0.05);
color: #737373; }
body.m-theme__light .m-overlay-modal--close:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlay-modal--close:hover {
background-color: rgba(0, 0, 0, 0.1); }
body.m-theme__dark .m-overlay-modal--close:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlay-modal--close:hover {
background-color: rgba(255, 255, 255, 0.1); }
body.m-theme__light .m-overlay-modal--close:active,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlay-modal--close:active {
color: #aaa; }
body.m-theme__dark .m-overlay-modal--close:active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlay-modal--close:active {
color: #515151; }
@media screen and (max-width: 480px) {
.m-overlay-modal--close {
right: 8px; } }
.m-overlay-modal--close > i.material-icons {
font-size: 32px; }
.m-overlay-modal--shown,
.m-overlay-modal--shown--no-scroll {
overflow: hidden; }
.m-overlay-modal--backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
body.m-theme__light .m-overlay-modal--backdrop,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlay-modal--backdrop {
background-color: rgba(176, 176, 176, 0.5); }
body.m-theme__dark .m-overlay-modal--backdrop,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlay-modal--backdrop {
background-color: rgba(0, 0, 0, 0.5); }
.m-overlay-modal.m-overlayModal--media .m-overlay-modal--close .m-overlay-modal--escHint {
font-weight: 400;
display: block;
opacity: 0; }
m-overlay {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0; }
m-pageLayout {
display: block;
position: relative;
width: 100%;
max-width: 1200px;
margin: auto;
min-height: 100%;
padding: 56px 0 48px 0; }
body.m-theme__light m-pageLayout,
body .m-theme--wrapper.m-theme--wrapper__light m-pageLayout {
background-color: #ffffff;
color: #43434d; }
body.m-theme__dark m-pageLayout,
body .m-theme--wrapper.m-theme--wrapper__dark m-pageLayout {
background-color: #242a30;
color: #ffffff; }
m-pageLayout.isForm {
min-height: 0px; }
m-pageLayout .m-tooltip {
margin-left: 4px; }
m-pageLayout .m-tooltip i {
font-size: 12px; }
body.m-theme__light m-pageLayout .m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__light m-pageLayout .m-tooltip i {
color: rgba(153, 153, 153, 0.7); }
body.m-theme__dark m-pageLayout .m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__dark m-pageLayout .m-tooltip i {
color: rgba(98, 98, 98, 0.7); }
m-pageLayout .m-tooltip .m-tooltip--bubble {
z-index: 60;
font-size: 11px; }
m-sidebarMenu {
display: block;
box-sizing: border-box;
width: 245px;
padding-left: 20px; }
body.m-theme__light m-sidebarMenu,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebarMenu {
background-color: #ffffff; }
body.m-theme__dark m-sidebarMenu,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebarMenu {
background-color: #242a30; }
.m-pageLayout__main {
margin-left: 25%;
margin-right: 24px; }
body.m-theme__light .m-pageLayout__main,
body .m-theme--wrapper.m-theme--wrapper__light .m-pageLayout__main {
background-color: #ffffff;
color: #43434d; }
body.m-theme__dark .m-pageLayout__main,
body .m-theme--wrapper.m-theme--wrapper__dark .m-pageLayout__main {
background-color: #242a30;
color: #ffffff; }
@media screen and (max-width: 768px) {
m-pageLayout.isForm {
padding-bottom: 0px; }
.m-pageLayout__main {
display: block;
margin: 0; }
m-sidebarMenu {
margin-left: 0; } }
/**
* Credit to ngx-int-tel-input
*/
m-phoneInput {
position: relative;
display: inline-flex;
margin-bottom: 8px;
flex-grow: 1; }
@media (max-width: 480px) {
m-phoneInput {
width: 100%; }
m-phoneInput input {
width: 100%; } }
m-phoneInput span {
font-weight: 300; }
m-phoneInput .m-phoneInput__wrapper {
flex-grow: 1;
display: flex;
justify-content: flex-start;
flex-flow: row nowrap;
align-items: center; }
body.m-theme__light m-phoneInput .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__wrapper {
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark m-phoneInput .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__wrapper {
background-color: #242a30;
border: 1px solid #414c57; }
m-phoneInput .m-phoneInput__wrapper * {
box-sizing: border-box;
-moz-box-sizing: border-box; }
m-phoneInput .m-phoneInput__wrapper.dropdownShown {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
body.m-theme__light m-phoneInput .m-phoneInput__wrapper.focused,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__wrapper.focused {
border-color: #4690df; }
body.m-theme__dark m-phoneInput .m-phoneInput__wrapper.focused,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__wrapper.focused {
border-color: #44aaff; }
body.m-theme__light m-phoneInput .m-phoneInput__wrapper.focused .m-phoneInput__input,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__wrapper.focused .m-phoneInput__input {
border-color: #4690df; }
body.m-theme__dark m-phoneInput .m-phoneInput__wrapper.focused .m-phoneInput__input,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__wrapper.focused .m-phoneInput__input {
border-color: #44aaff; }
body.m-theme__light m-phoneInput .m-phoneInput__wrapper.invalid,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__wrapper.invalid {
border-color: #c62828; }
body.m-theme__dark m-phoneInput .m-phoneInput__wrapper.invalid,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__wrapper.invalid {
border-color: #d63232; }
body.m-theme__light m-phoneInput .m-phoneInput__wrapper.invalid input,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__wrapper.invalid input {
border-color: #c62828; }
body.m-theme__dark m-phoneInput .m-phoneInput__wrapper.invalid input,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__wrapper.invalid input {
border-color: #d63232; }
m-phoneInput .hide {
display: none; }
m-phoneInput .v-hide {
visibility: hidden; }
m-phoneInput input,
m-phoneInput input[type='text'],
m-phoneInput input[type='tel'] {
position: relative;
margin: 0;
font-size: 16px;
border: 0; }
m-phoneInput .m-phoneInput__digits-2 {
width: 24px; }
m-phoneInput .m-phoneInput__digits-3 {
width: 32px; }
m-phoneInput .m-phoneInput__digits-4 {
width: 40px; }
m-phoneInput .m-phoneInput__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px; }
m-phoneInput .m-phoneInput__selectedFlag {
z-index: 1;
position: relative;
height: 36px;
padding: 0 0 0 8px;
border: 0;
border-right: 0;
display: inline-flex;
align-items: center;
cursor: pointer;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
outline: 0; }
body.m-theme__light m-phoneInput .m-phoneInput__selectedFlag,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__selectedFlag {
background-color: #ffffff; }
body.m-theme__dark m-phoneInput .m-phoneInput__selectedFlag,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__selectedFlag {
background-color: #242a30; }
m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__dialCode {
margin-left: 5px; }
body.m-theme__light m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__dialCode,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__dialCode {
color: #999; }
body.m-theme__dark m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__dialCode,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__dialCode {
color: #626262; }
m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__arrow {
margin: 0 5px;
border-left: 4px solid transparent;
border-right: 4px solid transparent; }
body.m-theme__light m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__arrow,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__arrow {
border-top: 6px solid #ddd; }
body.m-theme__dark m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__arrow,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__arrow {
border-top: 6px solid #404040; }
m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__arrow.up {
border-top: none; }
body.m-theme__light m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__arrow.up,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__arrow.up {
border-bottom: 6px solid #ddd;
border-top: none; }
body.m-theme__dark m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__arrow.up,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__selectedFlag .m-phoneInput__arrow.up {
border-bottom: 6px solid #404040;
border-top: none; }
m-phoneInput .m-phoneInput__input {
flex: 1 1 auto;
height: 100%;
padding: 10px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
overflow-x: hidden; }
body.m-theme__light m-phoneInput .m-phoneInput__input,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__input {
background-color: #ffffff;
border-left: 1px solid #d3dbe3; }
body.m-theme__dark m-phoneInput .m-phoneInput__input,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__input {
background-color: #242a30;
border-left: 1px solid #414c57; }
m-phoneInput .m-phoneInput__input:focus {
outline: none; }
m-phoneInput m-phoneInput__country {
flex: 0 1 auto; }
m-phoneInput .m-phoneInput__countryList {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0;
top: 40px;
left: 0;
width: 100%;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
body.m-theme__light m-phoneInput .m-phoneInput__countryList,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__countryList {
background-color: #ffffff;
border: 1px solid #4690df;
border-top: none; }
body.m-theme__dark m-phoneInput .m-phoneInput__countryList,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__countryList {
background-color: #242a30;
border: 1px solid #44aaff;
border-top: none; }
m-phoneInput .m-phoneInput__countryList.dropdown {
flex-direction: column !important; }
@media (max-width: 500px) {
m-phoneInput .m-phoneInput__countryList {
white-space: normal; } }
m-phoneInput .m-phoneInput__countryList .m-phoneInput__country {
cursor: pointer;
padding: 8;
overflow: hidden;
text-overflow: ellipsis;
outline: none;
transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light m-phoneInput .m-phoneInput__countryList .m-phoneInput__country .m-phoneInput__dialCode,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__countryList .m-phoneInput__country .m-phoneInput__dialCode {
color: #999; }
body.m-theme__dark m-phoneInput .m-phoneInput__countryList .m-phoneInput__country .m-phoneInput__dialCode,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__countryList .m-phoneInput__country .m-phoneInput__dialCode {
color: #626262; }
body.m-theme__light m-phoneInput .m-phoneInput__countryList .m-phoneInput__country:focus,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__countryList .m-phoneInput__country:focus, body.m-theme__light m-phoneInput .m-phoneInput__countryList .m-phoneInput__country.focused,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__countryList .m-phoneInput__country.focused {
background-color: rgba(232, 232, 232, 0.4); }
body.m-theme__dark m-phoneInput .m-phoneInput__countryList .m-phoneInput__country:focus,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__countryList .m-phoneInput__country:focus, body.m-theme__dark m-phoneInput .m-phoneInput__countryList .m-phoneInput__country.focused,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__countryList .m-phoneInput__country.focused {
background-color: rgba(47, 47, 47, 0.4); }
body.m-theme__light m-phoneInput .m-phoneInput__countryList .m-phoneInput__country:active,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__countryList .m-phoneInput__country:active {
background-color: rgba(232, 232, 232, 0.7); }
body.m-theme__dark m-phoneInput .m-phoneInput__countryList .m-phoneInput__country:active,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__countryList .m-phoneInput__country:active {
background-color: rgba(47, 47, 47, 0.7); }
m-phoneInput .m-phoneInput__dropup {
bottom: 100%;
margin-bottom: -1px; }
m-phoneInput .m-phoneInput__flagBox {
display: inline-block;
width: 20px; }
m-phoneInput .m-phoneInput__divider {
padding-bottom: 5px;
margin-bottom: 5px;
background-color: transparent;
margin-top: 0; }
body.m-theme__light m-phoneInput .m-phoneInput__divider,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__divider {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-phoneInput .m-phoneInput__divider,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__divider {
border-bottom: 1px solid #414c57; }
body.m-theme__light m-phoneInput.country:not(:last-child),
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput.country:not(:last-child) {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-phoneInput.country:not(:last-child),
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput.country:not(:last-child) {
border-bottom: 1px solid #414c57; }
m-phoneInput .m-phoneInput__countryList .m-phoneInput__flagBox,
m-phoneInput .m-phoneInput__countryList .m-phoneInput__countryName,
m-phoneInput .m-phoneInput__countryList .m-phoneInput__dialCode {
vertical-align: middle; }
m-phoneInput .m-phoneInput__countryList .m-phoneInput__flagBox,
m-phoneInput .m-phoneInput__countryList .m-phoneInput__countryName {
margin-right: 6px; }
m-phoneInput .m-phoneInput__flag {
width: 20px; }
m-phoneInput .m-phoneInput__flag.be {
width: 18px; }
m-phoneInput .m-phoneInput__flag.ch {
width: 15px; }
m-phoneInput .m-phoneInput__flag.mc {
width: 19px; }
m-phoneInput .m-phoneInput__flag.ne {
width: 18px; }
m-phoneInput .m-phoneInput__flag.np {
width: 13px; }
m-phoneInput .m-phoneInput__flag.va {
width: 15px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
m-phoneInput .m-phoneInput__flag {
background-size: 5630px 15px; } }
m-phoneInput .m-phoneInput__flag.ac {
height: 10px;
background-position: 0px 0px; }
m-phoneInput .m-phoneInput__flag.ad {
height: 14px;
background-position: -22px 0px; }
m-phoneInput .m-phoneInput__flag.ae {
height: 10px;
background-position: -44px 0px; }
m-phoneInput .m-phoneInput__flag.af {
height: 14px;
background-position: -66px 0px; }
m-phoneInput .m-phoneInput__flag.ag {
height: 14px;
background-position: -88px 0px; }
m-phoneInput .m-phoneInput__flag.ai {
height: 10px;
background-position: -110px 0px; }
m-phoneInput .m-phoneInput__flag.al {
height: 15px;
background-position: -132px 0px; }
m-phoneInput .m-phoneInput__flag.am {
height: 10px;
background-position: -154px 0px; }
m-phoneInput .m-phoneInput__flag.ao {
height: 14px;
background-position: -176px 0px; }
m-phoneInput .m-phoneInput__flag.aq {
height: 14px;
background-position: -198px 0px; }
m-phoneInput .m-phoneInput__flag.ar {
height: 13px;
background-position: -220px 0px; }
m-phoneInput .m-phoneInput__flag.as {
height: 10px;
background-position: -242px 0px; }
m-phoneInput .m-phoneInput__flag.at {
height: 14px;
background-position: -264px 0px; }
m-phoneInput .m-phoneInput__flag.au {
height: 10px;
background-position: -286px 0px; }
m-phoneInput .m-phoneInput__flag.aw {
height: 14px;
background-position: -308px 0px; }
m-phoneInput .m-phoneInput__flag.ax {
height: 13px;
background-position: -330px 0px; }
m-phoneInput .m-phoneInput__flag.az {
height: 10px;
background-position: -352px 0px; }
m-phoneInput .m-phoneInput__flag.ba {
height: 10px;
background-position: -374px 0px; }
m-phoneInput .m-phoneInput__flag.bb {
height: 14px;
background-position: -396px 0px; }
m-phoneInput .m-phoneInput__flag.bd {
height: 12px;
background-position: -418px 0px; }
m-phoneInput .m-phoneInput__flag.be {
height: 15px;
background-position: -440px 0px; }
m-phoneInput .m-phoneInput__flag.bf {
height: 14px;
background-position: -460px 0px; }
m-phoneInput .m-phoneInput__flag.bg {
height: 12px;
background-position: -482px 0px; }
m-phoneInput .m-phoneInput__flag.bh {
height: 12px;
background-position: -504px 0px; }
m-phoneInput .m-phoneInput__flag.bi {
height: 12px;
background-position: -526px 0px; }
m-phoneInput .m-phoneInput__flag.bj {
height: 14px;
background-position: -548px 0px; }
m-phoneInput .m-phoneInput__flag.bl {
height: 14px;
background-position: -570px 0px; }
m-phoneInput .m-phoneInput__flag.bm {
height: 10px;
background-position: -592px 0px; }
m-phoneInput .m-phoneInput__flag.bn {
height: 10px;
background-position: -614px 0px; }
m-phoneInput .m-phoneInput__flag.bo {
height: 14px;
background-position: -636px 0px; }
m-phoneInput .m-phoneInput__flag.bq {
height: 14px;
background-position: -658px 0px; }
m-phoneInput .m-phoneInput__flag.br {
height: 14px;
background-position: -680px 0px; }
m-phoneInput .m-phoneInput__flag.bs {
height: 10px;
background-position: -702px 0px; }
m-phoneInput .m-phoneInput__flag.bt {
height: 14px;
background-position: -724px 0px; }
m-phoneInput .m-phoneInput__flag.bv {
height: 15px;
background-position: -746px 0px; }
m-phoneInput .m-phoneInput__flag.bw {
height: 14px;
background-position: -768px 0px; }
m-phoneInput .m-phoneInput__flag.by {
height: 10px;
background-position: -790px 0px; }
m-phoneInput .m-phoneInput__flag.bz {
height: 14px;
background-position: -812px 0px; }
m-phoneInput .m-phoneInput__flag.ca {
height: 10px;
background-position: -834px 0px; }
m-phoneInput .m-phoneInput__flag.cc {
height: 10px;
background-position: -856px 0px; }
m-phoneInput .m-phoneInput__flag.cd {
height: 15px;
background-position: -878px 0px; }
m-phoneInput .m-phoneInput__flag.cf {
height: 14px;
background-position: -900px 0px; }
m-phoneInput .m-phoneInput__flag.cg {
height: 14px;
background-position: -922px 0px; }
m-phoneInput .m-phoneInput__flag.ch {
height: 15px;
background-position: -944px 0px; }
m-phoneInput .m-phoneInput__flag.ci {
height: 14px;
background-position: -961px 0px; }
m-phoneInput .m-phoneInput__flag.ck {
height: 10px;
background-position: -983px 0px; }
m-phoneInput .m-phoneInput__flag.cl {
height: 14px;
background-position: -1005px 0px; }
m-phoneInput .m-phoneInput__flag.cm {
height: 14px;
background-position: -1027px 0px; }
m-phoneInput .m-phoneInput__flag.cn {
height: 14px;
background-position: -1049px 0px; }
m-phoneInput .m-phoneInput__flag.co {
height: 14px;
background-position: -1071px 0px; }
m-phoneInput .m-phoneInput__flag.cp {
height: 14px;
background-position: -1093px 0px; }
m-phoneInput .m-phoneInput__flag.cr {
height: 12px;
background-position: -1115px 0px; }
m-phoneInput .m-phoneInput__flag.cu {
height: 10px;
background-position: -1137px 0px; }
m-phoneInput .m-phoneInput__flag.cv {
height: 12px;
background-position: -1159px 0px; }
m-phoneInput .m-phoneInput__flag.cw {
height: 14px;
background-position: -1181px 0px; }
m-phoneInput .m-phoneInput__flag.cx {
height: 10px;
background-position: -1203px 0px; }
m-phoneInput .m-phoneInput__flag.cy {
height: 13px;
background-position: -1225px 0px; }
m-phoneInput .m-phoneInput__flag.cz {
height: 14px;
background-position: -1247px 0px; }
m-phoneInput .m-phoneInput__flag.de {
height: 12px;
background-position: -1269px 0px; }
m-phoneInput .m-phoneInput__flag.dg {
height: 10px;
background-position: -1291px 0px; }
m-phoneInput .m-phoneInput__flag.dj {
height: 14px;
background-position: -1313px 0px; }
m-phoneInput .m-phoneInput__flag.dk {
height: 15px;
background-position: -1335px 0px; }
m-phoneInput .m-phoneInput__flag.dm {
height: 10px;
background-position: -1357px 0px; }
m-phoneInput .m-phoneInput__flag.do {
height: 13px;
background-position: -1379px 0px; }
m-phoneInput .m-phoneInput__flag.dz {
height: 14px;
background-position: -1401px 0px; }
m-phoneInput .m-phoneInput__flag.ea {
height: 14px;
background-position: -1423px 0px; }
m-phoneInput .m-phoneInput__flag.ec {
height: 14px;
background-position: -1445px 0px; }
m-phoneInput .m-phoneInput__flag.ee {
height: 13px;
background-position: -1467px 0px; }
m-phoneInput .m-phoneInput__flag.eg {
height: 14px;
background-position: -1489px 0px; }
m-phoneInput .m-phoneInput__flag.eh {
height: 10px;
background-position: -1511px 0px; }
m-phoneInput .m-phoneInput__flag.er {
height: 10px;
background-position: -1533px 0px; }
m-phoneInput .m-phoneInput__flag.es {
height: 14px;
background-position: -1555px 0px; }
m-phoneInput .m-phoneInput__flag.et {
height: 10px;
background-position: -1577px 0px; }
m-phoneInput .m-phoneInput__flag.eu {
height: 14px;
background-position: -1599px 0px; }
m-phoneInput .m-phoneInput__flag.fi {
height: 12px;
background-position: -1621px 0px; }
m-phoneInput .m-phoneInput__flag.fj {
height: 10px;
background-position: -1643px 0px; }
m-phoneInput .m-phoneInput__flag.fk {
height: 10px;
background-position: -1665px 0px; }
m-phoneInput .m-phoneInput__flag.fm {
height: 11px;
background-position: -1687px 0px; }
m-phoneInput .m-phoneInput__flag.fo {
height: 15px;
background-position: -1709px 0px; }
m-phoneInput .m-phoneInput__flag.fr {
height: 14px;
background-position: -1731px 0px; }
m-phoneInput .m-phoneInput__flag.ga {
height: 15px;
background-position: -1753px 0px; }
m-phoneInput .m-phoneInput__flag.gb {
height: 10px;
background-position: -1775px 0px; }
m-phoneInput .m-phoneInput__flag.gd {
height: 12px;
background-position: -1797px 0px; }
m-phoneInput .m-phoneInput__flag.ge {
height: 14px;
background-position: -1819px 0px; }
m-phoneInput .m-phoneInput__flag.gf {
height: 14px;
background-position: -1841px 0px; }
m-phoneInput .m-phoneInput__flag.gg {
height: 14px;
background-position: -1863px 0px; }
m-phoneInput .m-phoneInput__flag.gh {
height: 14px;
background-position: -1885px 0px; }
m-phoneInput .m-phoneInput__flag.gi {
height: 10px;
background-position: -1907px 0px; }
m-phoneInput .m-phoneInput__flag.gl {
height: 14px;
background-position: -1929px 0px; }
m-phoneInput .m-phoneInput__flag.gm {
height: 14px;
background-position: -1951px 0px; }
m-phoneInput .m-phoneInput__flag.gn {
height: 14px;
background-position: -1973px 0px; }
m-phoneInput .m-phoneInput__flag.gp {
height: 14px;
background-position: -1995px 0px; }
m-phoneInput .m-phoneInput__flag.gq {
height: 14px;
background-position: -2017px 0px; }
m-phoneInput .m-phoneInput__flag.gr {
height: 14px;
background-position: -2039px 0px; }
m-phoneInput .m-phoneInput__flag.gs {
height: 10px;
background-position: -2061px 0px; }
m-phoneInput .m-phoneInput__flag.gt {
height: 13px;
background-position: -2083px 0px; }
m-phoneInput .m-phoneInput__flag.gu {
height: 11px;
background-position: -2105px 0px; }
m-phoneInput .m-phoneInput__flag.gw {
height: 10px;
background-position: -2127px 0px; }
m-phoneInput .m-phoneInput__flag.gy {
height: 12px;
background-position: -2149px 0px; }
m-phoneInput .m-phoneInput__flag.hk {
height: 14px;
background-position: -2171px 0px; }
m-phoneInput .m-phoneInput__flag.hm {
height: 10px;
background-position: -2193px 0px; }
m-phoneInput .m-phoneInput__flag.hn {
height: 10px;
background-position: -2215px 0px; }
m-phoneInput .m-phoneInput__flag.hr {
height: 10px;
background-position: -2237px 0px; }
m-phoneInput .m-phoneInput__flag.ht {
height: 12px;
background-position: -2259px 0px; }
m-phoneInput .m-phoneInput__flag.hu {
height: 10px;
background-position: -2281px 0px; }
m-phoneInput .m-phoneInput__flag.ic {
height: 14px;
background-position: -2303px 0px; }
m-phoneInput .m-phoneInput__flag.id {
height: 14px;
background-position: -2325px 0px; }
m-phoneInput .m-phoneInput__flag.ie {
height: 10px;
background-position: -2347px 0px; }
m-phoneInput .m-phoneInput__flag.il {
height: 15px;
background-position: -2369px 0px; }
m-phoneInput .m-phoneInput__flag.im {
height: 10px;
background-position: -2391px 0px; }
m-phoneInput .m-phoneInput__flag.in {
height: 14px;
background-position: -2413px 0px; }
m-phoneInput .m-phoneInput__flag.io {
height: 10px;
background-position: -2435px 0px; }
m-phoneInput .m-phoneInput__flag.iq {
height: 14px;
background-position: -2457px 0px; }
m-phoneInput .m-phoneInput__flag.ir {
height: 12px;
background-position: -2479px 0px; }
m-phoneInput .m-phoneInput__flag.is {
height: 15px;
background-position: -2501px 0px; }
m-phoneInput .m-phoneInput__flag.it {
height: 14px;
background-position: -2523px 0px; }
m-phoneInput .m-phoneInput__flag.je {
height: 12px;
background-position: -2545px 0px; }
m-phoneInput .m-phoneInput__flag.jm {
height: 10px;
background-position: -2567px 0px; }
m-phoneInput .m-phoneInput__flag.jo {
height: 10px;
background-position: -2589px 0px; }
m-phoneInput .m-phoneInput__flag.jp {
height: 14px;
background-position: -2611px 0px; }
m-phoneInput .m-phoneInput__flag.ke {
height: 14px;
background-position: -2633px 0px; }
m-phoneInput .m-phoneInput__flag.kg {
height: 12px;
background-position: -2655px 0px; }
m-phoneInput .m-phoneInput__flag.kh {
height: 13px;
background-position: -2677px 0px; }
m-phoneInput .m-phoneInput__flag.ki {
height: 10px;
background-position: -2699px 0px; }
m-phoneInput .m-phoneInput__flag.km {
height: 12px;
background-position: -2721px 0px; }
m-phoneInput .m-phoneInput__flag.kn {
height: 14px;
background-position: -2743px 0px; }
m-phoneInput .m-phoneInput__flag.kp {
height: 10px;
background-position: -2765px 0px; }
m-phoneInput .m-phoneInput__flag.kr {
height: 14px;
background-position: -2787px 0px; }
m-phoneInput .m-phoneInput__flag.kw {
height: 10px;
background-position: -2809px 0px; }
m-phoneInput .m-phoneInput__flag.ky {
height: 10px;
background-position: -2831px 0px; }
m-phoneInput .m-phoneInput__flag.kz {
height: 10px;
background-position: -2853px 0px; }
m-phoneInput .m-phoneInput__flag.la {
height: 14px;
background-position: -2875px 0px; }
m-phoneInput .m-phoneInput__flag.lb {
height: 14px;
background-position: -2897px 0px; }
m-phoneInput .m-phoneInput__flag.lc {
height: 10px;
background-position: -2919px 0px; }
m-phoneInput .m-phoneInput__flag.li {
height: 12px;
background-position: -2941px 0px; }
m-phoneInput .m-phoneInput__flag.lk {
height: 10px;
background-position: -2963px 0px; }
m-phoneInput .m-phoneInput__flag.lr {
height: 11px;
background-position: -2985px 0px; }
m-phoneInput .m-phoneInput__flag.ls {
height: 14px;
background-position: -3007px 0px; }
m-phoneInput .m-phoneInput__flag.lt {
height: 12px;
background-position: -3029px 0px; }
m-phoneInput .m-phoneInput__flag.lu {
height: 12px;
background-position: -3051px 0px; }
m-phoneInput .m-phoneInput__flag.lv {
height: 10px;
background-position: -3073px 0px; }
m-phoneInput .m-phoneInput__flag.ly {
height: 10px;
background-position: -3095px 0px; }
m-phoneInput .m-phoneInput__flag.ma {
height: 14px;
background-position: -3117px 0px; }
m-phoneInput .m-phoneInput__flag.mc {
height: 15px;
background-position: -3139px 0px; }
m-phoneInput .m-phoneInput__flag.md {
height: 10px;
background-position: -3160px 0px; }
m-phoneInput .m-phoneInput__flag.me {
height: 10px;
background-position: -3182px 0px; }
m-phoneInput .m-phoneInput__flag.mf {
height: 14px;
background-position: -3204px 0px; }
m-phoneInput .m-phoneInput__flag.mg {
height: 14px;
background-position: -3226px 0px; }
m-phoneInput .m-phoneInput__flag.mh {
height: 11px;
background-position: -3248px 0px; }
m-phoneInput .m-phoneInput__flag.mk {
height: 10px;
background-position: -3270px 0px; }
m-phoneInput .m-phoneInput__flag.ml {
height: 14px;
background-position: -3292px 0px; }
m-phoneInput .m-phoneInput__flag.mm {
height: 14px;
background-position: -3314px 0px; }
m-phoneInput .m-phoneInput__flag.mn {
height: 10px;
background-position: -3336px 0px; }
m-phoneInput .m-phoneInput__flag.mo {
height: 14px;
background-position: -3358px 0px; }
m-phoneInput .m-phoneInput__flag.mp {
height: 10px;
background-position: -3380px 0px; }
m-phoneInput .m-phoneInput__flag.mq {
height: 14px;
background-position: -3402px 0px; }
m-phoneInput .m-phoneInput__flag.mr {
height: 14px;
background-position: -3424px 0px; }
m-phoneInput .m-phoneInput__flag.ms {
height: 10px;
background-position: -3446px 0px; }
m-phoneInput .m-phoneInput__flag.mt {
height: 14px;
background-position: -3468px 0px; }
m-phoneInput .m-phoneInput__flag.mu {
height: 14px;
background-position: -3490px 0px; }
m-phoneInput .m-phoneInput__flag.mv {
height: 14px;
background-position: -3512px 0px; }
m-phoneInput .m-phoneInput__flag.mw {
height: 14px;
background-position: -3534px 0px; }
m-phoneInput .m-phoneInput__flag.mx {
height: 12px;
background-position: -3556px 0px; }
m-phoneInput .m-phoneInput__flag.my {
height: 10px;
background-position: -3578px 0px; }
m-phoneInput .m-phoneInput__flag.mz {
height: 14px;
background-position: -3600px 0px; }
m-phoneInput .m-phoneInput__flag.na {
height: 14px;
background-position: -3622px 0px; }
m-phoneInput .m-phoneInput__flag.nc {
height: 10px;
background-position: -3644px 0px; }
m-phoneInput .m-phoneInput__flag.ne {
height: 15px;
background-position: -3666px 0px; }
m-phoneInput .m-phoneInput__flag.nf {
height: 10px;
background-position: -3686px 0px; }
m-phoneInput .m-phoneInput__flag.ng {
height: 10px;
background-position: -3708px 0px; }
m-phoneInput .m-phoneInput__flag.ni {
height: 12px;
background-position: -3730px 0px; }
m-phoneInput .m-phoneInput__flag.nl {
height: 14px;
background-position: -3752px 0px; }
m-phoneInput .m-phoneInput__flag.no {
height: 15px;
background-position: -3774px 0px; }
m-phoneInput .m-phoneInput__flag.np {
height: 15px;
background-position: -3796px 0px; }
m-phoneInput .m-phoneInput__flag.nr {
height: 10px;
background-position: -3811px 0px; }
m-phoneInput .m-phoneInput__flag.nu {
height: 10px;
background-position: -3833px 0px; }
m-phoneInput .m-phoneInput__flag.nz {
height: 10px;
background-position: -3855px 0px; }
m-phoneInput .m-phoneInput__flag.om {
height: 10px;
background-position: -3877px 0px; }
m-phoneInput .m-phoneInput__flag.pa {
height: 14px;
background-position: -3899px 0px; }
m-phoneInput .m-phoneInput__flag.pe {
height: 14px;
background-position: -3921px 0px; }
m-phoneInput .m-phoneInput__flag.pf {
height: 14px;
background-position: -3943px 0px; }
m-phoneInput .m-phoneInput__flag.pg {
height: 15px;
background-position: -3965px 0px; }
m-phoneInput .m-phoneInput__flag.ph {
height: 10px;
background-position: -3987px 0px; }
m-phoneInput .m-phoneInput__flag.pk {
height: 14px;
background-position: -4009px 0px; }
m-phoneInput .m-phoneInput__flag.pl {
height: 13px;
background-position: -4031px 0px; }
m-phoneInput .m-phoneInput__flag.pm {
height: 14px;
background-position: -4053px 0px; }
m-phoneInput .m-phoneInput__flag.pn {
height: 10px;
background-position: -4075px 0px; }
m-phoneInput .m-phoneInput__flag.pr {
height: 14px;
background-position: -4097px 0px; }
m-phoneInput .m-phoneInput__flag.ps {
height: 10px;
background-position: -4119px 0px; }
m-phoneInput .m-phoneInput__flag.pt {
height: 14px;
background-position: -4141px 0px; }
m-phoneInput .m-phoneInput__flag.pw {
height: 13px;
background-position: -4163px 0px; }
m-phoneInput .m-phoneInput__flag.py {
height: 11px;
background-position: -4185px 0px; }
m-phoneInput .m-phoneInput__flag.qa {
height: 8px;
background-position: -4207px 0px; }
m-phoneInput .m-phoneInput__flag.re {
height: 14px;
background-position: -4229px 0px; }
m-phoneInput .m-phoneInput__flag.ro {
height: 14px;
background-position: -4251px 0px; }
m-phoneInput .m-phoneInput__flag.rs {
height: 14px;
background-position: -4273px 0px; }
m-phoneInput .m-phoneInput__flag.ru {
height: 14px;
background-position: -4295px 0px; }
m-phoneInput .m-phoneInput__flag.rw {
height: 14px;
background-position: -4317px 0px; }
m-phoneInput .m-phoneInput__flag.sa {
height: 14px;
background-position: -4339px 0px; }
m-phoneInput .m-phoneInput__flag.sb {
height: 10px;
background-position: -4361px 0px; }
m-phoneInput .m-phoneInput__flag.sc {
height: 10px;
background-position: -4383px 0px; }
m-phoneInput .m-phoneInput__flag.sd {
height: 10px;
background-position: -4405px 0px; }
m-phoneInput .m-phoneInput__flag.se {
height: 13px;
background-position: -4427px 0px; }
m-phoneInput .m-phoneInput__flag.sg {
height: 14px;
background-position: -4449px 0px; }
m-phoneInput .m-phoneInput__flag.sh {
height: 10px;
background-position: -4471px 0px; }
m-phoneInput .m-phoneInput__flag.si {
height: 10px;
background-position: -4493px 0px; }
m-phoneInput .m-phoneInput__flag.sj {
height: 15px;
background-position: -4515px 0px; }
m-phoneInput .m-phoneInput__flag.sk {
height: 14px;
background-position: -4537px 0px; }
m-phoneInput .m-phoneInput__flag.sl {
height: 14px;
background-position: -4559px 0px; }
m-phoneInput .m-phoneInput__flag.sm {
height: 15px;
background-position: -4581px 0px; }
m-phoneInput .m-phoneInput__flag.sn {
height: 14px;
background-position: -4603px 0px; }
m-phoneInput .m-phoneInput__flag.so {
height: 14px;
background-position: -4625px 0px; }
m-phoneInput .m-phoneInput__flag.sr {
height: 14px;
background-position: -4647px 0px; }
m-phoneInput .m-phoneInput__flag.ss {
height: 10px;
background-position: -4669px 0px; }
m-phoneInput .m-phoneInput__flag.st {
height: 10px;
background-position: -4691px 0px; }
m-phoneInput .m-phoneInput__flag.sv {
height: 12px;
background-position: -4713px 0px; }
m-phoneInput .m-phoneInput__flag.sx {
height: 14px;
background-position: -4735px 0px; }
m-phoneInput .m-phoneInput__flag.sy {
height: 14px;
background-position: -4757px 0px; }
m-phoneInput .m-phoneInput__flag.sz {
height: 14px;
background-position: -4779px 0px; }
m-phoneInput .m-phoneInput__flag.ta {
height: 10px;
background-position: -4801px 0px; }
m-phoneInput .m-phoneInput__flag.tc {
height: 10px;
background-position: -4823px 0px; }
m-phoneInput .m-phoneInput__flag.td {
height: 14px;
background-position: -4845px 0px; }
m-phoneInput .m-phoneInput__flag.tf {
height: 14px;
background-position: -4867px 0px; }
m-phoneInput .m-phoneInput__flag.tg {
height: 13px;
background-position: -4889px 0px; }
m-phoneInput .m-phoneInput__flag.th {
height: 14px;
background-position: -4911px 0px; }
m-phoneInput .m-phoneInput__flag.tj {
height: 10px;
background-position: -4933px 0px; }
m-phoneInput .m-phoneInput__flag.tk {
height: 10px;
background-position: -4955px 0px; }
m-phoneInput .m-phoneInput__flag.tl {
height: 10px;
background-position: -4977px 0px; }
m-phoneInput .m-phoneInput__flag.tm {
height: 14px;
background-position: -4999px 0px; }
m-phoneInput .m-phoneInput__flag.tn {
height: 14px;
background-position: -5021px 0px; }
m-phoneInput .m-phoneInput__flag.to {
height: 10px;
background-position: -5043px 0px; }
m-phoneInput .m-phoneInput__flag.tr {
height: 14px;
background-position: -5065px 0px; }
m-phoneInput .m-phoneInput__flag.tt {
height: 12px;
background-position: -5087px 0px; }
m-phoneInput .m-phoneInput__flag.tv {
height: 10px;
background-position: -5109px 0px; }
m-phoneInput .m-phoneInput__flag.tw {
height: 14px;
background-position: -5131px 0px; }
m-phoneInput .m-phoneInput__flag.tz {
height: 14px;
background-position: -5153px 0px; }
m-phoneInput .m-phoneInput__flag.ua {
height: 14px;
background-position: -5175px 0px; }
m-phoneInput .m-phoneInput__flag.ug {
height: 14px;
background-position: -5197px 0px; }
m-phoneInput .m-phoneInput__flag.um {
height: 11px;
background-position: -5219px 0px; }
m-phoneInput .m-phoneInput__flag.us {
height: 11px;
background-position: -5241px 0px; }
m-phoneInput .m-phoneInput__flag.uy {
height: 14px;
background-position: -5263px 0px; }
m-phoneInput .m-phoneInput__flag.uz {
height: 10px;
background-position: -5285px 0px; }
m-phoneInput .m-phoneInput__flag.va {
height: 15px;
background-position: -5307px 0px; }
m-phoneInput .m-phoneInput__flag.vc {
height: 14px;
background-position: -5324px 0px; }
m-phoneInput .m-phoneInput__flag.ve {
height: 14px;
background-position: -5346px 0px; }
m-phoneInput .m-phoneInput__flag.vg {
height: 10px;
background-position: -5368px 0px; }
m-phoneInput .m-phoneInput__flag.vi {
height: 14px;
background-position: -5390px 0px; }
m-phoneInput .m-phoneInput__flag.vn {
height: 14px;
background-position: -5412px 0px; }
m-phoneInput .m-phoneInput__flag.vu {
height: 12px;
background-position: -5434px 0px; }
m-phoneInput .m-phoneInput__flag.wf {
height: 14px;
background-position: -5456px 0px; }
m-phoneInput .m-phoneInput__flag.ws {
height: 10px;
background-position: -5478px 0px; }
m-phoneInput .m-phoneInput__flag.xk {
height: 15px;
background-position: -5500px 0px; }
m-phoneInput .m-phoneInput__flag.ye {
height: 14px;
background-position: -5522px 0px; }
m-phoneInput .m-phoneInput__flag.yt {
height: 14px;
background-position: -5544px 0px; }
m-phoneInput .m-phoneInput__flag.za {
height: 14px;
background-position: -5566px 0px; }
m-phoneInput .m-phoneInput__flag.zm {
height: 14px;
background-position: -5588px 0px; }
m-phoneInput .m-phoneInput__flag.zw {
height: 10px;
background-position: -5610px 0px; }
m-phoneInput .m-phoneInput__flag {
width: 20px;
height: 15px;
background-image: url("/static/en//assets/flags/flags.png");
background-repeat: no-repeat;
background-position: 20px 0; }
body.m-theme__light m-phoneInput .m-phoneInput__flag,
body .m-theme--wrapper.m-theme--wrapper__light m-phoneInput .m-phoneInput__flag {
background-color: #ddd; }
body.m-theme__dark m-phoneInput .m-phoneInput__flag,
body .m-theme--wrapper.m-theme--wrapper__dark m-phoneInput .m-phoneInput__flag {
background-color: #404040; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
m-phoneInput .m-phoneInput__flag {
background-image: url("/static/en//assets/flags/flags@2x.png"); } }
m-phoneInput .m-phoneInput__flag.np {
background-color: transparent; }
/**
* Credit to ngx-int-tel-input
*/
m-phone-input {
position: relative;
display: inline-flex;
margin-bottom: 8px; }
@media (max-width: 480px) {
m-phone-input {
width: 100%; }
m-phone-input input {
width: 100%; } }
m-phone-input span {
font-weight: 300; }
m-phone-input .m-phone-input--wrapper {
display: flex;
margin-bottom: 8px; }
@media (min-width: 480px) {
m-phone-input .m-phone-input--wrapper {
flex-flow: row wrap;
justify-content: flex-end; } }
body.m-theme__light m-phone-input .m-phone-input--wrapper,
body .m-theme--wrapper.m-theme--wrapper__light m-phone-input .m-phone-input--wrapper {
background-color: #ffffff; }
body.m-theme__dark m-phone-input .m-phone-input--wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark m-phone-input .m-phone-input--wrapper {
background-color: #242a30; }
m-phone-input .m-phone-input--wrapper * {
box-sizing: border-box;
-moz-box-sizing: border-box; }
m-phone-input .hide {
display: none; }
m-phone-input .v-hide {
visibility: hidden; }
m-phone-input input,
m-phone-input input[type='text'],
m-phone-input input[type='tel'] {
position: relative;
margin: 0;
font-size: 16px;
border: 0; }
m-phone-input .m-phone-input--digits-2 {
width: 24px; }
m-phone-input .m-phone-input--digits-3 {
width: 32px; }
m-phone-input .m-phone-input--digits-4 {
width: 40px; }
m-phone-input .m-phone-input--flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px; }
m-phone-input .m-phone-input--selected-flag {
z-index: 1;
position: relative;
height: 36px;
padding: 0 0 0 8px;
border: 0;
border-right: 0;
display: inline-flex;
align-items: center;
cursor: pointer;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
outline: 0; }
body.m-theme__light m-phone-input .m-phone-input--selected-flag,
body .m-theme--wrapper.m-theme--wrapper__light m-phone-input .m-phone-input--selected-flag {
background-color: #ffffff; }
body.m-theme__dark m-phone-input .m-phone-input--selected-flag,
body .m-theme--wrapper.m-theme--wrapper__dark m-phone-input .m-phone-input--selected-flag {
background-color: #242a30; }
m-phone-input .m-phone-input--selected-flag .m-phone-input--dial-code {
margin-left: 5px; }
body.m-theme__light m-phone-input .m-phone-input--selected-flag .m-phone-input--dial-code,
body .m-theme--wrapper.m-theme--wrapper__light m-phone-input .m-phone-input--selected-flag .m-phone-input--dial-code {
color: #999; }
body.m-theme__dark m-phone-input .m-phone-input--selected-flag .m-phone-input--dial-code,
body .m-theme--wrapper.m-theme--wrapper__dark m-phone-input .m-phone-input--selected-flag .m-phone-input--dial-code {
color: #626262; }
m-phone-input .m-phone-input--selected-flag .m-phone-input--arrow {
margin: 0 5px;
border-left: 4px solid transparent;
border-right: 4px solid transparent; }
body.m-theme__light m-phone-input .m-phone-input--selected-flag .m-phone-input--arrow,
body .m-theme--wrapper.m-theme--wrapper__light m-phone-input .m-phone-input--selected-flag .m-phone-input--arrow {
border-top: 6px solid #999; }
body.m-theme__dark m-phone-input .m-phone-input--selected-flag .m-phone-input--arrow,
body .m-theme--wrapper.m-theme--wrapper__dark m-phone-input .m-phone-input--selected-flag .m-phone-input--arrow {
border-top: 6px solid #626262; }
m-phone-input .m-phone-input--selected-flag .m-phone-input--arrow.up {
border-top: none; }
body.m-theme__light m-phone-input .m-phone-input--selected-flag .m-phone-input--arrow.up,
body .m-theme--wrapper.m-theme--wrapper__light m-phone-input .m-phone-input--selected-flag .m-phone-input--arrow.up {
border-bottom: 6px solid #999; }
body.m-theme__dark m-phone-input .m-phone-input--selected-flag .m-phone-input--arrow.up,
body .m-theme--wrapper.m-theme--wrapper__dark m-phone-input .m-phone-input--selected-flag .m-phone-input--arrow.up {
border-bottom: 6px solid #626262; }
m-phone-input .m-phone-input--country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0;
top: 36px;
width: 100%;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll; }
body.m-theme__light m-phone-input .m-phone-input--country-list,
body .m-theme--wrapper.m-theme--wrapper__light m-phone-input .m-phone-input--country-list {
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark m-phone-input .m-phone-input--country-list,
body .m-theme--wrapper.m-theme--wrapper__dark m-phone-input .m-phone-input--country-list {
box-shadow: 1px 1px 4px rgba(255, 255, 255, 0.2);
background-color: #242a30;
border: 1px solid #414c57; }
m-phone-input .m-phone-input--country-list.dropdown-menu {
flex-direction: column !important; }
@media (max-width: 500px) {
m-phone-input .m-phone-input--country-list {
white-space: normal; } }
m-phone-input .m-phone-input--country-list .m-phone-input--country {
cursor: pointer;
padding: 8; }
body.m-theme__light m-phone-input .m-phone-input--country-list .m-phone-input--country .m-phone-input--dial-code,
body .m-theme--wrapper.m-theme--wrapper__light m-phone-input .m-phone-input--country-list .m-phone-input--country .m-phone-input--dial-code {
color: #999; }
body.m-theme__dark m-phone-input .m-phone-input--country-list .m-phone-input--country .m-phone-input--dial-code,
body .m-theme--wrapper.m-theme--wrapper__dark m-phone-input .m-phone-input--country-list .m-phone-input--country .m-phone-input--dial-code {
color: #626262; }
body.m-theme__light m-phone-input .m-phone-input--country-list .m-phone-input--country .m-phone-input--highlight,
body .m-theme--wrapper.m-theme--wrapper__light m-phone-input .m-phone-input--country-list .m-phone-input--country .m-phone-input--highlight {
background-color: rgba(0, 0, 0, 0.05); }
body.m-theme__dark m-phone-input .m-phone-input--country-list .m-phone-input--country .m-phone-input--highlight,
body .m-theme--wrapper.m-theme--wrapper__dark m-phone-input .m-phone-input--country-list .m-phone-input--country .m-phone-input--highlight {
background-color: rgba(255, 255, 255, 0.05); }
m-phone-input .m-phone-input--dropup {
bottom: 100%;
margin-bottom: -1px; }
m-phone-input .m-phone-input--flag-box {
display: inline-block;
width: 20px; }
m-phone-input .m-phone-input--divider {
padding-bottom: 5px;
margin-bottom: 5px;
background-color: transparent;
margin-top: 0; }
body.m-theme__light m-phone-input .m-phone-input--divider,
body .m-theme--wrapper.m-theme--wrapper__light m-phone-input .m-phone-input--divider {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-phone-input .m-phone-input--divider,
body .m-theme--wrapper.m-theme--wrapper__dark m-phone-input .m-phone-input--divider {
border-bottom: 1px solid #414c57; }
body.m-theme__light m-phone-input.country:not(:last-child),
body .m-theme--wrapper.m-theme--wrapper__light m-phone-input.country:not(:last-child) {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-phone-input.country:not(:last-child),
body .m-theme--wrapper.m-theme--wrapper__dark m-phone-input.country:not(:last-child) {
border-bottom: 1px solid #414c57; }
m-phone-input .m-phone-input--country-list .m-phone-input--flag-box,
m-phone-input .m-phone-input--country-list .m-phone-input--country-name,
m-phone-input .m-phone-input--country-list .m-phone-input--dial-code {
vertical-align: middle; }
m-phone-input .m-phone-input--country-list .m-phone-input--flag-box,
m-phone-input .m-phone-input--country-list .m-phone-input--country-name {
margin-right: 6px; }
m-phone-input .m-phone-input--flag {
width: 20px; }
m-phone-input .m-phone-input--flag.be {
width: 18px; }
m-phone-input .m-phone-input--flag.ch {
width: 15px; }
m-phone-input .m-phone-input--flag.mc {
width: 19px; }
m-phone-input .m-phone-input--flag.ne {
width: 18px; }
m-phone-input .m-phone-input--flag.np {
width: 13px; }
m-phone-input .m-phone-input--flag.va {
width: 15px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
m-phone-input .m-phone-input--flag {
background-size: 5630px 15px; } }
m-phone-input .m-phone-input--flag.ac {
height: 10px;
background-position: 0px 0px; }
m-phone-input .m-phone-input--flag.ad {
height: 14px;
background-position: -22px 0px; }
m-phone-input .m-phone-input--flag.ae {
height: 10px;
background-position: -44px 0px; }
m-phone-input .m-phone-input--flag.af {
height: 14px;
background-position: -66px 0px; }
m-phone-input .m-phone-input--flag.ag {
height: 14px;
background-position: -88px 0px; }
m-phone-input .m-phone-input--flag.ai {
height: 10px;
background-position: -110px 0px; }
m-phone-input .m-phone-input--flag.al {
height: 15px;
background-position: -132px 0px; }
m-phone-input .m-phone-input--flag.am {
height: 10px;
background-position: -154px 0px; }
m-phone-input .m-phone-input--flag.ao {
height: 14px;
background-position: -176px 0px; }
m-phone-input .m-phone-input--flag.aq {
height: 14px;
background-position: -198px 0px; }
m-phone-input .m-phone-input--flag.ar {
height: 13px;
background-position: -220px 0px; }
m-phone-input .m-phone-input--flag.as {
height: 10px;
background-position: -242px 0px; }
m-phone-input .m-phone-input--flag.at {
height: 14px;
background-position: -264px 0px; }
m-phone-input .m-phone-input--flag.au {
height: 10px;
background-position: -286px 0px; }
m-phone-input .m-phone-input--flag.aw {
height: 14px;
background-position: -308px 0px; }
m-phone-input .m-phone-input--flag.ax {
height: 13px;
background-position: -330px 0px; }
m-phone-input .m-phone-input--flag.az {
height: 10px;
background-position: -352px 0px; }
m-phone-input .m-phone-input--flag.ba {
height: 10px;
background-position: -374px 0px; }
m-phone-input .m-phone-input--flag.bb {
height: 14px;
background-position: -396px 0px; }
m-phone-input .m-phone-input--flag.bd {
height: 12px;
background-position: -418px 0px; }
m-phone-input .m-phone-input--flag.be {
height: 15px;
background-position: -440px 0px; }
m-phone-input .m-phone-input--flag.bf {
height: 14px;
background-position: -460px 0px; }
m-phone-input .m-phone-input--flag.bg {
height: 12px;
background-position: -482px 0px; }
m-phone-input .m-phone-input--flag.bh {
height: 12px;
background-position: -504px 0px; }
m-phone-input .m-phone-input--flag.bi {
height: 12px;
background-position: -526px 0px; }
m-phone-input .m-phone-input--flag.bj {
height: 14px;
background-position: -548px 0px; }
m-phone-input .m-phone-input--flag.bl {
height: 14px;
background-position: -570px 0px; }
m-phone-input .m-phone-input--flag.bm {
height: 10px;
background-position: -592px 0px; }
m-phone-input .m-phone-input--flag.bn {
height: 10px;
background-position: -614px 0px; }
m-phone-input .m-phone-input--flag.bo {
height: 14px;
background-position: -636px 0px; }
m-phone-input .m-phone-input--flag.bq {
height: 14px;
background-position: -658px 0px; }
m-phone-input .m-phone-input--flag.br {
height: 14px;
background-position: -680px 0px; }
m-phone-input .m-phone-input--flag.bs {
height: 10px;
background-position: -702px 0px; }
m-phone-input .m-phone-input--flag.bt {
height: 14px;
background-position: -724px 0px; }
m-phone-input .m-phone-input--flag.bv {
height: 15px;
background-position: -746px 0px; }
m-phone-input .m-phone-input--flag.bw {
height: 14px;
background-position: -768px 0px; }
m-phone-input .m-phone-input--flag.by {
height: 10px;
background-position: -790px 0px; }
m-phone-input .m-phone-input--flag.bz {
height: 14px;
background-position: -812px 0px; }
m-phone-input .m-phone-input--flag.ca {
height: 10px;
background-position: -834px 0px; }
m-phone-input .m-phone-input--flag.cc {
height: 10px;
background-position: -856px 0px; }
m-phone-input .m-phone-input--flag.cd {
height: 15px;
background-position: -878px 0px; }
m-phone-input .m-phone-input--flag.cf {
height: 14px;
background-position: -900px 0px; }
m-phone-input .m-phone-input--flag.cg {
height: 14px;
background-position: -922px 0px; }
m-phone-input .m-phone-input--flag.ch {
height: 15px;
background-position: -944px 0px; }
m-phone-input .m-phone-input--flag.ci {
height: 14px;
background-position: -961px 0px; }
m-phone-input .m-phone-input--flag.ck {
height: 10px;
background-position: -983px 0px; }
m-phone-input .m-phone-input--flag.cl {
height: 14px;
background-position: -1005px 0px; }
m-phone-input .m-phone-input--flag.cm {
height: 14px;
background-position: -1027px 0px; }
m-phone-input .m-phone-input--flag.cn {
height: 14px;
background-position: -1049px 0px; }
m-phone-input .m-phone-input--flag.co {
height: 14px;
background-position: -1071px 0px; }
m-phone-input .m-phone-input--flag.cp {
height: 14px;
background-position: -1093px 0px; }
m-phone-input .m-phone-input--flag.cr {
height: 12px;
background-position: -1115px 0px; }
m-phone-input .m-phone-input--flag.cu {
height: 10px;
background-position: -1137px 0px; }
m-phone-input .m-phone-input--flag.cv {
height: 12px;
background-position: -1159px 0px; }
m-phone-input .m-phone-input--flag.cw {
height: 14px;
background-position: -1181px 0px; }
m-phone-input .m-phone-input--flag.cx {
height: 10px;
background-position: -1203px 0px; }
m-phone-input .m-phone-input--flag.cy {
height: 13px;
background-position: -1225px 0px; }
m-phone-input .m-phone-input--flag.cz {
height: 14px;
background-position: -1247px 0px; }
m-phone-input .m-phone-input--flag.de {
height: 12px;
background-position: -1269px 0px; }
m-phone-input .m-phone-input--flag.dg {
height: 10px;
background-position: -1291px 0px; }
m-phone-input .m-phone-input--flag.dj {
height: 14px;
background-position: -1313px 0px; }
m-phone-input .m-phone-input--flag.dk {
height: 15px;
background-position: -1335px 0px; }
m-phone-input .m-phone-input--flag.dm {
height: 10px;
background-position: -1357px 0px; }
m-phone-input .m-phone-input--flag.do {
height: 13px;
background-position: -1379px 0px; }
m-phone-input .m-phone-input--flag.dz {
height: 14px;
background-position: -1401px 0px; }
m-phone-input .m-phone-input--flag.ea {
height: 14px;
background-position: -1423px 0px; }
m-phone-input .m-phone-input--flag.ec {
height: 14px;
background-position: -1445px 0px; }
m-phone-input .m-phone-input--flag.ee {
height: 13px;
background-position: -1467px 0px; }
m-phone-input .m-phone-input--flag.eg {
height: 14px;
background-position: -1489px 0px; }
m-phone-input .m-phone-input--flag.eh {
height: 10px;
background-position: -1511px 0px; }
m-phone-input .m-phone-input--flag.er {
height: 10px;
background-position: -1533px 0px; }
m-phone-input .m-phone-input--flag.es {
height: 14px;
background-position: -1555px 0px; }
m-phone-input .m-phone-input--flag.et {
height: 10px;
background-position: -1577px 0px; }
m-phone-input .m-phone-input--flag.eu {
height: 14px;
background-position: -1599px 0px; }
m-phone-input .m-phone-input--flag.fi {
height: 12px;
background-position: -1621px 0px; }
m-phone-input .m-phone-input--flag.fj {
height: 10px;
background-position: -1643px 0px; }
m-phone-input .m-phone-input--flag.fk {
height: 10px;
background-position: -1665px 0px; }
m-phone-input .m-phone-input--flag.fm {
height: 11px;
background-position: -1687px 0px; }
m-phone-input .m-phone-input--flag.fo {
height: 15px;
background-position: -1709px 0px; }
m-phone-input .m-phone-input--flag.fr {
height: 14px;
background-position: -1731px 0px; }
m-phone-input .m-phone-input--flag.ga {
height: 15px;
background-position: -1753px 0px; }
m-phone-input .m-phone-input--flag.gb {
height: 10px;
background-position: -1775px 0px; }
m-phone-input .m-phone-input--flag.gd {
height: 12px;
background-position: -1797px 0px; }
m-phone-input .m-phone-input--flag.ge {
height: 14px;
background-position: -1819px 0px; }
m-phone-input .m-phone-input--flag.gf {
height: 14px;
background-position: -1841px 0px; }
m-phone-input .m-phone-input--flag.gg {
height: 14px;
background-position: -1863px 0px; }
m-phone-input .m-phone-input--flag.gh {
height: 14px;
background-position: -1885px 0px; }
m-phone-input .m-phone-input--flag.gi {
height: 10px;
background-position: -1907px 0px; }
m-phone-input .m-phone-input--flag.gl {
height: 14px;
background-position: -1929px 0px; }
m-phone-input .m-phone-input--flag.gm {
height: 14px;
background-position: -1951px 0px; }
m-phone-input .m-phone-input--flag.gn {
height: 14px;
background-position: -1973px 0px; }
m-phone-input .m-phone-input--flag.gp {
height: 14px;
background-position: -1995px 0px; }
m-phone-input .m-phone-input--flag.gq {
height: 14px;
background-position: -2017px 0px; }
m-phone-input .m-phone-input--flag.gr {
height: 14px;
background-position: -2039px 0px; }
m-phone-input .m-phone-input--flag.gs {
height: 10px;
background-position: -2061px 0px; }
m-phone-input .m-phone-input--flag.gt {
height: 13px;
background-position: -2083px 0px; }
m-phone-input .m-phone-input--flag.gu {
height: 11px;
background-position: -2105px 0px; }
m-phone-input .m-phone-input--flag.gw {
height: 10px;
background-position: -2127px 0px; }
m-phone-input .m-phone-input--flag.gy {
height: 12px;
background-position: -2149px 0px; }
m-phone-input .m-phone-input--flag.hk {
height: 14px;
background-position: -2171px 0px; }
m-phone-input .m-phone-input--flag.hm {
height: 10px;
background-position: -2193px 0px; }
m-phone-input .m-phone-input--flag.hn {
height: 10px;
background-position: -2215px 0px; }
m-phone-input .m-phone-input--flag.hr {
height: 10px;
background-position: -2237px 0px; }
m-phone-input .m-phone-input--flag.ht {
height: 12px;
background-position: -2259px 0px; }
m-phone-input .m-phone-input--flag.hu {
height: 10px;
background-position: -2281px 0px; }
m-phone-input .m-phone-input--flag.ic {
height: 14px;
background-position: -2303px 0px; }
m-phone-input .m-phone-input--flag.id {
height: 14px;
background-position: -2325px 0px; }
m-phone-input .m-phone-input--flag.ie {
height: 10px;
background-position: -2347px 0px; }
m-phone-input .m-phone-input--flag.il {
height: 15px;
background-position: -2369px 0px; }
m-phone-input .m-phone-input--flag.im {
height: 10px;
background-position: -2391px 0px; }
m-phone-input .m-phone-input--flag.in {
height: 14px;
background-position: -2413px 0px; }
m-phone-input .m-phone-input--flag.io {
height: 10px;
background-position: -2435px 0px; }
m-phone-input .m-phone-input--flag.iq {
height: 14px;
background-position: -2457px 0px; }
m-phone-input .m-phone-input--flag.ir {
height: 12px;
background-position: -2479px 0px; }
m-phone-input .m-phone-input--flag.is {
height: 15px;
background-position: -2501px 0px; }
m-phone-input .m-phone-input--flag.it {
height: 14px;
background-position: -2523px 0px; }
m-phone-input .m-phone-input--flag.je {
height: 12px;
background-position: -2545px 0px; }
m-phone-input .m-phone-input--flag.jm {
height: 10px;
background-position: -2567px 0px; }
m-phone-input .m-phone-input--flag.jo {
height: 10px;
background-position: -2589px 0px; }
m-phone-input .m-phone-input--flag.jp {
height: 14px;
background-position: -2611px 0px; }
m-phone-input .m-phone-input--flag.ke {
height: 14px;
background-position: -2633px 0px; }
m-phone-input .m-phone-input--flag.kg {
height: 12px;
background-position: -2655px 0px; }
m-phone-input .m-phone-input--flag.kh {
height: 13px;
background-position: -2677px 0px; }
m-phone-input .m-phone-input--flag.ki {
height: 10px;
background-position: -2699px 0px; }
m-phone-input .m-phone-input--flag.km {
height: 12px;
background-position: -2721px 0px; }
m-phone-input .m-phone-input--flag.kn {
height: 14px;
background-position: -2743px 0px; }
m-phone-input .m-phone-input--flag.kp {
height: 10px;
background-position: -2765px 0px; }
m-phone-input .m-phone-input--flag.kr {
height: 14px;
background-position: -2787px 0px; }
m-phone-input .m-phone-input--flag.kw {
height: 10px;
background-position: -2809px 0px; }
m-phone-input .m-phone-input--flag.ky {
height: 10px;
background-position: -2831px 0px; }
m-phone-input .m-phone-input--flag.kz {
height: 10px;
background-position: -2853px 0px; }
m-phone-input .m-phone-input--flag.la {
height: 14px;
background-position: -2875px 0px; }
m-phone-input .m-phone-input--flag.lb {
height: 14px;
background-position: -2897px 0px; }
m-phone-input .m-phone-input--flag.lc {
height: 10px;
background-position: -2919px 0px; }
m-phone-input .m-phone-input--flag.li {
height: 12px;
background-position: -2941px 0px; }
m-phone-input .m-phone-input--flag.lk {
height: 10px;
background-position: -2963px 0px; }
m-phone-input .m-phone-input--flag.lr {
height: 11px;
background-position: -2985px 0px; }
m-phone-input .m-phone-input--flag.ls {
height: 14px;
background-position: -3007px 0px; }
m-phone-input .m-phone-input--flag.lt {
height: 12px;
background-position: -3029px 0px; }
m-phone-input .m-phone-input--flag.lu {
height: 12px;
background-position: -3051px 0px; }
m-phone-input .m-phone-input--flag.lv {
height: 10px;
background-position: -3073px 0px; }
m-phone-input .m-phone-input--flag.ly {
height: 10px;
background-position: -3095px 0px; }
m-phone-input .m-phone-input--flag.ma {
height: 14px;
background-position: -3117px 0px; }
m-phone-input .m-phone-input--flag.mc {
height: 15px;
background-position: -3139px 0px; }
m-phone-input .m-phone-input--flag.md {
height: 10px;
background-position: -3160px 0px; }
m-phone-input .m-phone-input--flag.me {
height: 10px;
background-position: -3182px 0px; }
m-phone-input .m-phone-input--flag.mf {
height: 14px;
background-position: -3204px 0px; }
m-phone-input .m-phone-input--flag.mg {
height: 14px;
background-position: -3226px 0px; }
m-phone-input .m-phone-input--flag.mh {
height: 11px;
background-position: -3248px 0px; }
m-phone-input .m-phone-input--flag.mk {
height: 10px;
background-position: -3270px 0px; }
m-phone-input .m-phone-input--flag.ml {
height: 14px;
background-position: -3292px 0px; }
m-phone-input .m-phone-input--flag.mm {
height: 14px;
background-position: -3314px 0px; }
m-phone-input .m-phone-input--flag.mn {
height: 10px;
background-position: -3336px 0px; }
m-phone-input .m-phone-input--flag.mo {
height: 14px;
background-position: -3358px 0px; }
m-phone-input .m-phone-input--flag.mp {
height: 10px;
background-position: -3380px 0px; }
m-phone-input .m-phone-input--flag.mq {
height: 14px;
background-position: -3402px 0px; }
m-phone-input .m-phone-input--flag.mr {
height: 14px;
background-position: -3424px 0px; }
m-phone-input .m-phone-input--flag.ms {
height: 10px;
background-position: -3446px 0px; }
m-phone-input .m-phone-input--flag.mt {
height: 14px;
background-position: -3468px 0px; }
m-phone-input .m-phone-input--flag.mu {
height: 14px;
background-position: -3490px 0px; }
m-phone-input .m-phone-input--flag.mv {
height: 14px;
background-position: -3512px 0px; }
m-phone-input .m-phone-input--flag.mw {
height: 14px;
background-position: -3534px 0px; }
m-phone-input .m-phone-input--flag.mx {
height: 12px;
background-position: -3556px 0px; }
m-phone-input .m-phone-input--flag.my {
height: 10px;
background-position: -3578px 0px; }
m-phone-input .m-phone-input--flag.mz {
height: 14px;
background-position: -3600px 0px; }
m-phone-input .m-phone-input--flag.na {
height: 14px;
background-position: -3622px 0px; }
m-phone-input .m-phone-input--flag.nc {
height: 10px;
background-position: -3644px 0px; }
m-phone-input .m-phone-input--flag.ne {
height: 15px;
background-position: -3666px 0px; }
m-phone-input .m-phone-input--flag.nf {
height: 10px;
background-position: -3686px 0px; }
m-phone-input .m-phone-input--flag.ng {
height: 10px;
background-position: -3708px 0px; }
m-phone-input .m-phone-input--flag.ni {
height: 12px;
background-position: -3730px 0px; }
m-phone-input .m-phone-input--flag.nl {
height: 14px;
background-position: -3752px 0px; }
m-phone-input .m-phone-input--flag.no {
height: 15px;
background-position: -3774px 0px; }
m-phone-input .m-phone-input--flag.np {
height: 15px;
background-position: -3796px 0px; }
m-phone-input .m-phone-input--flag.nr {
height: 10px;
background-position: -3811px 0px; }
m-phone-input .m-phone-input--flag.nu {
height: 10px;
background-position: -3833px 0px; }
m-phone-input .m-phone-input--flag.nz {
height: 10px;
background-position: -3855px 0px; }
m-phone-input .m-phone-input--flag.om {
height: 10px;
background-position: -3877px 0px; }
m-phone-input .m-phone-input--flag.pa {
height: 14px;
background-position: -3899px 0px; }
m-phone-input .m-phone-input--flag.pe {
height: 14px;
background-position: -3921px 0px; }
m-phone-input .m-phone-input--flag.pf {
height: 14px;
background-position: -3943px 0px; }
m-phone-input .m-phone-input--flag.pg {
height: 15px;
background-position: -3965px 0px; }
m-phone-input .m-phone-input--flag.ph {
height: 10px;
background-position: -3987px 0px; }
m-phone-input .m-phone-input--flag.pk {
height: 14px;
background-position: -4009px 0px; }
m-phone-input .m-phone-input--flag.pl {
height: 13px;
background-position: -4031px 0px; }
m-phone-input .m-phone-input--flag.pm {
height: 14px;
background-position: -4053px 0px; }
m-phone-input .m-phone-input--flag.pn {
height: 10px;
background-position: -4075px 0px; }
m-phone-input .m-phone-input--flag.pr {
height: 14px;
background-position: -4097px 0px; }
m-phone-input .m-phone-input--flag.ps {
height: 10px;
background-position: -4119px 0px; }
m-phone-input .m-phone-input--flag.pt {
height: 14px;
background-position: -4141px 0px; }
m-phone-input .m-phone-input--flag.pw {
height: 13px;
background-position: -4163px 0px; }
m-phone-input .m-phone-input--flag.py {
height: 11px;
background-position: -4185px 0px; }
m-phone-input .m-phone-input--flag.qa {
height: 8px;
background-position: -4207px 0px; }
m-phone-input .m-phone-input--flag.re {
height: 14px;
background-position: -4229px 0px; }
m-phone-input .m-phone-input--flag.ro {
height: 14px;
background-position: -4251px 0px; }
m-phone-input .m-phone-input--flag.rs {
height: 14px;
background-position: -4273px 0px; }
m-phone-input .m-phone-input--flag.ru {
height: 14px;
background-position: -4295px 0px; }
m-phone-input .m-phone-input--flag.rw {
height: 14px;
background-position: -4317px 0px; }
m-phone-input .m-phone-input--flag.sa {
height: 14px;
background-position: -4339px 0px; }
m-phone-input .m-phone-input--flag.sb {
height: 10px;
background-position: -4361px 0px; }
m-phone-input .m-phone-input--flag.sc {
height: 10px;
background-position: -4383px 0px; }
m-phone-input .m-phone-input--flag.sd {
height: 10px;
background-position: -4405px 0px; }
m-phone-input .m-phone-input--flag.se {
height: 13px;
background-position: -4427px 0px; }
m-phone-input .m-phone-input--flag.sg {
height: 14px;
background-position: -4449px 0px; }
m-phone-input .m-phone-input--flag.sh {
height: 10px;
background-position: -4471px 0px; }
m-phone-input .m-phone-input--flag.si {
height: 10px;
background-position: -4493px 0px; }
m-phone-input .m-phone-input--flag.sj {
height: 15px;
background-position: -4515px 0px; }
m-phone-input .m-phone-input--flag.sk {
height: 14px;
background-position: -4537px 0px; }
m-phone-input .m-phone-input--flag.sl {
height: 14px;
background-position: -4559px 0px; }
m-phone-input .m-phone-input--flag.sm {
height: 15px;
background-position: -4581px 0px; }
m-phone-input .m-phone-input--flag.sn {
height: 14px;
background-position: -4603px 0px; }
m-phone-input .m-phone-input--flag.so {
height: 14px;
background-position: -4625px 0px; }
m-phone-input .m-phone-input--flag.sr {
height: 14px;
background-position: -4647px 0px; }
m-phone-input .m-phone-input--flag.ss {
height: 10px;
background-position: -4669px 0px; }
m-phone-input .m-phone-input--flag.st {
height: 10px;
background-position: -4691px 0px; }
m-phone-input .m-phone-input--flag.sv {
height: 12px;
background-position: -4713px 0px; }
m-phone-input .m-phone-input--flag.sx {
height: 14px;
background-position: -4735px 0px; }
m-phone-input .m-phone-input--flag.sy {
height: 14px;
background-position: -4757px 0px; }
m-phone-input .m-phone-input--flag.sz {
height: 14px;
background-position: -4779px 0px; }
m-phone-input .m-phone-input--flag.ta {
height: 10px;
background-position: -4801px 0px; }
m-phone-input .m-phone-input--flag.tc {
height: 10px;
background-position: -4823px 0px; }
m-phone-input .m-phone-input--flag.td {
height: 14px;
background-position: -4845px 0px; }
m-phone-input .m-phone-input--flag.tf {
height: 14px;
background-position: -4867px 0px; }
m-phone-input .m-phone-input--flag.tg {
height: 13px;
background-position: -4889px 0px; }
m-phone-input .m-phone-input--flag.th {
height: 14px;
background-position: -4911px 0px; }
m-phone-input .m-phone-input--flag.tj {
height: 10px;
background-position: -4933px 0px; }
m-phone-input .m-phone-input--flag.tk {
height: 10px;
background-position: -4955px 0px; }
m-phone-input .m-phone-input--flag.tl {
height: 10px;
background-position: -4977px 0px; }
m-phone-input .m-phone-input--flag.tm {
height: 14px;
background-position: -4999px 0px; }
m-phone-input .m-phone-input--flag.tn {
height: 14px;
background-position: -5021px 0px; }
m-phone-input .m-phone-input--flag.to {
height: 10px;
background-position: -5043px 0px; }
m-phone-input .m-phone-input--flag.tr {
height: 14px;
background-position: -5065px 0px; }
m-phone-input .m-phone-input--flag.tt {
height: 12px;
background-position: -5087px 0px; }
m-phone-input .m-phone-input--flag.tv {
height: 10px;
background-position: -5109px 0px; }
m-phone-input .m-phone-input--flag.tw {
height: 14px;
background-position: -5131px 0px; }
m-phone-input .m-phone-input--flag.tz {
height: 14px;
background-position: -5153px 0px; }
m-phone-input .m-phone-input--flag.ua {
height: 14px;
background-position: -5175px 0px; }
m-phone-input .m-phone-input--flag.ug {
height: 14px;
background-position: -5197px 0px; }
m-phone-input .m-phone-input--flag.um {
height: 11px;
background-position: -5219px 0px; }
m-phone-input .m-phone-input--flag.us {
height: 11px;
background-position: -5241px 0px; }
m-phone-input .m-phone-input--flag.uy {
height: 14px;
background-position: -5263px 0px; }
m-phone-input .m-phone-input--flag.uz {
height: 10px;
background-position: -5285px 0px; }
m-phone-input .m-phone-input--flag.va {
height: 15px;
background-position: -5307px 0px; }
m-phone-input .m-phone-input--flag.vc {
height: 14px;
background-position: -5324px 0px; }
m-phone-input .m-phone-input--flag.ve {
height: 14px;
background-position: -5346px 0px; }
m-phone-input .m-phone-input--flag.vg {
height: 10px;
background-position: -5368px 0px; }
m-phone-input .m-phone-input--flag.vi {
height: 14px;
background-position: -5390px 0px; }
m-phone-input .m-phone-input--flag.vn {
height: 14px;
background-position: -5412px 0px; }
m-phone-input .m-phone-input--flag.vu {
height: 12px;
background-position: -5434px 0px; }
m-phone-input .m-phone-input--flag.wf {
height: 14px;
background-position: -5456px 0px; }
m-phone-input .m-phone-input--flag.ws {
height: 10px;
background-position: -5478px 0px; }
m-phone-input .m-phone-input--flag.xk {
height: 15px;
background-position: -5500px 0px; }
m-phone-input .m-phone-input--flag.ye {
height: 14px;
background-position: -5522px 0px; }
m-phone-input .m-phone-input--flag.yt {
height: 14px;
background-position: -5544px 0px; }
m-phone-input .m-phone-input--flag.za {
height: 14px;
background-position: -5566px 0px; }
m-phone-input .m-phone-input--flag.zm {
height: 14px;
background-position: -5588px 0px; }
m-phone-input .m-phone-input--flag.zw {
height: 10px;
background-position: -5610px 0px; }
m-phone-input .m-phone-input--flag {
width: 20px;
height: 15px;
background-image: url("/static/en//assets/flags/flags.png");
background-repeat: no-repeat;
background-position: 20px 0; }
body.m-theme__light m-phone-input .m-phone-input--flag,
body .m-theme--wrapper.m-theme--wrapper__light m-phone-input .m-phone-input--flag {
background-color: #ddd;
box-shadow: 0px 0px 1px 0px #888; }
body.m-theme__dark m-phone-input .m-phone-input--flag,
body .m-theme--wrapper.m-theme--wrapper__dark m-phone-input .m-phone-input--flag {
background-color: #404040;
box-shadow: 0px 0px 1px 0px #737373; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
m-phone-input .m-phone-input--flag {
background-image: url("/static/en//assets/flags/flags@2x.png"); } }
m-phone-input .m-phone-input--flag.np {
background-color: transparent; }
m-post-menu {
position: relative; }
m-post-menu .m-postMenu__item--nsfw {
overflow: visible; }
m-post-menu .m-postMenu__item--nsfw m-nsfw-selector {
border: 0;
width: 100%;
padding: 0; }
m-post-menu .m-postMenu__item--nsfw m-nsfw-selector .m-nsfwSelector__label m-tooltip {
display: none; }
.m-postMenu__button {
border: 0;
cursor: pointer; }
body.m-theme__light .m-postMenu__button,
body .m-theme--wrapper.m-theme--wrapper__light .m-postMenu__button {
background-color: #ffffff; }
body.m-theme__dark .m-postMenu__button,
body .m-theme--wrapper.m-theme--wrapper__dark .m-postMenu__button {
background-color: #242a30; }
.m-postMenu__button i {
font-size: 24px;
transition: 0.15s color ease-out; }
body.m-theme__light .m-postMenu__button i,
body .m-theme--wrapper.m-theme--wrapper__light .m-postMenu__button i {
color: #72727c; }
body.m-theme__dark .m-postMenu__button i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-postMenu__button i {
color: #b8c1ca; }
body.m-theme__light .m-postMenu__button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-postMenu__button i:hover {
color: #43434d; }
body.m-theme__dark .m-postMenu__button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-postMenu__button i:hover {
color: #ffffff; }
m-poster-date-selector .m-poster-date-selector__label {
text-transform: uppercase;
letter-spacing: 2.5px;
align-self: center;
font-size: 12px; }
m-poster-date-selector .m-poster-date-selector__input {
align-items: center;
margin-right: -4px; }
m-poster-date-selector .m-poster-date-selector__input input {
font-size: 12px;
text-transform: uppercase;
background-color: transparent;
padding: 8px 0;
border: none;
text-align: center;
width: auto;
height: auto;
align-self: center; }
m-poster-date-selector .m-poster-date-selector__input i {
vertical-align: middle;
cursor: pointer; }
m-poster-date-selector m-tooltip .m-tooltip--bubble {
width: 125px; }
@media screen and (max-height: 570px) {
div.c-datepicker {
min-height: 560px; } }
minds-rich-embed .thumbnail {
display: block;
position: relative; }
minds-rich-embed .m-html-loading {
position: absolute;
top: 0; }
minds-rich-embed .m-rich-embed-action-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
minds-rich-embed .m-rich-embed-action-overlay:hover {
background: transparent; }
minds-rich-embed .m-rich-embed-action-overlay > i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 4em;
line-height: 1em; }
body.m-theme__light minds-rich-embed .m-rich-embed-action-overlay > i,
body .m-theme--wrapper.m-theme--wrapper__light minds-rich-embed .m-rich-embed-action-overlay > i {
color: #fff; }
body.m-theme__dark minds-rich-embed .m-rich-embed-action-overlay > i,
body .m-theme--wrapper.m-theme--wrapper__dark minds-rich-embed .m-rich-embed-action-overlay > i {
color: #fff; }
minds-rich-embed .m-rich-embed-thumbnail-wrapper {
position: relative;
width: 100%;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
background: none no-repeat center center transparent;
background-size: cover; }
body.m-theme__light minds-rich-embed .m-rich-embed-thumbnail-placeholder,
body .m-theme--wrapper.m-theme--wrapper__light minds-rich-embed .m-rich-embed-thumbnail-placeholder {
background-color: #000; }
body.m-theme__dark minds-rich-embed .m-rich-embed-thumbnail-placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark minds-rich-embed .m-rich-embed-thumbnail-placeholder {
background-color: #000; }
minds-rich-embed .m-rich-embed-video-iframe {
position: relative;
width: 100%;
padding-bottom: 56.25%;
/* 16:9 */
height: 0; }
minds-rich-embed .m-rich-embed-video-iframe > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
minds-rich-embed .m-rich-embed-image-iframe {
position: relative;
width: 100%;
padding-bottom: 100%;
/* 1:1 */
height: 0; }
minds-rich-embed .m-rich-embed-image-iframe > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
minds-rich-embed .m-rich-embed-audio-spotify > iframe {
padding: 0 16px;
box-sizing: border-box; }
minds-rich-embed .m-rich-embed--title {
word-break: break-word; }
body.m-theme__light minds-rich-embed .m-rich-embed--title,
body .m-theme--wrapper.m-theme--wrapper__light minds-rich-embed .m-rich-embed--title {
color: #72727c; }
body.m-theme__dark minds-rich-embed .m-rich-embed--title,
body .m-theme--wrapper.m-theme--wrapper__dark minds-rich-embed .m-rich-embed--title {
color: #b8c1ca; }
m-safe-toggle .m-safe-toggle {
cursor: pointer; }
m-safe-toggle .m-safe-toggle label {
padding: 0 !important; }
body.m-theme__light m-safe-toggle .m-safe-toggle i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light m-safe-toggle .m-safe-toggle i.material-icons {
color: #999; }
body.m-theme__dark m-safe-toggle .m-safe-toggle i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark m-safe-toggle .m-safe-toggle i.material-icons {
color: #626262; }
body.m-theme__light m-safe-toggle .m-safe-toggle i.material-icons.m-safe-toggle--active,
body .m-theme--wrapper.m-theme--wrapper__light m-safe-toggle .m-safe-toggle i.material-icons.m-safe-toggle--active {
color: #4690df; }
body.m-theme__dark m-safe-toggle .m-safe-toggle i.material-icons.m-safe-toggle--active,
body .m-theme--wrapper.m-theme--wrapper__dark m-safe-toggle .m-safe-toggle i.material-icons.m-safe-toggle--active {
color: #44aaff; }
m-scheduler > select.m-form-select {
width: auto;
flex: 1;
padding: 8px 16px;
border-radius: 0;
cursor: pointer;
font-weight: bold;
font-size: 12px;
-webkit-appearance: none; }
body.m-theme__light m-scheduler > select.m-form-select,
body .m-theme--wrapper.m-theme--wrapper__light m-scheduler > select.m-form-select {
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark m-scheduler > select.m-form-select,
body .m-theme--wrapper.m-theme--wrapper__dark m-scheduler > select.m-form-select {
background-color: #242a30;
border: 1px solid #414c57; }
.m-shadowboxHeaderTab {
cursor: pointer;
flex: 0 0 auto;
width: 160px;
min-height: 124px;
padding: 24px 20px 20px 20px;
font-size: 14px;
box-sizing: border-box;
overflow: visible; }
body.m-theme__light .m-shadowboxHeaderTab,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxHeaderTab {
border-bottom: 8px solid transparent; }
body.m-theme__dark .m-shadowboxHeaderTab,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxHeaderTab {
border-bottom: 8px solid transparent; }
body.m-theme__light .m-shadowboxHeaderTab,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxHeaderTab {
color: #9b9b9b; }
body.m-theme__dark .m-shadowboxHeaderTab,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxHeaderTab {
color: #797b82; }
body.m-theme__light .m-shadowboxHeaderTab.active,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxHeaderTab.active {
background-color: #e7edf3;
border-bottom: 8px solid #4690df; }
body.m-theme__dark .m-shadowboxHeaderTab.active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxHeaderTab.active {
background-color: #1e242a;
border-bottom: 8px solid #44aaff; }
.m-shadowboxHeaderTab:hover:not(.active) {
transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-shadowboxHeaderTab:hover:not(.active),
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxHeaderTab:hover:not(.active) {
background-color: #e7edf3;
border-bottom: 8px solid rgba(0, 0, 0, 0); }
body.m-theme__dark .m-shadowboxHeaderTab:hover:not(.active),
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxHeaderTab:hover:not(.active) {
background-color: #1e242a;
border-bottom: 8px solid rgba(0, 0, 0, 0); }
.m-shadowboxHeaderTab:first-child {
margin-left: 40px; }
.m-shadowboxHeaderTab:last-child {
margin-right: 40px; }
.m-shadowboxHeaderTab .m-shadowboxHeaderTab__label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.m-shadowboxHeaderTab m-tooltip {
vertical-align: middle; }
.m-shadowboxHeaderTab m-tooltip .m-tooltip {
margin-left: 4px; }
.m-shadowboxHeaderTab m-tooltip .m-tooltip i {
font-size: 12px; }
body.m-theme__light .m-shadowboxHeaderTab m-tooltip .m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxHeaderTab m-tooltip .m-tooltip i {
color: #9b9b9b; }
body.m-theme__dark .m-shadowboxHeaderTab m-tooltip .m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxHeaderTab m-tooltip .m-tooltip i {
color: #797b82; }
.m-shadowboxHeaderTab .m-shadowboxHeaderTab__value {
font-size: 17px;
margin-top: 8px;
overflow: hidden;
text-overflow: ellipsis; }
body.m-theme__light .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value {
color: #43434d; }
body.m-theme__dark .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value {
color: #ffffff; }
.m-shadowboxHeaderTab .m-shadowboxHeaderTab__delta {
display: flex;
align-items: baseline;
padding-top: 4px;
font-size: 11px; }
.m-shadowboxHeaderTab .m-shadowboxHeaderTab__delta .material-icons {
transform: scaleX(0.7);
font-size: 11px;
font-weight: bold; }
body.m-theme__light .m-shadowboxHeaderTab .m-shadowboxHeaderTab__delta.goodChange,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxHeaderTab .m-shadowboxHeaderTab__delta.goodChange {
color: #4caf50; }
body.m-theme__light .m-shadowboxHeaderTab .m-shadowboxHeaderTab__delta.badChange,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxHeaderTab .m-shadowboxHeaderTab__delta.badChange {
color: #e03c20; }
body.m-theme__dark .m-shadowboxHeaderTab .m-shadowboxHeaderTab__delta.goodChange,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxHeaderTab .m-shadowboxHeaderTab__delta.goodChange {
color: #5cb860; }
body.m-theme__dark .m-shadowboxHeaderTab .m-shadowboxHeaderTab__delta.badChange,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxHeaderTab .m-shadowboxHeaderTab__delta.badChange {
color: #e35036; }
@media screen and (max-width: 768px) {
.m-shadowboxHeaderTab {
scroll-snap-align: start; }
.m-shadowboxHeaderTab:first-child {
margin-left: 16px; }
.m-shadowboxHeaderTab:last-child {
margin-right: 16px; } }
m-shadowboxHeader {
min-height: 116px;
display: block; }
m-shadowboxHeader a {
font-weight: 400;
text-decoration: none; }
body.m-theme__light m-shadowboxHeader a,
body .m-theme--wrapper.m-theme--wrapper__light m-shadowboxHeader a {
color: #1b85d6; }
body.m-theme__dark m-shadowboxHeader a,
body .m-theme--wrapper.m-theme--wrapper__dark m-shadowboxHeader a {
color: #1b85d6; }
.m-shadowboxHeader__section {
position: relative; }
.m-shadowboxHeader__wrapper {
position: relative;
z-index: 1;
height: 124px; }
body.m-theme__light .m-shadowboxHeader__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxHeader__wrapper {
box-shadow: 0 7px 15px -7px rgba(0, 0, 0, 0.1); }
body.m-theme__dark .m-shadowboxHeader__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxHeader__wrapper {
box-shadow: 0 7px 15px -7px rgba(0, 0, 0, 0.1); }
body.m-theme__light m-body.has-v3-navbar .m-shadowboxHeader__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light m-body.has-v3-navbar .m-shadowboxHeader__wrapper {
box-shadow: none; }
body.m-theme__dark m-body.has-v3-navbar .m-shadowboxHeader__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark m-body.has-v3-navbar .m-shadowboxHeader__wrapper {
box-shadow: none; }
.m-shadowboxHeader__container {
overflow-x: hidden;
overflow-y: hidden;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
.m-shadowboxHeader__container.disable-scrollbars {
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */ }
.m-shadowboxHeader__container.disable-scrollbars::-webkit-scrollbar {
width: 0px;
background: transparent;
/* Chrome/Safari/Webkit */ }
.m-shadowboxHeader__container .m-tooltip--bubble {
top: 50px;
width: 100px;
margin-left: 4px; }
[class*='m-shadowboxHeader__overflowFade--'] {
position: absolute;
top: 0;
bottom: 0;
width: 0px;
z-index: 2;
opacity: 0;
transition: opacity 0.2s ease, width 0.4s ease; }
body.m-theme__light [class*='m-shadowboxHeader__overflowFade--'].m-shadowboxHeader__overflowFade--right,
body .m-theme--wrapper.m-theme--wrapper__light [class*='m-shadowboxHeader__overflowFade--'].m-shadowboxHeader__overflowFade--right {
right: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #ffffff 50%); }
body.m-theme__dark [class*='m-shadowboxHeader__overflowFade--'].m-shadowboxHeader__overflowFade--right,
body .m-theme--wrapper.m-theme--wrapper__dark [class*='m-shadowboxHeader__overflowFade--'].m-shadowboxHeader__overflowFade--right {
right: 0;
background: linear-gradient(to right, rgba(36, 42, 48, 0) 0, #242a30 50%); }
body.m-theme__light [class*='m-shadowboxHeader__overflowFade--'].m-shadowboxHeader__overflowFade--left,
body .m-theme--wrapper.m-theme--wrapper__light [class*='m-shadowboxHeader__overflowFade--'].m-shadowboxHeader__overflowFade--left {
left: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #ffffff 50%); }
body.m-theme__dark [class*='m-shadowboxHeader__overflowFade--'].m-shadowboxHeader__overflowFade--left,
body .m-theme--wrapper.m-theme--wrapper__dark [class*='m-shadowboxHeader__overflowFade--'].m-shadowboxHeader__overflowFade--left {
left: 0;
background: linear-gradient(to left, rgba(36, 42, 48, 0) 0, #242a30 50%); }
[class*='m-shadowboxHeader__overflowFade--'].m-shadowboxHeader__overflowFade--left.visible {
width: 36px; }
[class*='m-shadowboxHeader__overflowFade--'].visible {
opacity: 1;
width: 24px;
cursor: pointer; }
[class*='m-shadowboxHeader__overflowScrollButton--'] {
position: absolute;
top: 50%;
border-radius: 50%;
box-sizing: border-box;
z-index: 2;
transform: translateY(-50%);
opacity: 0;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
cursor: pointer; }
[class*='m-shadowboxHeader__overflowScrollButton--'].showButton {
opacity: 1; }
body.m-theme__light [class*='m-shadowboxHeader__overflowScrollButton--'],
body .m-theme--wrapper.m-theme--wrapper__light [class*='m-shadowboxHeader__overflowScrollButton--'] {
background-color: #ffffff;
box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.3);
border: 1px solid #ffffff; }
body.m-theme__dark [class*='m-shadowboxHeader__overflowScrollButton--'],
body .m-theme--wrapper.m-theme--wrapper__dark [class*='m-shadowboxHeader__overflowScrollButton--'] {
background-color: #242a30;
box-shadow: 0px 0px 10px -3px rgba(255, 255, 255, 0.3);
border: 1px solid #242a30; }
body.m-theme__light [class*='m-shadowboxHeader__overflowScrollButton--']:hover,
body .m-theme--wrapper.m-theme--wrapper__light [class*='m-shadowboxHeader__overflowScrollButton--']:hover {
border: 1px solid #1b85d6; }
body.m-theme__dark [class*='m-shadowboxHeader__overflowScrollButton--']:hover,
body .m-theme--wrapper.m-theme--wrapper__dark [class*='m-shadowboxHeader__overflowScrollButton--']:hover {
border: 1px solid #1b85d6; }
[class*='m-shadowboxHeader__overflowScrollButton--'].m-shadowboxHeader__overflowScrollButton--right {
right: -12; }
[class*='m-shadowboxHeader__overflowScrollButton--'].m-shadowboxHeader__overflowScrollButton--left {
left: 12; }
body.m-theme__light [class*='m-shadowboxHeader__overflowScrollButton--'] i,
body .m-theme--wrapper.m-theme--wrapper__light [class*='m-shadowboxHeader__overflowScrollButton--'] i {
color: #72727c; }
body.m-theme__dark [class*='m-shadowboxHeader__overflowScrollButton--'] i,
body .m-theme--wrapper.m-theme--wrapper__dark [class*='m-shadowboxHeader__overflowScrollButton--'] i {
color: #b8c1ca; }
.m-shadowboxLayout__header.hasTitle {
padding: 34px 28px 34px 70px; }
.m-shadowboxHeader__title {
margin: 0 0 2px 0;
line-height: 32px;
font-weight: 500; }
body.m-theme__light .m-shadowboxHeader__title,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxHeader__title {
color: #43434d;
font-size: 24px; }
body.m-theme__dark .m-shadowboxHeader__title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxHeader__title {
color: #ffffff;
font-size: 24px; }
.m-shadowboxHeader__subtitle {
line-height: 22px;
margin: 0; }
body.m-theme__light .m-shadowboxHeader__subtitle,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxHeader__subtitle {
color: #9b9b9b;
font-size: 15px; }
body.m-theme__dark .m-shadowboxHeader__subtitle,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxHeader__subtitle {
color: #797b82;
font-size: 15px; }
@media screen and (max-width: 768px) {
.m-shadowboxLayout__header.hasTitle {
padding: 0 24px; }
.m-shadowboxHeader__section [class*='m-shadowboxHeader__overflowScrollButton--'] {
display: none; }
.m-shadowboxHeader__section .m-shadowboxHeader__container {
overflow-x: scroll;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory; }
.m-shadowboxHeader__section .m-shadowboxHeader__container .m-shadowboxHeaderTab {
scroll-snap-align: start; }
.m-shadowboxHeader__section .m-shadowboxHeader__container .m-shadowboxHeaderTab:first-child {
margin-left: 16px; }
.m-shadowboxHeader__section .m-shadowboxHeader__container .m-shadowboxHeaderTab:last-child {
margin-right: 16px; } }
m-shadowboxLayout {
display: block; }
body.m-theme__light m-shadowboxLayout,
body .m-theme--wrapper.m-theme--wrapper__light m-shadowboxLayout {
box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.3); }
body.m-theme__dark m-shadowboxLayout,
body .m-theme--wrapper.m-theme--wrapper__dark m-shadowboxLayout {
box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.3); }
body.m-theme__light m-shadowboxLayout.m-shadowboxLayout__noMetricTabs .m-shadowboxLayout__bottom,
body .m-theme--wrapper.m-theme--wrapper__light m-shadowboxLayout.m-shadowboxLayout__noMetricTabs .m-shadowboxLayout__bottom {
border-top-color: rgba(0, 0, 0, 0); }
body.m-theme__dark m-shadowboxLayout.m-shadowboxLayout__noMetricTabs .m-shadowboxLayout__bottom,
body .m-theme--wrapper.m-theme--wrapper__dark m-shadowboxLayout.m-shadowboxLayout__noMetricTabs .m-shadowboxLayout__bottom {
border-top-color: rgba(0, 0, 0, 0); }
m-body.has-v3-navbar m-shadowboxLayout {
box-shadow: none; }
body.m-theme__light m-body.has-v3-navbar .m-shadowboxLayout__bottom,
body .m-theme--wrapper.m-theme--wrapper__light m-body.has-v3-navbar .m-shadowboxLayout__bottom, body.m-theme__light
m-body.has-v3-navbar .m-shadowboxLayout__footer,
body .m-theme--wrapper.m-theme--wrapper__light
m-body.has-v3-navbar .m-shadowboxLayout__footer {
background-color: #ffffff; }
body.m-theme__dark m-body.has-v3-navbar .m-shadowboxLayout__bottom,
body .m-theme--wrapper.m-theme--wrapper__dark m-body.has-v3-navbar .m-shadowboxLayout__bottom, body.m-theme__dark
m-body.has-v3-navbar .m-shadowboxLayout__footer,
body .m-theme--wrapper.m-theme--wrapper__dark
m-body.has-v3-navbar .m-shadowboxLayout__footer {
background-color: #242a30; }
m-shadowboxHeader.isScrollable .m-shadowboxLayout__header {
display: flex;
flex-flow: row nowrap; }
.m-shadowboxLayout__bottom {
position: relative;
transition: all 0.3s ease; }
body.m-theme__light .m-shadowboxLayout__bottom,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxLayout__bottom {
border-top: 1px solid #d3dbe3; }
body.m-theme__dark .m-shadowboxLayout__bottom,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxLayout__bottom {
border-top: 1px solid #414c57; }
.m-shadowboxLayout__footer {
display: flex;
flex-flow: row nowrap;
justify-content: flex-end; }
body.m-theme__light .m-shadowboxLayout__footer,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxLayout__footer {
background-color: rgba(211, 219, 227, 0.25);
border-top: 1px solid #d3dbe3; }
body.m-theme__dark .m-shadowboxLayout__footer,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxLayout__footer {
background-color: rgba(65, 76, 87, 0.25);
border-top: 1px solid #414c57; }
button {
outline: 0; }
m-shadowboxLayout.isForm {
margin-top: 69px; }
m-shadowboxLayout.isForm .m-shadowboxLayout__body {
padding: 50px 70px; }
m-shadowboxLayout.isForm .m-shadowboxLayout__footer {
padding: 30px 70px;
align-items: center; }
m-shadowboxLayout.isForm .m-shadowboxHeader__wrapper {
height: auto; }
@media screen and (max-width: 768px) {
body.m-theme__light m-shadowboxLayout,
body .m-theme--wrapper.m-theme--wrapper__light m-shadowboxLayout {
box-shadow: none; }
body.m-theme__dark m-shadowboxLayout,
body .m-theme--wrapper.m-theme--wrapper__dark m-shadowboxLayout {
box-shadow: none; }
body.m-theme__light .m-shadowboxLayout__bottom,
body .m-theme--wrapper.m-theme--wrapper__light .m-shadowboxLayout__bottom {
border-top: 1px solid #d3dbe3; }
body.m-theme__dark .m-shadowboxLayout__bottom,
body .m-theme--wrapper.m-theme--wrapper__dark .m-shadowboxLayout__bottom {
border-top: 1px solid #414c57; }
m-shadowboxLayout.isForm {
margin-top: 0px; }
m-shadowboxLayout.isForm m-shadowboxHeader {
min-height: 80px; }
body.m-theme__light m-shadowboxLayout.isForm .m-shadowboxLayout__bottom,
body .m-theme--wrapper.m-theme--wrapper__light m-shadowboxLayout.isForm .m-shadowboxLayout__bottom {
border-top: none; }
body.m-theme__dark m-shadowboxLayout.isForm .m-shadowboxLayout__bottom,
body .m-theme--wrapper.m-theme--wrapper__dark m-shadowboxLayout.isForm .m-shadowboxLayout__bottom {
border-top: none; }
m-shadowboxLayout.isForm .m-shadowboxLayout__body {
padding: 24px 24px 36px 24px; }
m-shadowboxLayout.isForm .m-shadowboxLayout__footer {
justify-content: center;
padding: 24px 24px 48px 24px; } }
@media screen and (max-width: 480px) {
body.m-theme__light m-shadowboxLayout.isForm .m-shadowboxLayout__bottom,
body .m-theme--wrapper.m-theme--wrapper__light m-shadowboxLayout.isForm .m-shadowboxLayout__bottom {
border-top-color: rgba(0, 0, 0, 0); }
body.m-theme__dark m-shadowboxLayout.isForm .m-shadowboxLayout__bottom,
body .m-theme--wrapper.m-theme--wrapper__dark m-shadowboxLayout.isForm .m-shadowboxLayout__bottom {
border-top-color: rgba(0, 0, 0, 0); }
m-shadowboxLayout.isForm .m-shadowboxLayout__footer .m-shadowboxLayout__button {
min-width: 50%; }
body.m-theme__light m-shadowboxLayout,
body .m-theme--wrapper.m-theme--wrapper__light m-shadowboxLayout {
box-shadow: none; }
body.m-theme__dark m-shadowboxLayout,
body .m-theme--wrapper.m-theme--wrapper__dark m-shadowboxLayout {
box-shadow: none; } }
m-sidebarMenu i {
display: none;
cursor: pointer; }
m-sidebarMenu .m-sidebarMenu__topbar,
m-sidebarMenu .m-sidebarMenu__userWrapper {
display: none; }
m-sidebarMenu .m-sidebarMenu__menuContainer .m-sidebarMenu__linksContainer {
display: block;
cursor: pointer; }
m-sidebarMenu .m-sidebarMenu__sidebar {
position: fixed;
top: 157px;
bottom: 0;
overflow-x: hidden;
overflow-y: scroll;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* Internet Explorer 10+ */ }
m-sidebarMenu .m-sidebarMenu__sidebar::-webkit-scrollbar {
width: 0;
height: 0; }
m-sidebarMenu .m-sidebarMenu__header {
display: flex;
justify-content: space-between;
align-items: center; }
m-sidebarMenu .m-sidebarMenu__header h3 {
margin-top: 0;
font-size: 26px;
font-weight: 500; }
m-sidebarMenu .m-sidebarMenu__header i {
display: none; }
m-sidebarMenu .m-sidebarMenu__linksContainer {
cursor: pointer; }
m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link a {
display: block;
padding: 8px 0;
text-decoration: none;
font-weight: 400; }
body.m-theme__light m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link a,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link a {
color: #999; }
body.m-theme__dark m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link a,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link a {
color: #626262; }
m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link a.newWindow {
margin-top: 50px;
display: flex;
align-items: center; }
m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link a.newWindow i {
margin-right: 10px;
font-size: 13px;
font-weight: bold; }
body.m-theme__light m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link a.selected,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link a.selected, body.m-theme__light
m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link:hover a,
body .m-theme--wrapper.m-theme--wrapper__light
m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link:hover a {
color: #1b85d6; }
body.m-theme__dark m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link a.selected,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link a.selected, body.m-theme__dark
m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link:hover a,
body .m-theme--wrapper.m-theme--wrapper__dark
m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link:hover a {
color: #1b85d6; }
m-sidebarMenu .m-sidebarMenu__linksContainer .m-sidebarMenu__link:last-child {
padding-bottom: 36px; }
@media screen and (max-width: 768px) {
m-sidebarMenu {
flex: 0 1 0px;
padding: 0; }
m-sidebarMenu .m-sidebarMenu__topbar {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 16px;
text-align: center; }
body.m-theme__light m-sidebarMenu .m-sidebarMenu__topbar,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebarMenu .m-sidebarMenu__topbar {
background-color: #e8e8e8;
color: #444; }
body.m-theme__dark m-sidebarMenu .m-sidebarMenu__topbar,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebarMenu .m-sidebarMenu__topbar {
background-color: #2f2f2f;
color: #b7b7b7; }
m-sidebarMenu .m-sidebarMenu__topbar i {
display: block;
position: absolute;
top: 50%;
left: 16px;
transform: translateY(-50%); }
body.m-theme__light m-sidebarMenu .m-sidebarMenu__topbar i,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebarMenu .m-sidebarMenu__topbar i {
color: #999; }
body.m-theme__dark m-sidebarMenu .m-sidebarMenu__topbar i,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebarMenu .m-sidebarMenu__topbar i {
color: #626262; }
m-sidebarMenu .m-sidebarMenu__topbar .m-sidebarMenu__topbarHeader {
font-size: 20px;
margin: 0 0 0 -24px;
min-height: 20px; }
m-sidebarMenu .m-sidebarMenu__overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background-color: transparent;
transition: background-color 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
body.m-theme__light m-sidebarMenu .m-sidebarMenu__overlay.mobileMenuExpanded,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebarMenu .m-sidebarMenu__overlay.mobileMenuExpanded {
background-color: rgba(85, 85, 85, 0.2); }
body.m-theme__dark m-sidebarMenu .m-sidebarMenu__overlay.mobileMenuExpanded,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebarMenu .m-sidebarMenu__overlay.mobileMenuExpanded {
background-color: rgba(166, 166, 166, 0.2); }
m-sidebarMenu .m-sidebarMenu__sidebar {
position: fixed;
top: 0;
bottom: 0;
left: -360px;
transition: left 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
padding: 0 24px;
width: 300px;
max-width: 70%; }
body.m-theme__light m-sidebarMenu .m-sidebarMenu__sidebar,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebarMenu .m-sidebarMenu__sidebar {
background-color: #ffffff; }
body.m-theme__dark m-sidebarMenu .m-sidebarMenu__sidebar,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebarMenu .m-sidebarMenu__sidebar {
background-color: #242a30; }
m-sidebarMenu .m-sidebarMenu__sidebar.mobileMenuExpanded {
left: 0; }
m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__menuContainer .m-sidebarMenu__linksContainer {
display: none; }
m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__menuContainer.expanded .m-sidebarMenu__linksContainer {
display: block; }
m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__menuContainer.expanded .m-sidebarMenu__linksContainer .m-sidebarMenu__link a {
padding: 6px 0; }
m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__header {
display: flex;
justify-content: space-between;
align-items: center; }
m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__header h3 {
font-size: 20px;
margin: 16px 0; }
m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__header i {
display: inline-block;
font-size: 26px; }
body.m-theme__light m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__header i,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__header i {
color: #aaa; }
body.m-theme__dark m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__header i,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__header i {
color: #515151; }
m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper {
display: flex;
text-decoration: none;
margin: 24px 0; }
body.m-theme__light m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper {
color: #444; }
body.m-theme__dark m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper {
color: #b7b7b7; }
m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper .m-sidebarMenu__userAvatar {
border-radius: 50%;
margin-right: 16px;
height: 40px;
width: 40px;
-o-object-fit: contain;
object-fit: contain; }
m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper .m-sidebarMenu__userDetails > {
padding: 8px 0; }
m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper .m-sidebarMenu__userDetails .m-sidebarMenu__userDetails__name {
font-weight: bold; }
body.m-theme__light m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper .m-sidebarMenu__userDetails .m-sidebarMenu__userDetails__username,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper .m-sidebarMenu__userDetails .m-sidebarMenu__userDetails__username {
color: #aaa; }
body.m-theme__dark m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper .m-sidebarMenu__userDetails .m-sidebarMenu__userDetails__username,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper .m-sidebarMenu__userDetails .m-sidebarMenu__userDetails__username {
color: #515151; }
m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper .m-sidebarMenu__userDetails .m-sidebarMenu__userDetails__subscribers {
font-size: 11px; }
body.m-theme__light m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper .m-sidebarMenu__userDetails .m-sidebarMenu__userDetails__subscribers,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper .m-sidebarMenu__userDetails .m-sidebarMenu__userDetails__subscribers {
color: #aaa; }
body.m-theme__dark m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper .m-sidebarMenu__userDetails .m-sidebarMenu__userDetails__subscribers,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebarMenu .m-sidebarMenu__sidebar .m-sidebarMenu__userWrapper .m-sidebarMenu__userDetails .m-sidebarMenu__userDetails__subscribers {
color: #515151; } }
@media screen and (min-width: 992px) {
m-sidebarMenu .m-sidebarMenu__sidebar {
top: 109px; } }
m-sidebarWidget {
display: block; }
.m-sidebarWidget {
position: relative;
box-sizing: border-box;
padding: 0;
padding-bottom: 20px;
border-radius: 2px; }
body.m-theme__light .m-sidebarWidget,
body .m-theme--wrapper.m-theme--wrapper__light .m-sidebarWidget {
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-sidebarWidget,
body .m-theme--wrapper.m-theme--wrapper__dark .m-sidebarWidget {
background-color: #242a30;
border: 1px solid #414c57; }
.m-sidebarWidget__title {
font-size: 18px;
line-height: 24px;
padding: 20px;
padding-bottom: 10px;
padding-right: 40px;
margin: 0;
font-weight: 500; }
body.m-theme__light .m-sidebarWidget__title,
body .m-theme--wrapper.m-theme--wrapper__light .m-sidebarWidget__title {
color: #43434d; }
body.m-theme__dark .m-sidebarWidget__title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-sidebarWidget__title {
color: #ffffff; }
.m-sidebarWidget__dismiss {
position: absolute;
top: 20px;
right: 20px; }
.m-sidebarWidget__dismiss > i {
font-size: 18px;
cursor: pointer; }
body.m-theme__light .m-sidebarWidget__dismiss > i,
body .m-theme--wrapper.m-theme--wrapper__light .m-sidebarWidget__dismiss > i {
color: #9b9b9b; }
body.m-theme__dark .m-sidebarWidget__dismiss > i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-sidebarWidget__dismiss > i {
color: #797b82; }
.m-sidebarWidget__body {
padding: 0 20px; }
.m-sidebarWidget__body.m-sidebarWidget__body--noPadding {
padding: 0; }
.m-sidebarWidget__seeMore {
padding: 0 20px;
text-align: right;
width: 100%;
display: block;
box-sizing: border-box;
cursor: pointer; }
body.m-theme__light .m-sidebarWidget__seeMore,
body .m-theme--wrapper.m-theme--wrapper__light .m-sidebarWidget__seeMore {
color: #9b9b9b; }
body.m-theme__dark .m-sidebarWidget__seeMore,
body .m-theme--wrapper.m-theme--wrapper__dark .m-sidebarWidget__seeMore {
color: #797b82; }
m-sort-selector {
display: flex;
flex-direction: row;
align-items: center;
max-width: 100%; }
m-sort-selector > :last-child {
margin-left: auto; }
m-sort-selector .m-dropdown--list--item {
cursor: pointer; }
m-sort-selector .m-sort-selector--item-label-icon {
font-size: 18px;
margin-right: 4px; }
body.m-theme__light m-sort-selector .m-dropdown--expanded .m-dropdown--list--item--selected,
body .m-theme--wrapper.m-theme--wrapper__light m-sort-selector .m-dropdown--expanded .m-dropdown--list--item--selected {
color: #4690df; }
body.m-theme__dark m-sort-selector .m-dropdown--expanded .m-dropdown--list--item--selected,
body .m-theme--wrapper.m-theme--wrapper__dark m-sort-selector .m-dropdown--expanded .m-dropdown--list--item--selected {
color: #44aaff; }
body.m-theme__light m-sort-selector .m-dropdown--list--item--disabled,
body .m-theme--wrapper.m-theme--wrapper__light m-sort-selector .m-dropdown--list--item--disabled {
color: #999; }
body.m-theme__dark m-sort-selector .m-dropdown--list--item--disabled,
body .m-theme--wrapper.m-theme--wrapper__dark m-sort-selector .m-dropdown--list--item--disabled {
color: #626262; }
m-sort-selector .m-dropdown .m-dropdown--label-container {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1.25px;
padding-left: 4px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
m-sort-selector .m-topbar--navigation--item {
padding-right: 0; }
m-sort-selector .m-topbar--navigation--item span {
display: inline-block !important; }
m-sort-selector .m-dropdown--list--item {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1.25px;
padding-left: 4px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
m-sort-selector .m-sort-selector--algorithm-dropdown .m-dropdown--list,
m-sort-selector .m-sort-selector--period-dropdown .m-dropdown--list {
right: auto;
left: 0; }
m-sort-selector .m-sort-selector--period-dropdown {
cursor: pointer; }
m-sort-selector .m-sort-selector--custom-type-dropdown .m-dropdown {
margin-right: 8px; }
m-stackableModal {
display: block;
position: relative;
z-index: 100; }
m-switch {
display: inline-block; }
m-switch > label {
position: relative;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 0.875em;
line-height: 1; }
m-switch .m-switch__input {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
padding: 0;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
m-switch .m-switch__track {
vertical-align: middle;
position: relative;
display: inline-block;
width: 20px;
height: 10px;
border-radius: 8px;
transition: border-color 0.15s ease-out; }
body.m-theme__light m-switch .m-switch__track,
body .m-theme--wrapper.m-theme--wrapper__light m-switch .m-switch__track {
border: 1px solid #d3dbe3; }
body.m-theme__dark m-switch .m-switch__track,
body .m-theme--wrapper.m-theme--wrapper__dark m-switch .m-switch__track {
border: 1px solid #414c57; }
m-switch .m-switch__track .m-switch__thumb {
position: absolute;
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
transform: translate(-100%, -50%);
top: 50%;
left: calc(50% - 2px);
transition: transform 0.15s ease-out, background 0.15s ease-out; }
body.m-theme__light m-switch .m-switch__track .m-switch__thumb,
body .m-theme--wrapper.m-theme--wrapper__light m-switch .m-switch__track .m-switch__thumb {
background-color: #ddd; }
body.m-theme__dark m-switch .m-switch__track .m-switch__thumb,
body .m-theme--wrapper.m-theme--wrapper__dark m-switch .m-switch__track .m-switch__thumb {
background-color: #404040; }
body.m-theme__light m-switch .m-switch--enabled.m-switch--toggled .m-switch__track,
body .m-theme--wrapper.m-theme--wrapper__light m-switch .m-switch--enabled.m-switch--toggled .m-switch__track {
border-color: #4690df; }
body.m-theme__dark m-switch .m-switch--enabled.m-switch--toggled .m-switch__track,
body .m-theme--wrapper.m-theme--wrapper__dark m-switch .m-switch--enabled.m-switch--toggled .m-switch__track {
border-color: #44aaff; }
body.m-theme__light m-switch .m-switch--enabled.m-switch--toggled .m-switch__track .m-switch__thumb,
body .m-theme--wrapper.m-theme--wrapper__light m-switch .m-switch--enabled.m-switch--toggled .m-switch__track .m-switch__thumb {
background-color: #4690df; }
body.m-theme__dark m-switch .m-switch--enabled.m-switch--toggled .m-switch__track .m-switch__thumb,
body .m-theme--wrapper.m-theme--wrapper__dark m-switch .m-switch--enabled.m-switch--toggled .m-switch__track .m-switch__thumb {
background-color: #44aaff; }
m-switch .m-switch--toggled .m-switch__track .m-switch__thumb {
transform: translate(100%, -50%); }
m-switch .m-switch__label {
vertical-align: middle;
position: relative;
top: 1px; }
m-switch .m-switch__label.m-switch__label--left {
margin-right: 0.35em; }
m-switch .m-switch__label.m-switch__label--right {
margin-left: 0.35em; }
m-switch .m-switch--enabled .m-switch__track,
m-switch .m-switch--enabled .m-switch__label {
cursor: pointer; }
.m-tabs__container {
box-sizing: border-box;
display: flex;
flex-flow: row nowrap;
margin: 0;
padding: 10px 40px 0 40px;
list-style: none; }
body.m-theme__light .m-tabs__container,
body .m-theme--wrapper.m-theme--wrapper__light .m-tabs__container {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-tabs__container,
body .m-theme--wrapper.m-theme--wrapper__dark .m-tabs__container {
border-bottom: 1px solid #414c57; }
@media screen and (max-width: 768px) {
.m-tabs__container {
padding-left: 20px;
padding-right: 20px; } }
@media screen and (max-width: 1040px) {
.m-tabs__container {
padding: 0 20px; } }
@media screen and (max-width: 480px) {
.m-tabs__container {
margin-left: 0;
margin-right: 0;
overflow-x: scroll; } }
div.m-tabs__tab > a,
.m-tabs__tab > a {
cursor: pointer;
padding: 13px 0;
margin-right: 30px;
box-sizing: border-box;
display: block;
font-size: 16px;
font-weight: 400;
line-height: 20px;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
list-style: none;
text-decoration: none; }
body.m-theme__light div.m-tabs__tab > a,
body .m-theme--wrapper.m-theme--wrapper__light div.m-tabs__tab > a, body.m-theme__light
.m-tabs__tab > a,
body .m-theme--wrapper.m-theme--wrapper__light
.m-tabs__tab > a {
color: #72727c;
border-bottom: 3px solid transparent; }
body.m-theme__dark div.m-tabs__tab > a,
body .m-theme--wrapper.m-theme--wrapper__dark div.m-tabs__tab > a, body.m-theme__dark
.m-tabs__tab > a,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-tabs__tab > a {
color: #b8c1ca;
border-bottom: 3px solid transparent; }
body.m-theme__light div.m-tabs__tab > a.selected,
body .m-theme--wrapper.m-theme--wrapper__light div.m-tabs__tab > a.selected, body.m-theme__light div.m-tabs__tab > a.m-tabs__tab--selected,
body .m-theme--wrapper.m-theme--wrapper__light div.m-tabs__tab > a.m-tabs__tab--selected, body.m-theme__light
.m-tabs__tab > a.selected,
body .m-theme--wrapper.m-theme--wrapper__light
.m-tabs__tab > a.selected, body.m-theme__light
.m-tabs__tab > a.m-tabs__tab--selected,
body .m-theme--wrapper.m-theme--wrapper__light
.m-tabs__tab > a.m-tabs__tab--selected {
color: #43434d;
border-bottom: 3px solid #4690df; }
body.m-theme__dark div.m-tabs__tab > a.selected,
body .m-theme--wrapper.m-theme--wrapper__dark div.m-tabs__tab > a.selected, body.m-theme__dark div.m-tabs__tab > a.m-tabs__tab--selected,
body .m-theme--wrapper.m-theme--wrapper__dark div.m-tabs__tab > a.m-tabs__tab--selected, body.m-theme__dark
.m-tabs__tab > a.selected,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-tabs__tab > a.selected, body.m-theme__dark
.m-tabs__tab > a.m-tabs__tab--selected,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-tabs__tab > a.m-tabs__tab--selected {
color: #ffffff;
border-bottom: 3px solid #44aaff; }
body.m-theme__light div.m-tabs__tab > a:hover,
body .m-theme--wrapper.m-theme--wrapper__light div.m-tabs__tab > a:hover, body.m-theme__light
.m-tabs__tab > a:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-tabs__tab > a:hover {
color: #43434d; }
body.m-theme__dark div.m-tabs__tab > a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark div.m-tabs__tab > a:hover, body.m-theme__dark
.m-tabs__tab > a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-tabs__tab > a:hover {
color: #ffffff; }
@media screen and (max-width: 480px) {
div.m-tabs__tab > a,
.m-tabs__tab > a {
padding: 10px 0; } }
.m-tagcloud {
padding: 8px; }
.m-tagcloud h3 {
padding: 8px;
margin: 0;
font-size: 20px;
line-height: 20px;
font-weight: 600;
letter-spacing: 1px;
text-transform: capitalize; }
body.m-theme__light .m-tagcloud h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-tagcloud h3 {
color: rgba(0, 0, 0, 0.75); }
body.m-theme__dark .m-tagcloud h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-tagcloud h3 {
color: rgba(255, 255, 255, 0.75); }
.m-tagcloud-tag {
padding: 8px;
letter-spacing: 1px;
cursor: pointer;
font-size: 16px;
font-family: 'Roboto', Helvetica, sans-serif; }
body.m-theme__light .m-tagcloud-tag,
body .m-theme--wrapper.m-theme--wrapper__light .m-tagcloud-tag {
color: #555; }
body.m-theme__dark .m-tagcloud-tag,
body .m-theme--wrapper.m-theme--wrapper__dark .m-tagcloud-tag {
color: #a6a6a6; }
m-timespanFilter {
display: flex;
justify-content: flex-end;
flex-flow: row nowrap; }
m-timespanFilter .m-timespanFilter__container {
display: flex;
flex-flow: row nowrap;
border-radius: 5px;
cursor: pointer; }
body.m-theme__light m-timespanFilter .m-timespanFilter__container,
body .m-theme--wrapper.m-theme--wrapper__light m-timespanFilter .m-timespanFilter__container {
border: 1px solid #d3dbe3;
color: #9b9b9b; }
body.m-theme__dark m-timespanFilter .m-timespanFilter__container,
body .m-theme--wrapper.m-theme--wrapper__dark m-timespanFilter .m-timespanFilter__container {
border: 1px solid #414c57;
color: #797b82; }
m-timespanFilter .m-timespanFilter__option {
padding: 5px 16px;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light m-timespanFilter .m-timespanFilter__option,
body .m-theme--wrapper.m-theme--wrapper__light m-timespanFilter .m-timespanFilter__option {
background-color: #ffffff; }
body.m-theme__dark m-timespanFilter .m-timespanFilter__option,
body .m-theme--wrapper.m-theme--wrapper__dark m-timespanFilter .m-timespanFilter__option {
background-color: #242a30; }
m-timespanFilter .m-timespanFilter__option:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
m-timespanFilter .m-timespanFilter__option:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
body.m-theme__light m-timespanFilter .m-timespanFilter__option:not(:last-child),
body .m-theme--wrapper.m-theme--wrapper__light m-timespanFilter .m-timespanFilter__option:not(:last-child) {
border-right: 1px solid #d3dbe3; }
body.m-theme__dark m-timespanFilter .m-timespanFilter__option:not(:last-child),
body .m-theme--wrapper.m-theme--wrapper__dark m-timespanFilter .m-timespanFilter__option:not(:last-child) {
border-right: 1px solid #414c57; }
body.m-theme__light m-timespanFilter .m-timespanFilter__option.active,
body .m-theme--wrapper.m-theme--wrapper__light m-timespanFilter .m-timespanFilter__option.active, body.m-theme__light m-timespanFilter .m-timespanFilter__option:hover,
body .m-theme--wrapper.m-theme--wrapper__light m-timespanFilter .m-timespanFilter__option:hover {
background-color: #e7edf3;
color: #72727c; }
body.m-theme__dark m-timespanFilter .m-timespanFilter__option.active,
body .m-theme--wrapper.m-theme--wrapper__dark m-timespanFilter .m-timespanFilter__option.active, body.m-theme__dark m-timespanFilter .m-timespanFilter__option:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-timespanFilter .m-timespanFilter__option:hover {
background-color: #1e242a;
color: #b8c1ca; }
m-timespanFilter .m-timespanFilter__option:active {
transition: all 0.1s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light m-timespanFilter .m-timespanFilter__option:active,
body .m-theme--wrapper.m-theme--wrapper__light m-timespanFilter .m-timespanFilter__option:active {
background-color: #e7edf3;
box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.2); }
body.m-theme__dark m-timespanFilter .m-timespanFilter__option:active,
body .m-theme--wrapper.m-theme--wrapper__dark m-timespanFilter .m-timespanFilter__option:active {
background-color: #1e242a;
box-shadow: inset 0 1px 4px 0 rgba(255, 255, 255, 0.2); }
m-toggle {
position: relative;
display: inline-block;
width: 27px;
height: 19px;
margin: 0 0.35em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
body.m-theme__light m-toggle.disabled .m-toggle__switch .m-toggle__switch--left,
body .m-theme--wrapper.m-theme--wrapper__light m-toggle.disabled .m-toggle__switch .m-toggle__switch--left, body.m-theme__light
m-toggle.disabled .m-toggle__switch .m-toggle__switch--right,
body .m-theme--wrapper.m-theme--wrapper__light
m-toggle.disabled .m-toggle__switch .m-toggle__switch--right {
background: #444; }
body.m-theme__dark m-toggle.disabled .m-toggle__switch .m-toggle__switch--left,
body .m-theme--wrapper.m-theme--wrapper__dark m-toggle.disabled .m-toggle__switch .m-toggle__switch--left, body.m-theme__dark
m-toggle.disabled .m-toggle__switch .m-toggle__switch--right,
body .m-theme--wrapper.m-theme--wrapper__dark
m-toggle.disabled .m-toggle__switch .m-toggle__switch--right {
background: #b7b7b7; }
m-toggle .m-toggle__track {
display: inline-block;
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 10px;
z-index: 1;
transform: translateY(-50%);
border-radius: 6px; }
body.m-theme__light m-toggle .m-toggle__track,
body .m-theme--wrapper.m-theme--wrapper__light m-toggle .m-toggle__track {
background: #ddd; }
body.m-theme__dark m-toggle .m-toggle__track,
body .m-theme--wrapper.m-theme--wrapper__dark m-toggle .m-toggle__track {
background: #404040; }
m-toggle .m-toggle__switch {
display: inline-block;
position: absolute;
top: 0;
left: 50%;
width: 19px;
height: 19px;
z-index: 2;
transform: translateX(-50%);
border-radius: 50%; }
body.m-theme__light m-toggle .m-toggle__switch,
body .m-theme--wrapper.m-theme--wrapper__light m-toggle .m-toggle__switch {
background: #ddd;
box-shadow: 1px 1px 1px -1px rgba(0, 0, 0, 0.3); }
body.m-theme__dark m-toggle .m-toggle__switch,
body .m-theme--wrapper.m-theme--wrapper__dark m-toggle .m-toggle__switch {
background: #404040;
box-shadow: 1px 1px 1px -1px rgba(255, 255, 255, 0.3); }
m-toggle .m-toggle__switch.m-toggle__switch--left, m-toggle .m-toggle__switch.m-toggle__switch--right {
transform: none; }
body.m-theme__light m-toggle .m-toggle__switch.m-toggle__switch--left,
body .m-theme--wrapper.m-theme--wrapper__light m-toggle .m-toggle__switch.m-toggle__switch--left, body.m-theme__light m-toggle .m-toggle__switch.m-toggle__switch--right,
body .m-theme--wrapper.m-theme--wrapper__light m-toggle .m-toggle__switch.m-toggle__switch--right {
background: #4690df; }
body.m-theme__dark m-toggle .m-toggle__switch.m-toggle__switch--left,
body .m-theme--wrapper.m-theme--wrapper__dark m-toggle .m-toggle__switch.m-toggle__switch--left, body.m-theme__dark m-toggle .m-toggle__switch.m-toggle__switch--right,
body .m-theme--wrapper.m-theme--wrapper__dark m-toggle .m-toggle__switch.m-toggle__switch--right {
background: #44aaff; }
m-toggle .m-toggle__switch.m-toggle__switch--left {
left: 0;
right: auto; }
m-toggle .m-toggle__switch.m-toggle__switch--right {
right: 0;
left: auto; }
m-tooltip {
display: inline-block;
cursor: pointer; }
m-tooltip .m-tooltip--anchored {
position: relative; }
.m-tooltip--bubble {
z-index: 60;
position: absolute;
font-size: 14px;
padding: 12px 14px;
border-radius: 2px;
font-family: 'Roboto', sans-serif;
max-width: 220px;
line-height: 1.3em;
white-space: normal;
text-align: left;
text-transform: none; }
body.m-theme__light .m-tooltip--bubble,
body .m-theme--wrapper.m-theme--wrapper__light .m-tooltip--bubble {
color: #fff;
background: #4690df; }
body.m-theme__dark .m-tooltip--bubble,
body .m-theme--wrapper.m-theme--wrapper__dark .m-tooltip--bubble {
color: #fff;
background: #4690df; }
.m-tooltip--bubble ul {
line-height: 1.2em; }
.m-tooltip--bubble.m-tooltip--bubble--anchor-bottom {
bottom: 24px; }
.m-tooltip--bubble.m-tooltip--bubble--fixed {
position: fixed; }
.m-tooltip--bubble.m-tooltip--bubble--anchor-left {
left: 0;
right: auto;
width: 220px; }
.m-tooltip--bubble.m-tooltip--bubble--anchor-right {
left: auto;
right: 0;
width: 220px; }
m--tree {
display: block;
font-size: 14px; }
body.m-theme__light m--tree,
body .m-theme--wrapper.m-theme--wrapper__light m--tree {
color: #000; }
body.m-theme__dark m--tree,
body .m-theme--wrapper.m-theme--wrapper__dark m--tree {
color: #fff; }
m--tree .m-tree--items {
display: flex;
align-items: baseline; }
m--tree .m-tree--items .m-tree--items-icon {
width: 10px;
line-height: 10px;
height: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 3px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 16px; }
body.m-theme__light m--tree .m-tree--items .m-tree--items-icon,
body .m-theme--wrapper.m-theme--wrapper__light m--tree .m-tree--items .m-tree--items-icon {
border: 1px solid #000; }
body.m-theme__dark m--tree .m-tree--items .m-tree--items-icon,
body .m-theme--wrapper.m-theme--wrapper__dark m--tree .m-tree--items .m-tree--items-icon {
border: 1px solid #fff; }
m--tree .m-tree--items .m-tree--items--label {
flex-grow: 1;
cursor: pointer; }
body.m-theme__light m--tree .m-tree--items .m-tree--items--label:hover,
body .m-theme--wrapper.m-theme--wrapper__light m--tree .m-tree--items .m-tree--items--label:hover {
background-color: #4690df; }
body.m-theme__dark m--tree .m-tree--items .m-tree--items--label:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m--tree .m-tree--items .m-tree--items--label:hover {
background-color: #44aaff; }
.c-scrim {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
transition: 200ms ease opacity;
will-change: opacity; }
body.m-theme__light .c-scrim,
body .m-theme--wrapper.m-theme--wrapper__light .c-scrim {
background-color: rgba(0, 0, 0, 0.541176); }
body.m-theme__dark .c-scrim,
body .m-theme--wrapper.m-theme--wrapper__dark .c-scrim {
background-color: rgba(0, 0, 0, 0.541176); }
.c-scrim--shown {
opacity: 1; }
.c-datepicker {
min-height: 610px;
position: fixed;
left: 50%;
top: 45%;
transform: translate(-50%, -50%);
border: 0;
width: 300px;
text-align: center;
-webkit-tap-highlight-color: transparent;
border-radius: 2px;
opacity: 0;
will-change: opacity;
transition: 200ms ease-in-out opacity, 200ms ease-in-out top; }
body.m-theme__light .c-datepicker,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker {
background-color: #ffffff;
box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); }
body.m-theme__dark .c-datepicker,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker {
background-color: #242a30;
box-shadow: 0 14px 45px rgba(255, 255, 255, 0.25), 0 10px 18px rgba(255, 255, 255, 0.22); }
.c-datepicker--open {
opacity: 1;
top: 50%; }
.c-datepicker__header {
position: relative; }
.c-datepicker__header-day {
height: 32px;
line-height: 32px;
font-size: 12px;
font-weight: 200;
letter-spacing: 0.3px; }
body.m-theme__light .c-datepicker__header-day,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__header-day {
color: #fff;
background-color: #4690df; }
body.m-theme__dark .c-datepicker__header-day,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__header-day {
color: #202527;
background-color: #44aaff; }
.c-datepicker__header::after {
content: '';
display: table;
clear: both; }
.c-datepicker__header-date {
height: 150px;
padding: 16px 0; }
body.m-theme__light .c-datepicker__header-date,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__header-date {
background-color: rgba(70, 144, 223, 0.9); }
body.m-theme__dark .c-datepicker__header-date,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__header-date {
background-color: rgba(68, 170, 255, 0.9); }
.rd-month-label {
height: 56px;
line-height: 56px;
font-size: 14px;
font-weight: 800; }
.c-datepicker__back,
.c-datepicker__next,
.c-datepicker__toggle {
position: absolute;
border: 0;
font-family: 'Material Icons';
text-rendering: optimizeLegibility;
font-feature-settings: 'liga' 1;
font-style: normal;
text-transform: none;
line-height: 1;
font-size: 24px;
width: 56px;
height: 56px;
display: inline-block;
overflow: hidden;
-webkit-font-smoothing: antialiased;
cursor: pointer; }
body.m-theme__light .c-datepicker__back,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__back, body.m-theme__light
.c-datepicker__next,
body .m-theme--wrapper.m-theme--wrapper__light
.c-datepicker__next, body.m-theme__light
.c-datepicker__toggle,
body .m-theme--wrapper.m-theme--wrapper__light
.c-datepicker__toggle {
background-color: #ffffff; }
body.m-theme__dark .c-datepicker__back,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__back, body.m-theme__dark
.c-datepicker__next,
body .m-theme--wrapper.m-theme--wrapper__dark
.c-datepicker__next, body.m-theme__dark
.c-datepicker__toggle,
body .m-theme--wrapper.m-theme--wrapper__dark
.c-datepicker__toggle {
background-color: #242a30; }
.c-datepicker__back:focus,
.c-datepicker__next:focus,
.c-datepicker__toggle:focus {
outline: 0; }
.c-datepicker__back {
left: 0; }
.c-datepicker__next {
right: 0; }
.c-datepicker__back:before {
content: 'chevron_left'; }
body.m-theme__light .c-datepicker__back:before,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__back:before {
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark .c-datepicker__back:before,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__back:before {
color: rgba(255, 255, 255, 0.87); }
.c-datepicker__next:after {
content: 'chevron_right'; }
body.m-theme__light .c-datepicker__next:after,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__next:after {
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark .c-datepicker__next:after,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__next:after {
color: rgba(255, 255, 255, 0.87); }
.c-datepicker--show-time:after {
content: 'access_time';
visibility: visible; }
body.m-theme__light .c-datepicker--show-time:after,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker--show-time:after {
color: #fff; }
body.m-theme__dark .c-datepicker--show-time:after,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker--show-time:after {
color: #202527; }
.c-datepicker--show-calendar:after {
content: 'grid_on';
visibility: visible; }
body.m-theme__light .c-datepicker--show-calendar:after,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker--show-calendar:after {
color: #fff; }
body.m-theme__dark .c-datepicker--show-calendar:after,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker--show-calendar:after {
color: #202527; }
.c-datepicker__header-date span {
display: block;
margin: 0;
transition: opacity 100ms ease-in-out; }
body.m-theme__light .c-datepicker__header-date span,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__header-date span {
color: #fff; }
body.m-theme__dark .c-datepicker__header-date span,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__header-date span {
color: #202527; }
.c-datepicker__header-date__month {
cursor: pointer;
font-size: 24px;
opacity: 0.6; }
.c-datepicker__header-date__day {
cursor: pointer;
font-size: 64px;
line-height: 64px;
opacity: 0.6; }
.c-datepicker__header-date__time {
font-size: 25px;
opacity: 0.6; }
.c-datepicker__header-date__time > span {
display: inline-block; }
.c-datepicker__header-date__hours,
.c-datepicker__header-date__minutes {
cursor: pointer; }
.c-datepicker--show-time.is-selected
~ .c-datepicker__header
.c-datepicker__header-date__time {
opacity: 1; }
.c-datepicker--show-time.is-selected
~ .c-datepicker__header
.c-datepicker__header-date__time
.c-datepicker__header-date__hours,
.c-datepicker--show-time.is-selected
~ .c-datepicker__header
.c-datepicker__header-date__time
.c-datepicker__header-date__minutes {
opacity: 0.6; }
.c-datepicker--show-time.is-selected
~ .c-datepicker__header
.c-datepicker__header-date__time
.c-datepicker__header-date__hours.active,
.c-datepicker--show-time.is-selected
~ .c-datepicker__header
.c-datepicker__header-date__time
.c-datepicker__header-date__minutes.active {
opacity: 1; }
.c-datepicker--show-calendar.is-selected
~ .c-datepicker__header
.c-datepicker__header-date__month,
.c-datepicker--show-calendar.is-selected
~ .c-datepicker__header
.c-datepicker__header-date__day {
opacity: 1; }
.modal-btns {
padding: 20px;
position: absolute;
bottom: 0;
right: 0; }
.c-datepicker__day-body {
font-size: 12px;
width: 36px;
height: 36px;
cursor: pointer;
position: relative; }
body.m-theme__light .c-datepicker__day-body,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__day-body {
color: rgba(0, 0, 0, 0.8); }
body.m-theme__dark .c-datepicker__day-body,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__day-body {
color: rgba(255, 255, 255, 0.8); }
.c-datepicker__day--selected::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 35px;
height: 35px;
border-radius: 50%;
transform: translate(-50%, -50%); }
body.m-theme__light .c-datepicker__day--selected::after,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__day--selected::after {
background-color: rgba(0, 0, 0, 0.05); }
body.m-theme__dark .c-datepicker__day--selected::after,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__day--selected::after {
background-color: rgba(255, 255, 255, 0.05); }
.c-datepicker__day-head {
font-size: 12px;
height: 36px; }
body.m-theme__light .c-datepicker__day-head,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__day-head {
color: rgba(0, 0, 0, 0.54); }
body.m-theme__dark .c-datepicker__day-head,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__day-head {
color: rgba(255, 255, 255, 0.54); }
.c-datepicker__day-head,
c-datepicker__day-body {
-webkit-tap-highlight-color: transparent; }
.modal-btns {
float: right; }
.c-btn {
display: inline-block;
min-width: 56px;
cursor: pointer; }
.rd-day-prev-month {
opacity: 0.1;
pointer-events: none; }
.rd-day-next-month {
opacity: 0.1;
pointer-events: none; }
.c-datepicker__calendar {
height: 300px; }
.c-datepicker__date {
position: absolute;
left: 0;
right: 0; }
.c-datepicker__days {
margin: 10px 20px;
text-align: center; }
.c-datepicker__header-toggle {
position: absolute;
top: 50%;
cursor: pointer; }
body.m-theme__light .c-datepicker__header-toggle,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__header-toggle {
color: #fff; }
body.m-theme__dark .c-datepicker__header-toggle,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__header-toggle {
color: #202527; }
.c-datepicker__header-toggle i {
font-size: 26px; }
.c-datepicker__header-toggle--left {
left: 20px; }
.c-datepicker__header-toggle--right {
right: 20px; }
.c-datepicker__header-toggle--inactive {
opacity: 0.2; }
.c-datepicker__toggle {
top: 170px;
width: 36px;
height: 30px;
visibility: hidden;
opacity: 0.5;
z-index: 1;
transition: opacity 200ms ease-in-out; }
.c-datepicker__toggle--right {
right: 10px; }
.c-datepicker__toggle--left {
left: 10px; }
.c-datepicker__toggle.is-selected {
opacity: 1; }
.c-datepicker--show-time.is-selected ~ .c-datepicker__calendar {
display: none; }
.c-datepicker--show-calendar.is-selected ~ .c-datepicker__clock {
display: none; }
.c-datepicker__clock {
position: relative;
/* [1] */
width: 200px;
height: 200px;
padding: 0;
border-radius: 50%;
list-style: none;
/* [2] */
font-size: 14px;
line-height: 50px;
padding: 160px 0 20px 0;
margin: 0 auto; }
.c-datepicker__clock .c-datepicker__clock__num {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -25px; }
.c-datepicker__clock .c-datepicker__clock__num:nth-of-type(1) {
transform: rotate(0deg) translate(100px) rotate(0deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(1).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(270deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(1).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(1).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(1).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(1).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(1).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(1):hover
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(270deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(1):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(1):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(1):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(1):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(1):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock .c-datepicker__clock__num:nth-of-type(2) {
transform: rotate(30deg) translate(100px) rotate(-30deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(2).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(300deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(2).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(2).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(2).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(2).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(2).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(2):hover
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(300deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(2):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(2):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(2):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(2):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(2):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock .c-datepicker__clock__num:nth-of-type(3) {
transform: rotate(60deg) translate(100px) rotate(-60deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(3).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(330deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(3).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(3).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(3).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(3).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(3).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(3):hover
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(330deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(3):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(3):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(3):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(3):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(3):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock .c-datepicker__clock__num:nth-of-type(4) {
transform: rotate(90deg) translate(100px) rotate(-90deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(4).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(360deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(4).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(4).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(4).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(4).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(4).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(4):hover
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(360deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(4):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(4):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(4):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(4):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(4):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock .c-datepicker__clock__num:nth-of-type(5) {
transform: rotate(120deg) translate(100px) rotate(-120deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(5).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(390deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(5).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(5).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(5).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(5).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(5).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(5):hover
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(390deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(5):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(5):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(5):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(5):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(5):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock .c-datepicker__clock__num:nth-of-type(6) {
transform: rotate(150deg) translate(100px) rotate(-150deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(6).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(420deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(6).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(6).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(6).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(6).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(6).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(6):hover
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(420deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(6):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(6):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(6):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(6):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(6):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock .c-datepicker__clock__num:nth-of-type(7) {
transform: rotate(180deg) translate(100px) rotate(-180deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(7).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(450deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(7).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(7).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(7).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(7).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(7).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(7):hover
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(450deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(7):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(7):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(7):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(7):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(7):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock .c-datepicker__clock__num:nth-of-type(8) {
transform: rotate(210deg) translate(100px) rotate(-210deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(8).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(480deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(8).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(8).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(8).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(8).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(8).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(8):hover
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(480deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(8):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(8):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(8):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(8):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(8):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock .c-datepicker__clock__num:nth-of-type(9) {
transform: rotate(240deg) translate(100px) rotate(-240deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(9).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(510deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(9).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(9).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(9).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(9).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(9).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(9):hover
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(510deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(9):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(9):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(9):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(9):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(9):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock .c-datepicker__clock__num:nth-of-type(10) {
transform: rotate(270deg) translate(100px) rotate(-270deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(10).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(540deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(10).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(10).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(10).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(10).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(10).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(10):hover
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(540deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(10):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(10):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(10):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(10):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(10):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock .c-datepicker__clock__num:nth-of-type(11) {
transform: rotate(300deg) translate(100px) rotate(-300deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(11).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(570deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(11).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(11).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(11).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(11).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(11).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(11):hover
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(570deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(11):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(11):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(11):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(11):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(11):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock .c-datepicker__clock__num:nth-of-type(12) {
transform: rotate(330deg) translate(100px) rotate(-330deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(12).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(600deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(12).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(12).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(12).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(12).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(12).c-datepicker__clock__num--active:not(.hide-hand)
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(12):hover
~ .c-datepicker__clock-hands {
transform: translate(-50%, -50%) rotate(600deg); }
.c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(12):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
opacity: 1; }
body.m-theme__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(12):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(12):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(12):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock
.c-datepicker__clock__num:nth-of-type(12):hover
~ .c-datepicker__clock-hands
.c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock::before {
content: '';
position: absolute;
top: 70px;
left: -20px;
width: 240px;
height: 240px;
border-radius: 50%; }
body.m-theme__light .c-datepicker__clock::before,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock::before {
background-color: rgba(0, 0, 0, 0.05); }
body.m-theme__dark .c-datepicker__clock::before,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock::before {
background-color: rgba(255, 255, 255, 0.05); }
.u-hover-ball-effect,
.c-datepicker__day-body,
.c-datepicker__clock__num,
.c-datepicker__clock__am-pm-toggle label {
position: relative;
cursor: pointer; }
.u-hover-ball-effect:before,
.c-datepicker__day-body:before,
.c-datepicker__clock__num:before,
.c-datepicker__clock__am-pm-toggle label:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 0%;
height: 0%;
border-radius: 50%;
transform: translate(-50%, -50%);
transition: width 100ms ease-in-out, height 100ms ease-in-out; }
body.m-theme__light .u-hover-ball-effect:hover,
body .m-theme--wrapper.m-theme--wrapper__light .u-hover-ball-effect:hover, body.m-theme__light
.c-datepicker__day-body:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.c-datepicker__day-body:hover, body.m-theme__light
.c-datepicker__clock__num:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.c-datepicker__clock__num:hover, body.m-theme__light
.c-datepicker__clock__am-pm-toggle label:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.c-datepicker__clock__am-pm-toggle label:hover {
color: #fff; }
body.m-theme__dark .u-hover-ball-effect:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .u-hover-ball-effect:hover, body.m-theme__dark
.c-datepicker__day-body:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.c-datepicker__day-body:hover, body.m-theme__dark
.c-datepicker__clock__num:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.c-datepicker__clock__num:hover, body.m-theme__dark
.c-datepicker__clock__am-pm-toggle label:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.c-datepicker__clock__am-pm-toggle label:hover {
color: #202527; }
.u-hover-ball-effect:hover:before,
.c-datepicker__day-body:hover:before,
.c-datepicker__clock__num:hover:before,
.c-datepicker__clock__am-pm-toggle label:hover:before {
width: 35px;
height: 35px;
z-index: -1; }
body.m-theme__light .u-hover-ball-effect:hover:before,
body .m-theme--wrapper.m-theme--wrapper__light .u-hover-ball-effect:hover:before, body.m-theme__light
.c-datepicker__day-body:hover:before,
body .m-theme--wrapper.m-theme--wrapper__light
.c-datepicker__day-body:hover:before, body.m-theme__light
.c-datepicker__clock__num:hover:before,
body .m-theme--wrapper.m-theme--wrapper__light
.c-datepicker__clock__num:hover:before, body.m-theme__light
.c-datepicker__clock__am-pm-toggle label:hover:before,
body .m-theme--wrapper.m-theme--wrapper__light
.c-datepicker__clock__am-pm-toggle label:hover:before {
background-color: #4690df; }
body.m-theme__dark .u-hover-ball-effect:hover:before,
body .m-theme--wrapper.m-theme--wrapper__dark .u-hover-ball-effect:hover:before, body.m-theme__dark
.c-datepicker__day-body:hover:before,
body .m-theme--wrapper.m-theme--wrapper__dark
.c-datepicker__day-body:hover:before, body.m-theme__dark
.c-datepicker__clock__num:hover:before,
body .m-theme--wrapper.m-theme--wrapper__dark
.c-datepicker__clock__num:hover:before, body.m-theme__dark
.c-datepicker__clock__am-pm-toggle label:hover:before,
body .m-theme--wrapper.m-theme--wrapper__dark
.c-datepicker__clock__am-pm-toggle label:hover:before {
background-color: #44aaff; }
body.m-theme__light .c-datepicker__day-body--active:not(.hide-hand),
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__day-body--active:not(.hide-hand), body.m-theme__light
.c-datepicker__clock__num--active:not(.hide-hand),
body .m-theme--wrapper.m-theme--wrapper__light
.c-datepicker__clock__num--active:not(.hide-hand) {
color: #fff; }
body.m-theme__dark .c-datepicker__day-body--active:not(.hide-hand),
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__day-body--active:not(.hide-hand), body.m-theme__dark
.c-datepicker__clock__num--active:not(.hide-hand),
body .m-theme--wrapper.m-theme--wrapper__dark
.c-datepicker__clock__num--active:not(.hide-hand) {
color: #202527; }
.c-datepicker__day-body--active:not(.hide-hand):before,
.c-datepicker__clock__num--active:not(.hide-hand):before {
width: 35px;
height: 35px;
z-index: -1; }
body.m-theme__light .c-datepicker__day-body--active:not(.hide-hand):before,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__day-body--active:not(.hide-hand):before, body.m-theme__light
.c-datepicker__clock__num--active:not(.hide-hand):before,
body .m-theme--wrapper.m-theme--wrapper__light
.c-datepicker__clock__num--active:not(.hide-hand):before {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__day-body--active:not(.hide-hand):before,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__day-body--active:not(.hide-hand):before, body.m-theme__dark
.c-datepicker__clock__num--active:not(.hide-hand):before,
body .m-theme--wrapper.m-theme--wrapper__dark
.c-datepicker__clock__num--active:not(.hide-hand):before {
background-color: #44aaff; }
.c-datepicker__clock-hands {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(180deg);
width: 10px;
height: 10px;
border-radius: 50%; }
body.m-theme__light .c-datepicker__clock-hands,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock-hands {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__clock-hands,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock-hands {
background-color: #44aaff; }
.c-datepicker__hour-hand {
position: absolute;
opacity: 0;
height: 78px;
width: 2px;
left: 4px;
top: 10px; }
body.m-theme__light .c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__hour-hand {
background-color: #4690df; }
body.m-theme__dark .c-datepicker__hour-hand,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__hour-hand {
background-color: #44aaff; }
.c-datepicker__clock__minutes {
display: none;
height: 200px;
margin: -69px 0 0 0;
width: 200px;
display: none; }
.c-datepicker__clock__minutes.active {
display: block; }
.c-datepicker__clock__hours {
height: 200px;
margin: -69px 0 0 0;
width: 200px;
display: none; }
.c-datepicker__clock__hours.active {
display: block; }
.c-datepicker__mask {
width: 127px;
height: 132px;
position: absolute;
top: 122px;
left: 37px; }
.c-datepicker__mask:after {
content: ' ';
width: 156px;
height: 70px;
display: block;
position: absolute;
top: 32px;
left: 0;
margin-left: -13px; }
.c-datepicker__mask:before {
content: ' ';
width: 75px;
height: 158px;
display: block;
position: absolute;
top: 6px;
left: 28px;
margin-top: -18px; }
.c-datepicker__clock--show-minutes .c-datepicker__clock__minutes {
visibility: visible; }
.c-datepicker__clock--show-minutes .c-datepicker__clock__hours {
visibility: hidden; }
.c-datepicker__clock--show-hours .c-datepicker__clock__minutes {
visibility: hidden; }
.c-datepicker__clock--show-hours .c-datepicker__clock__hours {
visibility: visible; }
.c-datepicker__clock__am-pm-toggle {
position: absolute;
top: 0;
left: 10px;
right: 10px;
height: 40px;
padding: 20px;
line-height: 40px; }
.c-datepicker__clock__am-pm-toggle label {
width: 40px;
position: absolute; }
.c-datepicker__clock__am-pm-toggle label:nth-child(1) {
left: 0; }
.c-datepicker__clock__am-pm-toggle label:nth-child(2) {
right: 0; }
.c-datepicker__clock__am-pm-toggle label.c-datepicker__toggle--checked::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 0%;
height: 0%;
border-radius: 50%;
transform: translate(-50%, -50%);
width: 36px;
height: 36px;
z-index: -1; }
body.m-theme__light .c-datepicker__clock__am-pm-toggle label.c-datepicker__toggle--checked::after,
body .m-theme--wrapper.m-theme--wrapper__light .c-datepicker__clock__am-pm-toggle label.c-datepicker__toggle--checked::after {
background-color: rgba(0, 0, 0, 0.05); }
body.m-theme__dark .c-datepicker__clock__am-pm-toggle label.c-datepicker__toggle--checked::after,
body .m-theme--wrapper.m-theme--wrapper__dark .c-datepicker__clock__am-pm-toggle label.c-datepicker__toggle--checked::after {
background-color: rgba(255, 255, 255, 0.05); }
/**
* Padding, Margins and Offset
*/
m-body {
margin-top: 52px;
display: block;
min-height: 100%; }
@media screen and (max-width: 480px) {
m-body {
padding-bottom: 60px; } }
m-body.has-v2-navbar {
margin-top: 51px; }
m-body.has-v3-navbar {
margin-top: 75px; }
m-body.is-pro-domain {
margin-top: 0;
padding-bottom: 0; }
.m-pageLayout__container {
display: flex;
flex-direction: row;
margin: auto;
padding: 0 40px;
min-width: 280px;
max-width: 1180px;
min-height: 100%;
box-sizing: content-box; }
.m-pageLayout__container .m-pageLayout__container {
padding: 0;
width: 100%; }
@media screen and (min-width: 1040px) and (max-width: 1220px) {
.m-pageLayout__container {
width: 1040px; } }
@media screen and (min-width: 480px) and (max-width: 1040px) {
.m-pageLayout__container {
min-width: 690px;
width: 690px;
padding-right: 70px; } }
@media screen and (min-width: 480px) and (max-width: 700px) {
.m-pageLayout__container {
min-width: 0;
width: auto;
padding-right: 10px; } }
@media screen and (max-width: 480px) {
.m-pageLayout__container {
padding: 0 20px; }
m-body .m-pageLayout__container {
padding: 0; } }
[class*='m-pageLayout__pane'] {
box-sizing: border-box;
position: relative; }
.m-pageLayout__pane--left {
min-width: 250px; }
body.m-theme__light .m-pageLayout__pane--left,
body .m-theme--wrapper.m-theme--wrapper__light .m-pageLayout__pane--left {
border-right: 1px solid #d3dbe3; }
body.m-theme__dark .m-pageLayout__pane--left,
body .m-theme--wrapper.m-theme--wrapper__dark .m-pageLayout__pane--left {
border-right: 1px solid #414c57; }
@media screen and (max-width: 1220px) {
.m-pageLayout__pane--left {
min-width: 70px;
width: 70px;
justify-content: center; } }
.m-pageLayout__pane--main {
max-width: 930px;
min-width: 620px;
width: 100%;
min-height: 100%; }
.m-pageLayout__pane--main .m-pageLayout__pane--main {
width: 620px;
max-width: 620px; }
@media screen and (max-width: 700px) {
.m-pageLayout__pane--main .m-pageLayout__pane--main {
width: auto; } }
@media screen and (max-width: 700px) {
.m-pageLayout__pane--main {
min-width: 0; } }
.m-pageLayout__pane--right {
width: 310px;
padding-right: 0; }
@media screen and (max-width: 1040px) {
.m-pageLayout__pane--right {
display: none; } }
body.m-theme__light .m-pageLayout__pane--right,
body .m-theme--wrapper.m-theme--wrapper__light .m-pageLayout__pane--right {
border-left: 1px solid #d3dbe3; }
body.m-theme__dark .m-pageLayout__pane--right,
body .m-theme--wrapper.m-theme--wrapper__dark .m-pageLayout__pane--right {
border-left: 1px solid #414c57; }
@media screen and (max-width: 480px) {
[class*='m-pageLayout__pane'] {
padding: 0; }
body.m-theme__light [class*='m-pageLayout__pane'],
body .m-theme--wrapper.m-theme--wrapper__light [class*='m-pageLayout__pane'] {
border: 0; }
body.m-theme__dark [class*='m-pageLayout__pane'],
body .m-theme--wrapper.m-theme--wrapper__dark [class*='m-pageLayout__pane'] {
border: 0; }
.m-pageLayout__pane--left {
border-right: 0;
width: auto;
min-width: 0; }
.m-pageLayout__pane--main {
min-width: 0;
max-width: 100%; }
.m-pageLayout__pane--right {
width: auto;
display: none;
border-left: 0; } }
.m-pageLayoutPane__inner {
position: absolute;
display: contents; }
.m-goBack a {
text-decoration: none;
padding: 20px 40px 0;
display: block; }
body.m-theme__light .m-goBack a,
body .m-theme--wrapper.m-theme--wrapper__light .m-goBack a {
color: #72727c; }
body.m-theme__dark .m-goBack a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-goBack a {
color: #b8c1ca; }
@media screen and (max-width: 1040px) {
.m-goBack a {
padding: 20px 20px 0; } }
.m-goBack i,
.m-goBack span {
vertical-align: middle; }
.m-goBack i {
padding-right: 8px; }
m-nestedMenu {
display: block;
box-sizing: border-box; }
m-nestedMenu .m-nestedMenu {
display: block;
font-size: 16px;
line-height: 21px;
font-weight: 300;
min-height: 100vh;
height: 100%; }
body.m-theme__light m-nestedMenu .m-nestedMenu,
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu {
border-right: 1px solid #d3dbe3; }
body.m-theme__dark m-nestedMenu .m-nestedMenu,
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu {
border-right: 1px solid #414c57; }
@media screen and (max-width: 1039px) {
m-nestedMenu .m-nestedMenu {
width: 100%; } }
@media screen and (max-width: 480px) {
body.m-theme__light m-nestedMenu .m-nestedMenu,
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu {
border-right: none; }
body.m-theme__dark m-nestedMenu .m-nestedMenu,
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu {
border-right: none; } }
m-nestedMenu .m-nestedMenu__menuWrapper:not(:first-child) {
margin-top: 51px; }
m-nestedMenu .m-nestedMenu__menuWrapper:not(:first-child) .m-nestedMenu__headerWrapper {
line-height: 20px; }
m-nestedMenu .m-nestedMenu__menuWrapper:last-child {
padding-bottom: 60px; }
m-nestedMenu .m-nestedMenu__menuWrapper > * {
box-sizing: border-box;
width: 100%;
overflow: hidden;
text-overflow: ellipsis; }
body.m-theme__light m-nestedMenu .m-nestedMenu__menuWrapper > *,
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu__menuWrapper > * {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-nestedMenu .m-nestedMenu__menuWrapper > *,
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu__menuWrapper > * {
border-bottom: 1px solid #414c57; }
m-nestedMenu .m-nestedMenu__headerWrapper {
font-size: 18px;
line-height: 24px;
font-weight: 400;
padding: 17px 18px; }
@media screen and (max-width: 1039px) {
m-nestedMenu .m-nestedMenu__headerWrapper {
padding: 19px 24px 22px 24px; } }
m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__backButton {
margin: 0 0 6px 0;
font-size: 15px;
line-height: inherit;
display: none;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
@media screen and (max-width: 1039px) {
m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__backButton {
display: inline-block; } }
m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__backButton a {
cursor: pointer;
display: flex;
text-decoration: none;
margin-bottom: 0;
align-items: center;
justify-content: flex-start;
font-weight: 300; }
body.m-theme__light m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__backButton a,
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__backButton a {
color: #72727c; }
body.m-theme__dark m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__backButton a,
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__backButton a {
color: #b8c1ca; }
m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__backButton span {
margin-left: 5px; }
m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__backButton i {
font-size: 17px;
line-height: inherit;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__backButton:hover i {
transform: scale(1.1); }
body.m-theme__light m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__headerLabel,
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__headerLabel {
color: #43434d; }
body.m-theme__dark m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__headerLabel,
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__headerLabel {
color: #ffffff; }
@media screen and (max-width: 1039px) {
m-nestedMenu .m-nestedMenu__headerWrapper .m-nestedMenu__headerLabel {
font-size: 24px;
line-height: 32px; } }
m-nestedMenu .m-nestedMenu__itemWrapper {
width: 100%;
padding: 14px 18px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
font-weight: 400;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light m-nestedMenu .m-nestedMenu__itemWrapper,
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu__itemWrapper {
color: #72727c; }
body.m-theme__dark m-nestedMenu .m-nestedMenu__itemWrapper,
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu__itemWrapper {
color: #b8c1ca; }
body.m-theme__light m-nestedMenu .m-nestedMenu__itemWrapper:hover,
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu__itemWrapper:hover, body.m-theme__light m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active,
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active {
color: #43434d;
background-color: #d3dbe3; }
body.m-theme__dark m-nestedMenu .m-nestedMenu__itemWrapper:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu__itemWrapper:hover, body.m-theme__dark m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active,
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active {
color: #ffffff;
background-color: #414c57; }
body.m-theme__light m-nestedMenu .m-nestedMenu__itemWrapper:hover i,
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu__itemWrapper:hover i, body.m-theme__light m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active i,
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active i {
color: #43434d; }
body.m-theme__dark m-nestedMenu .m-nestedMenu__itemWrapper:hover i,
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu__itemWrapper:hover i, body.m-theme__dark m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active i,
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active i {
color: #ffffff; }
body.m-theme__light m-nestedMenu .m-nestedMenu__itemWrapper i,
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu__itemWrapper i {
color: #9b9b9b; }
body.m-theme__dark m-nestedMenu .m-nestedMenu__itemWrapper i,
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu__itemWrapper i {
color: #797b82; }
@media screen and (max-width: 1039px) {
m-nestedMenu .m-nestedMenu__itemWrapper {
padding: 14px 24px; }
body.m-theme__light m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active.disableActiveClass:not(:hover),
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active.disableActiveClass:not(:hover) {
color: #72727c;
background-color: rgba(0, 0, 0, 0); }
body.m-theme__dark m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active.disableActiveClass:not(:hover),
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active.disableActiveClass:not(:hover) {
color: #b8c1ca;
background-color: rgba(255, 255, 255, 0); }
body.m-theme__light m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active.disableActiveClass:not(:hover) i,
body .m-theme--wrapper.m-theme--wrapper__light m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active.disableActiveClass:not(:hover) i {
color: #9b9b9b; }
body.m-theme__dark m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active.disableActiveClass:not(:hover) i,
body .m-theme--wrapper.m-theme--wrapper__dark m-nestedMenu .m-nestedMenu__itemWrapper.m-nestedMenu__itemWrapper--active.disableActiveClass:not(:hover) i {
color: #797b82; } }
/**
* Padding, Margins and Offset
*/
.m-sidebarMarkers__container {
top: 52px;
right: 0;
position: fixed;
z-index: 1;
width: 48px;
height: calc(100% - 52px); }
body.m-theme__light .m-sidebarMarkers__container,
body .m-theme--wrapper.m-theme--wrapper__light .m-sidebarMarkers__container {
background-color: #ffffff; }
body.m-theme__dark .m-sidebarMarkers__container,
body .m-theme--wrapper.m-theme--wrapper__dark .m-sidebarMarkers__container {
background-color: #242a30; }
@media screen and (max-width: 992px) {
.m-sidebarMarkers__container {
left: 0;
height: 48px;
width: 100%;
overflow-y: hidden; }
body.m-theme__light .m-sidebarMarkers__container,
body .m-theme--wrapper.m-theme--wrapper__light .m-sidebarMarkers__container {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-sidebarMarkers__container,
body .m-theme--wrapper.m-theme--wrapper__dark .m-sidebarMarkers__container {
border-bottom: 1px solid #414c57; } }
.has-markers-sidebar {
margin-right: 48px; }
@media screen and (max-width: 992px) {
.has-markers-sidebar {
margin-top: calc(52px + 48px) !important;
margin-right: 0; } }
m-sidebar {
border: 0;
position: fixed;
margin-top: 52px;
height: calc(100% - 52px);
width: 80px;
transform: translateX(0px);
box-shadow: 0;
display: flex;
flex-flow: column nowrap;
max-height: 100%;
top: 0;
left: 0;
box-sizing: border-box;
transform: translateX(-250px);
transform-style: preserve-3d;
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: transform;
overflow: hidden;
z-index: 1; }
body.m-theme__light m-sidebar,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebar {
background-color: #222;
color: #444; }
body.m-theme__dark m-sidebar,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebar {
background-color: whitesmoke;
color: #b7b7b7; }
@media screen and (min-width: 768px) {
m-sidebar {
transform: translateX(0); } }
m-sidebar.is-visible {
transform: translateX(0); }
m-sidebar nav {
width: 80px; }
/**
* Padding, Margins and Offset
*/
.m-topbar--navigation {
display: flex;
flex-direction: row;
align-items: center;
padding-left: 8px; }
@media screen and (max-width: 768px) {
.m-topbar--navigation {
padding-left: 0;
flex-wrap: wrap; } }
.m-topbar--navigation.m-topbar--navigation__centered {
max-width: 100%;
justify-content: center;
flex-wrap: wrap; }
@media screen and (max-width: 840px) {
.m-topbar--navigation:not(.m-topbar--navigation--text-only) .m-topbar--navigation--item span {
display: none; } }
.m-topbar--navigation--item {
display: flex;
flex-direction: row;
align-items: center;
font-weight: 400;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
text-decoration: none;
font-family: 'Roboto', Helvetica, sans-serif;
padding: 12px 8px; }
body.m-theme__light .m-topbar--navigation--item,
body .m-theme--wrapper.m-theme--wrapper__light .m-topbar--navigation--item {
color: #222;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff; }
body.m-theme__dark .m-topbar--navigation--item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-topbar--navigation--item {
color: whitesmoke;
border-top: 4px solid #202527;
border-bottom: 4px solid #202527; }
body.m-theme__light .m-topbar--navigation--item.m-topbar--navigation--item-active,
body .m-theme--wrapper.m-theme--wrapper__light .m-topbar--navigation--item.m-topbar--navigation--item-active {
color: #4690df;
border-top: 4px solid #4690df; }
body.m-theme__dark .m-topbar--navigation--item.m-topbar--navigation--item-active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-topbar--navigation--item.m-topbar--navigation--item-active {
color: #44aaff;
border-top: 4px solid #44aaff; }
body.m-theme__light .m-topbar--navigation--item.m-topbar--navigation--item-active i,
body .m-theme--wrapper.m-theme--wrapper__light .m-topbar--navigation--item.m-topbar--navigation--item-active i {
color: #4690df; }
body.m-theme__dark .m-topbar--navigation--item.m-topbar--navigation--item-active i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-topbar--navigation--item.m-topbar--navigation--item-active i {
color: #44aaff; }
.m-topbar--navigation--item i {
font-size: 18px; }
body.m-theme__light .m-topbar--navigation--item i,
body .m-theme--wrapper.m-theme--wrapper__light .m-topbar--navigation--item i {
color: #555; }
body.m-theme__dark .m-topbar--navigation--item i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-topbar--navigation--item i {
color: #a6a6a6; }
.m-topbar--navigation--item span {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1.25px;
padding-left: 4px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
position: relative; }
.m-topbarNavigationItem__text--has-marker::after {
border-radius: 50%;
display: block;
height: 8px;
width: 8px;
content: '';
position: absolute;
top: -2px;
right: -12px; }
body.m-theme__light .m-topbarNavigationItem__text--has-marker::after,
body .m-theme--wrapper.m-theme--wrapper__light .m-topbarNavigationItem__text--has-marker::after {
background-color: #4690df; }
body.m-theme__dark .m-topbarNavigationItem__text--has-marker::after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-topbarNavigationItem__text--has-marker::after {
background-color: #44aaff; }
m-topbar--navigation--options {
padding-right: 16px; }
m-topbar--navigation--options m-dropdown .m-dropdown--label-icon {
font-size: 18px;
cursor: pointer; }
body.m-theme__light m-topbar--navigation--options m-dropdown .m-dropdown--label-icon,
body .m-theme--wrapper.m-theme--wrapper__light m-topbar--navigation--options m-dropdown .m-dropdown--label-icon {
color: #444; }
body.m-theme__dark m-topbar--navigation--options m-dropdown .m-dropdown--label-icon,
body .m-theme--wrapper.m-theme--wrapper__dark m-topbar--navigation--options m-dropdown .m-dropdown--label-icon {
color: #b7b7b7; }
m-topbar--navigation--options m-dropdown m-tooltip i.material-icons {
font-size: 16px;
margin: 0 8px; }
body.m-theme__light m-topbar--navigation--options m-dropdown m-tooltip i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light m-topbar--navigation--options m-dropdown m-tooltip i.material-icons {
color: #888; }
body.m-theme__dark m-topbar--navigation--options m-dropdown m-tooltip i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark m-topbar--navigation--options m-dropdown m-tooltip i.material-icons {
color: #737373; }
m-topbar--navigation--options m-dropdown .mdl-switch {
width: 38px; }
/**
* Padding, Margins and Offset
*/
.hidden {
display: none; }
m-topbar {
z-index: 50;
position: fixed;
top: 0;
left: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
min-width: 330px;
margin: 0;
padding: 0;
border: none;
min-height: 52px;
max-height: 1000px;
transform: translateZ(0); }
body.m-theme__light m-topbar,
body .m-theme--wrapper.m-theme--wrapper__light m-topbar {
color: #777;
background-color: #ffffff;
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-topbar,
body .m-theme--wrapper.m-theme--wrapper__dark m-topbar {
color: #848484;
background-color: #242a30;
border-bottom: 1px solid #414c57; }
m-topbar .m-topbar--row {
margin: auto;
max-width: 1280px; }
m-topbar .m-topbar--logo {
width: 52px;
height: 100%;
text-align: center; }
body.m-theme__light m-topbar .m-topbar--logo,
body .m-theme--wrapper.m-theme--wrapper__light m-topbar .m-topbar--logo {
background-color: #ffffff; }
body.m-theme__dark m-topbar .m-topbar--logo,
body .m-theme--wrapper.m-theme--wrapper__dark m-topbar .m-topbar--logo {
background-color: #242a30; }
m-topbar .m-topbar--logo img {
max-height: 36px;
margin-top: 8px; }
@media screen and (max-width: 480px) {
m-topbar .m-topbar--logo img {
max-height: 20px;
margin-top: 16px; } }
m-topbar .m-menu--button {
display: none; }
m-topbar .m-menu--button i {
padding: 16px 0; }
m-topbar .m-topbar--row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
flex-shrink: 0;
box-sizing: border-box;
align-self: stretch;
align-items: center;
height: 52px;
margin: auto;
width: 100%;
padding-right: 16px; }
@media screen and (max-width: 1080px) {
m-topbar m-search--bar {
max-width: 150px; }
m-topbar .counter {
display: none; } }
@media screen and (max-width: 480px) {
m-topbar .minds-menu-button {
display: block; }
m-topbar m-search--bar {
display: none; } }
@media screen and (max-width: 350px) {
m-topbar .m-topbar--logo {
display: none; } }
m-topbar .m-topbar--account {
margin-left: 8px;
cursor: pointer;
position: relative; }
m-topbar .m-topbar--account img {
border-radius: 50%;
max-height: 30px; }
body.m-theme__light m-topbar .m-topbar--account img,
body .m-theme--wrapper.m-theme--wrapper__light m-topbar .m-topbar--account img {
border: 1px solid #d3dbe3; }
body.m-theme__dark m-topbar .m-topbar--account img,
body .m-theme--wrapper.m-theme--wrapper__dark m-topbar .m-topbar--account img {
border: 1px solid #414c57; }
m-topbar .m-topbar--account .m-dropdown--menu,
m-topbar .m-topbar--account .m-dropdown__list {
margin-top: 28px; }
m-topbar .m-topbar--account .m-dropdown--menu li.mdl-menu__item,
m-topbar .m-topbar--account .m-dropdown__list li.mdl-menu__item {
padding: 0; }
m-topbar .m-topbar--account .m-dropdown--menu li.mdl-menu__item > a,
m-topbar .m-topbar--account .m-dropdown__list li.mdl-menu__item > a {
padding: 0 16px;
text-decoration: none;
font-weight: 400;
display: block; }
body.m-theme__light m-topbar .m-topbar--account .m-dropdown--menu li.mdl-menu__item > a,
body .m-theme--wrapper.m-theme--wrapper__light m-topbar .m-topbar--account .m-dropdown--menu li.mdl-menu__item > a, body.m-theme__light
m-topbar .m-topbar--account .m-dropdown__list li.mdl-menu__item > a,
body .m-theme--wrapper.m-theme--wrapper__light
m-topbar .m-topbar--account .m-dropdown__list li.mdl-menu__item > a {
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark m-topbar .m-topbar--account .m-dropdown--menu li.mdl-menu__item > a,
body .m-theme--wrapper.m-theme--wrapper__dark m-topbar .m-topbar--account .m-dropdown--menu li.mdl-menu__item > a, body.m-theme__dark
m-topbar .m-topbar--account .m-dropdown__list li.mdl-menu__item > a,
body .m-theme--wrapper.m-theme--wrapper__dark
m-topbar .m-topbar--account .m-dropdown__list li.mdl-menu__item > a {
color: rgba(255, 255, 255, 0.87); }
m-topbar .m-topbar--icons {
align-items: center;
display: flex;
margin-right: 8px; }
m-topbar .m-topbar--icons > * {
padding: 0 4px; }
m-topbar .m-topbar--icons a {
text-decoration: none; }
m-topbar .m-topbar--icons span {
vertical-align: middle; }
m-topbar .m-topbar--icons i.material-icons {
font-size: 20px;
vertical-align: middle; }
body.m-theme__light m-topbar .m-topbar--icons i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light m-topbar .m-topbar--icons i.material-icons {
color: #555; }
body.m-theme__dark m-topbar .m-topbar--icons i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark m-topbar .m-topbar--icons i.material-icons {
color: #a6a6a6; }
m-topbar .m-topbar--icons m-notifications--topbar-toggle {
position: relative; }
.m-toolbar .m-topbar--row {
max-width: 1280px;
margin: auto; }
.m-toolbar .m-topbar--navigation--item {
cursor: pointer;
line-height: 15px;
border: 0 !important; }
.m-toolbar .m-topbar--navigation--item > * {
vertical-align: middle; }
@media screen and (max-width: 480px) {
.m-btn--boost {
display: none; } }
.m-topbar--navigation--item m-tooltip {
margin-left: 4px; }
.m-topbar--navigation--item m-tooltip .m-tooltip--bubble {
min-width: 120px; }
.m-topbar--navigation--item m-tooltip i {
font-size: 11px;
vertical-align: middle;
line-height: 1.1; }
body.m-theme__light .m-topbar--navigation--item m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__light .m-topbar--navigation--item m-tooltip i {
color: #777; }
body.m-theme__dark .m-topbar--navigation--item m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-topbar--navigation--item m-tooltip i {
color: #848484; }
m-usermenu__v3 {
display: inline-block;
position: relative;
cursor: pointer; }
m-usermenu__v3 .m-user-menu .minds-avatar {
margin: 0;
width: 40px;
height: 40px;
border-radius: 50%;
background-position: center;
background-size: cover; }
body.m-theme__light m-usermenu__v3 .m-user-menu .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__light m-usermenu__v3 .m-user-menu .minds-avatar {
border: 1px solid #d3dbe3; }
body.m-theme__dark m-usermenu__v3 .m-user-menu .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__dark m-usermenu__v3 .m-user-menu .minds-avatar {
border: 1px solid #414c57; }
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown {
width: 304px;
list-style: none;
margin: 34px 0 0;
top: 15px;
right: -20px; }
body.m-theme__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown,
body .m-theme--wrapper.m-theme--wrapper__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown {
background-color: #f6f7f7;
color: #43434d;
box-shadow: none; }
body.m-theme__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown,
body .m-theme--wrapper.m-theme--wrapper__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown {
background-color: #1a2025;
color: #ffffff;
box-shadow: none; }
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item {
padding: 0;
font-size: 15px;
line-height: 20px;
border: 0 !important; }
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item:not(.m-userMenuDropdown__footer) > * {
padding: 8px 21px; }
body.m-theme__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item:not(.m-userMenuDropdown__footer) > *,
body .m-theme--wrapper.m-theme--wrapper__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item:not(.m-userMenuDropdown__footer) > * {
color: rgba(67, 67, 77, 0.8); }
body.m-theme__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item:not(.m-userMenuDropdown__footer) > *,
body .m-theme--wrapper.m-theme--wrapper__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item:not(.m-userMenuDropdown__footer) > * {
color: rgba(255, 255, 255, 0.8); }
body.m-theme__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item:not(.m-userMenuDropdown__username):not(.m-userMenuDropdown__spacer):not(.m-userMenuDropdown__footer):hover,
body .m-theme--wrapper.m-theme--wrapper__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item:not(.m-userMenuDropdown__username):not(.m-userMenuDropdown__spacer):not(.m-userMenuDropdown__footer):hover {
background-color: #e6ebed;
color: #43434d; }
body.m-theme__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item:not(.m-userMenuDropdown__username):not(.m-userMenuDropdown__spacer):not(.m-userMenuDropdown__footer):hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item:not(.m-userMenuDropdown__username):not(.m-userMenuDropdown__spacer):not(.m-userMenuDropdown__footer):hover {
background-color: #232b31;
color: #ffffff; }
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__username {
padding-top: 26px;
padding-bottom: 8px;
overflow-x: hidden;
position: relative; }
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__username:after {
position: absolute;
display: block;
content: '';
top: 0;
right: 0;
width: 40px;
height: 100%; }
body.m-theme__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__username:after,
body .m-theme--wrapper.m-theme--wrapper__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__username:after {
background: linear-gradient(90deg, rgba(246, 247, 247, 0) 0%, #f6f7f7 80%, #f6f7f7 100%); }
body.m-theme__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__username:after,
body .m-theme--wrapper.m-theme--wrapper__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__username:after {
background: linear-gradient(90deg, rgba(26, 32, 37, 0) 0%, #1a2025 80%, #1a2025 100%); }
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__username > a {
font-size: 18px;
font-weight: bold;
line-height: 24px; }
body.m-theme__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__username > a,
body .m-theme--wrapper.m-theme--wrapper__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__username > a {
color: #43434d !important; }
body.m-theme__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__username > a,
body .m-theme--wrapper.m-theme--wrapper__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__username > a {
color: #ffffff !important; }
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__spacer {
height: 1px;
margin: 8px 0;
padding: 0; }
body.m-theme__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__spacer,
body .m-theme--wrapper.m-theme--wrapper__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__spacer {
background-color: #d3dbe3; }
body.m-theme__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__spacer,
body .m-theme--wrapper.m-theme--wrapper__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__spacer {
background-color: #414c57; }
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer {
flex-wrap: wrap;
padding: 0 21px 8px; }
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer a,
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer span {
text-decoration: none;
font-size: 12px;
line-height: 22px;
width: auto;
white-space: pre-wrap;
word-break: break-all; }
body.m-theme__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer a,
body .m-theme--wrapper.m-theme--wrapper__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer a, body.m-theme__light
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer span,
body .m-theme--wrapper.m-theme--wrapper__light
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer span {
color: rgba(114, 114, 124, 0.7); }
body.m-theme__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer a,
body .m-theme--wrapper.m-theme--wrapper__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer a, body.m-theme__dark
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer span,
body .m-theme--wrapper.m-theme--wrapper__dark
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer span {
color: rgba(184, 193, 202, 0.7); }
body.m-theme__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer a:hover,
body .m-theme--wrapper.m-theme--wrapper__light m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer a:hover, body.m-theme__light
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer span:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer span:hover {
color: rgba(67, 67, 77, 0.85); }
body.m-theme__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer a:hover, body.m-theme__dark
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer span:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-usermenu__v3 .m-user-menu ul.m-userMenu__dropdown li.m-userMenuDropdown__item.m-userMenuDropdown__footer span:hover {
color: rgba(255, 255, 255, 0.85); }
.m-v3Topbar__spacer {
flex-grow: 1;
opacity: 0; }
.m-v3Topbar__leftColumn {
display: flex;
align-items: center; }
.m-v3Topbar__leftColumn.m-v3Topbar__leftColumn__rightAlign {
justify-content: flex-end; }
.m-v3Topbar__middleColumn {
width: 620px; }
.m-v3Topbar__middleColumn,
.m-v3Topbar__rightColumn {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end; }
@media screen and (max-width: 480px) {
.m-v3Topbar__middleColumn,
.m-v3Topbar__rightColumn {
width: 100%; } }
.m-v3Topbar__top {
position: fixed;
top: 0;
left: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
border: none;
height: 75px;
width: 100%; }
.m-v3Topbar__top .m-v3TopbarTop__inner {
height: 100%; }
body.m-theme__light .m-v3Topbar__top,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__top {
background-color: #ffffff;
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-v3Topbar__top,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__top {
background-color: #242a30;
border-bottom: 1px solid #414c57; }
body.m-theme__light .m-v3Topbar__top.m-v3Topbar__top--noBackground,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__top.m-v3Topbar__top--noBackground {
background-color: transparent;
border-bottom: none; }
body.m-theme__dark .m-v3Topbar__top.m-v3Topbar__top--noBackground,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__top.m-v3Topbar__top--noBackground {
background-color: transparent;
border-bottom: none; }
body.m-theme__light .m-v3Topbar__top.m-v3Topbar__top--noBorder,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__top.m-v3Topbar__top--noBorder {
border: none; }
body.m-theme__dark .m-v3Topbar__top.m-v3Topbar__top--noBorder,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__top.m-v3Topbar__top--noBorder {
border: none; }
body.m-theme__light .m-v3Topbar__top.m-v3Topbar__top--noBorder .m-pageLayout__pane--left,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__top.m-v3Topbar__top--noBorder .m-pageLayout__pane--left {
border-right: 0; }
body.m-theme__dark .m-v3Topbar__top.m-v3Topbar__top--noBorder .m-pageLayout__pane--left,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__top.m-v3Topbar__top--noBorder .m-pageLayout__pane--left {
border-right: 0; }
body.m-theme__light .m-v3Topbar__top.m-v3Topbar__top--noBorder .m-v3TopbarContainer__loginWrapper > a,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__top.m-v3Topbar__top--noBorder .m-v3TopbarContainer__loginWrapper > a {
background: transparent;
border: 1px solid #000;
color: #000; }
body.m-theme__dark .m-v3Topbar__top.m-v3Topbar__top--noBorder .m-v3TopbarContainer__loginWrapper > a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__top.m-v3Topbar__top--noBorder .m-v3TopbarContainer__loginWrapper > a {
background: transparent;
border: 1px solid #000;
color: #000; }
.m-v3Topbar__top.m-v3Topbar__top--loggedOut .m-grid > * {
border: none !important; }
.m-v3Topbar__top .m-v3Topbar__searchBox {
height: 100%;
width: 100%; }
.m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar {
display: block;
padding: 0;
width: 100%;
height: 100%; }
body.m-theme__light .m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar.m-search__bar--active,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar.m-search__bar--active {
border-right: 1px solid #d3dbe3; }
body.m-theme__dark .m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar.m-search__bar--active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar.m-search__bar--active {
border-right: 1px solid #414c57; }
@media screen and (max-width: 1040px) {
body.m-theme__light .m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar.m-search__bar--active,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar.m-search__bar--active {
border-right: 0; }
body.m-theme__dark .m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar.m-search__bar--active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar.m-search__bar--active {
border-right: 0; } }
.m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar > .mdl-textfield {
display: inline-flex;
flex-direction: row;
align-items: center;
padding: 0 40px;
height: 100%; }
@media screen and (max-width: 1040px) {
.m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar > .mdl-textfield {
padding: 0 20px; } }
@media screen and (max-width: 480px) {
.m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar > .mdl-textfield {
transition: width ease-in-out 0.2s;
padding: 0; }
.m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar > .mdl-textfield.is-focused {
width: 270px; } }
.m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar > .mdl-textfield .m-searchBar__searchIcon {
position: relative;
margin: 0;
font-size: 24px; }
body.m-theme__light .m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar > .mdl-textfield .m-searchBar__searchIcon,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar > .mdl-textfield .m-searchBar__searchIcon {
color: #72727c; }
body.m-theme__dark .m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar > .mdl-textfield .m-searchBar__searchIcon,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar > .mdl-textfield .m-searchBar__searchIcon {
color: #b8c1ca; }
.m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar > .mdl-textfield input {
background: transparent;
outline: 0;
border: 0;
font-size: 16px;
line-height: 21px;
font-weight: normal; }
@media screen and (max-width: 1040px) {
.m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar > .mdl-textfield input {
padding-left: 20px; } }
@media screen and (max-width: 540px) {
.m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar > .mdl-textfield input {
padding-left: 12px; } }
.m-v3Topbar__top .m-v3Topbar__searchBox m-search--bar .mdl-textfield__label {
display: none; }
.m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a {
text-decoration: none;
height: 32px;
border-radius: 18px;
font-size: 12px;
letter-spacing: 1.25px;
box-shadow: none;
text-transform: uppercase;
padding: 8px 16px;
font-family: 'Roboto', sans-serif;
cursor: pointer; }
body.m-theme__light .m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a {
background-color: #ffffff;
border: 1px solid #4690df;
color: #4690df; }
body.m-theme__dark .m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a {
background-color: #242a30;
border: 1px solid #44aaff;
color: #44aaff; }
.m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__login,
.m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__joinMindsNow {
font-size: 16px;
line-height: 21px;
font-weight: normal;
text-transform: none;
white-space: nowrap; }
body.m-theme__light .m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__login,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__login, body.m-theme__light
.m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__joinMindsNow,
body .m-theme--wrapper.m-theme--wrapper__light
.m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__joinMindsNow {
color: #444 !important; }
body.m-theme__dark .m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__login,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__login, body.m-theme__dark
.m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__joinMindsNow,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__joinMindsNow {
color: #b7b7b7 !important; }
.m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__login {
padding: 0;
border: none !important;
margin-right: 16px; }
.m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__joinMindsNow {
margin-right: 0 !important;
border-radius: 4px; }
body.m-theme__light .m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__joinMindsNow,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__joinMindsNow {
border: 1px solid #444 !important; }
body.m-theme__dark .m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__joinMindsNow,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__top .m-v3TopbarContainer__loginWrapper > a.m-v3TopbarLoginWrapper__joinMindsNow {
border: 1px solid #b7b7b7 !important; }
.m-v3Topbar__top m-notifications--topbar-toggle {
position: relative; }
@media screen and (max-width: 480px) {
.m-v3Topbar__top m-notifications--topbar-toggle .m-tooltip--bubble {
display: none; } }
.m-v3Topbar__top m-notifications--flyout {
right: 0; }
@media screen and (max-width: 480px) {
.m-v3Topbar__top m-notifications--flyout {
position: fixed;
top: 75px;
left: 5%;
width: 90%; } }
.m-v3Topbar__top m-user-menu {
margin: 0 16px; }
.m-v3Topbar__nav {
display: flex;
flex-direction: row;
align-items: flex-end; }
@media screen and (max-width: 1220px) {
.m-v3Topbar__nav m-canaryFlag > span {
display: none; } }
.m-v3TopbarNav__item {
padding: 11px 12px 14px;
display: flex;
flex-direction: row;
align-items: center;
border-top: 3px solid transparent;
text-decoration: none; }
body.m-theme__light .m-v3TopbarNav__item,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3TopbarNav__item {
color: #444; }
body.m-theme__dark .m-v3TopbarNav__item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3TopbarNav__item {
color: #b7b7b7; }
body.m-theme__light .m-v3TopbarNav__item.m-v3TopbarNav__item--active,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3TopbarNav__item.m-v3TopbarNav__item--active {
color: #4690df;
border-color: #4690df; }
body.m-theme__dark .m-v3TopbarNav__item.m-v3TopbarNav__item--active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3TopbarNav__item.m-v3TopbarNav__item--active {
color: #44aaff;
border-color: #44aaff; }
.m-v3TopbarNav__item.m-v3TopbarNav__item--no-padding {
padding: 0 12px; }
@media screen and (max-width: 480px) {
.m-v3TopbarNav__item.m-v3TopbarNav__item--no-padding {
padding: 0 4px; } }
.m-v3TopbarNav__item > img {
height: 36px; }
.m-v3TopbarNav__item > i {
margin-right: 8px;
font-size: 22px; }
.m-v3TopbarNav__item > span {
font-family: 'Roboto', sans-serif;
font-weight: 400;
letter-spacing: 1.25px;
text-transform: uppercase;
font-size: 11px; }
@media screen and (max-width: 810px) {
.m-v3TopbarNav__item > span {
display: none; } }
.m-v3TopbarNav__item.m-v3TopbarNav__item--logo {
margin: 0 8px 0 0;
padding: 0;
box-sizing: border-box;
border: 0;
cursor: pointer;
transition: opacity 0.5s ease; }
@media screen and (max-width: 1220px) {
.m-v3TopbarNav__item.m-v3TopbarNav__item--logo {
margin: 0; } }
@media screen and (max-width: 480px) {
.m-v3TopbarNav__item.m-v3TopbarNav__item--logo {
display: none; } }
.m-v3TopbarNav__item.m-v3TopbarNav__item--logo .m-v3Topbar__logo--bulb {
height: 36px;
transform: translateY(4px); }
@media screen and (min-width: 1220px) {
.m-v3TopbarNav__item.m-v3TopbarNav__item--logo .m-v3Topbar__logo--bulb {
display: none; } }
.m-v3TopbarNav__item.m-v3TopbarNav__item--logo .m-v3Topbar__logo--full {
height: 42px; }
@media screen and (max-width: 1220px) {
.m-v3TopbarNav__item.m-v3TopbarNav__item--logo .m-v3Topbar__logo--full {
display: none; } }
.m-v3TopbarNav__item.m-v3TopbarNav__item--hamburger {
cursor: pointer; }
@media screen and (min-width: 480px) {
.m-v3TopbarNav__item.m-v3TopbarNav__item--hamburger {
display: none; } }
.m-v3Topbar__avatar {
cursor: pointer; }
@media screen and (max-width: 810px) {
.m-v3Topbar__avatar {
margin: 0 16px; } }
.m-v3Topbar__avatar .minds-avatar {
margin: 0;
width: 40px;
height: 40px;
border-radius: 50%;
background-position: center;
background-size: cover; }
body.m-theme__light .m-v3Topbar__avatar .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__avatar .minds-avatar {
border: 1px solid #fff; }
body.m-theme__dark .m-v3Topbar__avatar .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__avatar .minds-avatar {
border: 1px solid #202527; }
body.m-theme__light .m-v3Topbar__avatar.m-v3Topbar__avatar--active .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__avatar.m-v3Topbar__avatar--active .minds-avatar {
box-shadow: 0 0 0 2px #4690df; }
body.m-theme__dark .m-v3Topbar__avatar.m-v3Topbar__avatar--active .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__avatar.m-v3Topbar__avatar--active .minds-avatar {
box-shadow: 0 0 0 2px #44aaff; }
.m-v3Topbar__userMenu {
display: flex;
align-items: center; }
.m-v3Topbar__userMenu > * {
margin-left: 20px; }
.m-v3Topbar__userMenu > :first-child {
margin-left: 0; }
body.m-theme__light .m-v3Topbar__userMenu svg,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__userMenu svg {
fill: #72727c; }
body.m-theme__dark .m-v3Topbar__userMenu svg,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__userMenu svg {
fill: #b8c1ca; }
.m-v3TopbarContainer__loginWrapper > a {
text-decoration: none;
height: 32px;
border-radius: 18px;
font-size: 12px;
letter-spacing: 1.25px;
box-shadow: none;
text-transform: uppercase;
padding: 8px 16px;
font-family: 'Roboto', sans-serif;
cursor: pointer; }
body.m-theme__light .m-v3TopbarContainer__loginWrapper > a,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3TopbarContainer__loginWrapper > a {
background-color: #ffffff;
border: 1px solid #4690df;
color: #4690df; }
body.m-theme__dark .m-v3TopbarContainer__loginWrapper > a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3TopbarContainer__loginWrapper > a {
background-color: #242a30;
border: 1px solid #44aaff;
color: #44aaff; }
.m-v3Topbar__bottom {
display: none;
position: fixed;
bottom: 0;
left: 0;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-evenly;
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
min-width: 330px;
margin: 0;
padding: 0;
border: none;
min-height: 75px; }
body.m-theme__light .m-v3Topbar__bottom,
body .m-theme--wrapper.m-theme--wrapper__light .m-v3Topbar__bottom {
background-color: #ffffff;
border-top: 1px solid #d3dbe3; }
body.m-theme__dark .m-v3Topbar__bottom,
body .m-theme--wrapper.m-theme--wrapper__dark .m-v3Topbar__bottom {
background-color: #242a30;
border-top: 1px solid #414c57; }
@media screen and (max-width: 480px) {
.m-v3Topbar__bottom {
display: flex; } }
.m-v3Topbar__bottom .m-v3TopbarNav__routerNav {
flex-grow: 1;
justify-content: center; }
.m-v3Topbar__notificationsToasterWrapper {
position: relative;
width: 0;
height: 0; }
.m-v3Topbar__notificationsToasterWrapper .m-v3Topbar__notificationsToaster {
position: absolute;
width: 1px; }
.m-v3Topbar__notificationsToasterWrapper .m-v3Topbar__notificationsToaster .m-notifications--toaster {
z-index: 70;
position: relative;
top: 50px;
right: 350px; }
@media screen and (min-width: 1083px) {
.m-v3Topbar__notificationsToasterWrapper .m-v3Topbar__notificationsToaster .m-notifications--toaster {
right: 308px; } }
.m-read-more--button {
text-align: left;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
padding: 42px 16px 16px; }
body.m-theme__light .m-read-more--button,
body .m-theme--wrapper.m-theme--wrapper__light .m-read-more--button {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%); }
body.m-theme__dark .m-read-more--button,
body .m-theme--wrapper.m-theme--wrapper__dark .m-read-more--button {
background: linear-gradient(to bottom, rgba(36, 42, 48, 0) 0%, #242a30 50%); }
.m-read-more--button > span {
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
cursor: pointer;
min-height: 20px;
display: inline-block;
font-family: 'Roboto', Helvetica, sans-serif; }
.m-readMoreButton--v2 {
text-align: center;
box-sizing: border-box; }
.m-readMoreButton--v2.showOnlyFadeout {
cursor: pointer; }
body.m-theme__light .m-readMoreButton--v2.showOnlyFadeout,
body .m-theme--wrapper.m-theme--wrapper__light .m-readMoreButton--v2.showOnlyFadeout {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 30%, white 70%); }
body.m-theme__dark .m-readMoreButton--v2.showOnlyFadeout,
body .m-theme--wrapper.m-theme--wrapper__dark .m-readMoreButton--v2.showOnlyFadeout {
background: linear-gradient(to bottom, rgba(36, 42, 48, 0) 0%, rgba(36, 42, 48, 0.4) 30%, #242a30 70%); }
.m-readMoreButton--v2.showOnlyFadeout span {
opacity: 0; }
.m-readMoreButton--v2 > span {
color: #1b85d6 !important;
font-weight: 400;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
font-family: 'Roboto', Helvetica, sans-serif; }
/**
* Padding, Margins and Offset
*/
m-pages {
grid-area: content / span 2;
min-width: 0; }
.m-pages {
font-family: Roboto, Helvetica, Arial, sans-serif; }
body.m-theme__light .m-pages,
body .m-theme--wrapper.m-theme--wrapper__light .m-pages {
background-color: #ffffff; }
body.m-theme__dark .m-pages,
body .m-theme--wrapper.m-theme--wrapper__dark .m-pages {
background-color: #242a30; }
.m-pages h1 {
margin-top: 0;
font-weight: 600;
font-size: 42px;
letter-spacing: 1.5px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
.m-pages h1,
.m-pages h2,
.m-pages h3,
.m-pages h4 {
font-weight: 600;
letter-spacing: 1.5px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
.m-pages p {
margin-bottom: 0.5em;
font-style: normal;
letter-spacing: 0.5px;
letter-spacing: -0.003em;
font-family: 'Roboto', Helvetica, sans-serif;
margin-top: 29px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
body.m-theme__light .m-pages p,
body .m-theme--wrapper.m-theme--wrapper__light .m-pages p {
color: rgba(0, 0, 0, 0.84); }
body.m-theme__dark .m-pages p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-pages p {
color: rgba(255, 255, 255, 0.84); }
.m-pages p,
.m-pages li {
font-size: 16px;
font-weight: 400;
line-height: 1.58; }
.m-pages li {
padding-bottom: 16px; }
/**
* Padding, Margins and Offset
*/
.m-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 20px;
grid-row-gap: 0; }
.m-grid .m-grid__column-1 {
grid-column: auto/span 1; }
.m-grid .m-grid__column__skip-1 {
grid-column-start: 1 !important; }
.m-grid .m-grid__column-2 {
grid-column: auto/span 2; }
.m-grid .m-grid__column__skip-2 {
grid-column-start: 2 !important; }
.m-grid .m-grid__column-3 {
grid-column: auto/span 3; }
.m-grid .m-grid__column__skip-3 {
grid-column-start: 3 !important; }
.m-grid .m-grid__column-4 {
grid-column: auto/span 4; }
.m-grid .m-grid__column__skip-4 {
grid-column-start: 4 !important; }
.m-grid .m-grid__column-5 {
grid-column: auto/span 5; }
.m-grid .m-grid__column__skip-5 {
grid-column-start: 5 !important; }
.m-grid .m-grid__column-6 {
grid-column: auto/span 6; }
.m-grid .m-grid__column__skip-6 {
grid-column-start: 6 !important; }
.m-grid .m-grid__column-7 {
grid-column: auto/span 7; }
.m-grid .m-grid__column__skip-7 {
grid-column-start: 7 !important; }
.m-grid .m-grid__column-8 {
grid-column: auto/span 8; }
.m-grid .m-grid__column__skip-8 {
grid-column-start: 8 !important; }
.m-grid .m-grid__column-9 {
grid-column: auto/span 9; }
.m-grid .m-grid__column__skip-9 {
grid-column-start: 9 !important; }
.m-grid .m-grid__column-10 {
grid-column: auto/span 10; }
.m-grid .m-grid__column__skip-10 {
grid-column-start: 10 !important; }
.m-grid .m-grid__column-11 {
grid-column: auto/span 11; }
.m-grid .m-grid__column__skip-11 {
grid-column-start: 11 !important; }
.m-grid .m-grid__column-12 {
grid-column: auto/span 12; }
.m-grid .m-grid__column__skip-12 {
grid-column-start: 12 !important; }
@media screen and (min-width: 540px) and (max-width: 900px) {
.m-grid .m-grid__column-1--tablet {
grid-column: auto/span 1; }
.m-grid .m-grid__column__skip-1--tablet {
grid-column-start: 1 !important; }
.m-grid .m-grid__column-2--tablet {
grid-column: auto/span 2; }
.m-grid .m-grid__column__skip-2--tablet {
grid-column-start: 2 !important; }
.m-grid .m-grid__column-3--tablet {
grid-column: auto/span 3; }
.m-grid .m-grid__column__skip-3--tablet {
grid-column-start: 3 !important; }
.m-grid .m-grid__column-4--tablet {
grid-column: auto/span 4; }
.m-grid .m-grid__column__skip-4--tablet {
grid-column-start: 4 !important; }
.m-grid .m-grid__column-5--tablet {
grid-column: auto/span 5; }
.m-grid .m-grid__column__skip-5--tablet {
grid-column-start: 5 !important; }
.m-grid .m-grid__column-6--tablet {
grid-column: auto/span 6; }
.m-grid .m-grid__column__skip-6--tablet {
grid-column-start: 6 !important; }
.m-grid .m-grid__column-7--tablet {
grid-column: auto/span 7; }
.m-grid .m-grid__column__skip-7--tablet {
grid-column-start: 7 !important; }
.m-grid .m-grid__column-8--tablet {
grid-column: auto/span 8; }
.m-grid .m-grid__column__skip-8--tablet {
grid-column-start: 8 !important; }
.m-grid .m-grid__column-9--tablet {
grid-column: auto/span 9; }
.m-grid .m-grid__column__skip-9--tablet {
grid-column-start: 9 !important; }
.m-grid .m-grid__column-10--tablet {
grid-column: auto/span 10; }
.m-grid .m-grid__column__skip-10--tablet {
grid-column-start: 10 !important; }
.m-grid .m-grid__column-11--tablet {
grid-column: auto/span 11; }
.m-grid .m-grid__column__skip-11--tablet {
grid-column-start: 11 !important; }
.m-grid .m-grid__column-12--tablet {
grid-column: auto/span 12; }
.m-grid .m-grid__column__skip-12--tablet {
grid-column-start: 12 !important; } }
@media screen and (max-width: 540px) {
.m-grid .m-grid__column-1--mobile {
grid-column: auto/span 1; }
.m-grid .m-grid__column__skip-1--mobile {
grid-column-start: 1 !important; }
.m-grid .m-grid__column-2--mobile {
grid-column: auto/span 2; }
.m-grid .m-grid__column__skip-2--mobile {
grid-column-start: 2 !important; }
.m-grid .m-grid__column-3--mobile {
grid-column: auto/span 3; }
.m-grid .m-grid__column__skip-3--mobile {
grid-column-start: 3 !important; }
.m-grid .m-grid__column-4--mobile {
grid-column: auto/span 4; }
.m-grid .m-grid__column__skip-4--mobile {
grid-column-start: 4 !important; }
.m-grid .m-grid__column-5--mobile {
grid-column: auto/span 5; }
.m-grid .m-grid__column__skip-5--mobile {
grid-column-start: 5 !important; }
.m-grid .m-grid__column-6--mobile {
grid-column: auto/span 6; }
.m-grid .m-grid__column__skip-6--mobile {
grid-column-start: 6 !important; }
.m-grid .m-grid__column-7--mobile {
grid-column: auto/span 7; }
.m-grid .m-grid__column__skip-7--mobile {
grid-column-start: 7 !important; }
.m-grid .m-grid__column-8--mobile {
grid-column: auto/span 8; }
.m-grid .m-grid__column__skip-8--mobile {
grid-column-start: 8 !important; }
.m-grid .m-grid__column-9--mobile {
grid-column: auto/span 9; }
.m-grid .m-grid__column__skip-9--mobile {
grid-column-start: 9 !important; }
.m-grid .m-grid__column-10--mobile {
grid-column: auto/span 10; }
.m-grid .m-grid__column__skip-10--mobile {
grid-column-start: 10 !important; }
.m-grid .m-grid__column-11--mobile {
grid-column: auto/span 11; }
.m-grid .m-grid__column__skip-11--mobile {
grid-column-start: 11 !important; }
.m-grid .m-grid__column-12--mobile {
grid-column: auto/span 12; }
.m-grid .m-grid__column__skip-12--mobile {
grid-column-start: 12 !important; } }
.mf-jumpAnchor {
position: relative;
top: 0;
width: 0;
height: 0;
visibility: hidden; }
m-body.has-v2-navbar .mf-jumpAnchor {
top: -52px; }
m-body.has-v3-navbar .mf-jumpAnchor {
top: -75px; }
/**
* Padding, Margins and Offset
*/
minds-admin {
grid-area: content / span 2;
min-width: 0; }
minds-admin-boosts minds-button-comment {
display: none !important; }
minds-admin-boosts .boost {
width: auto;
padding: 20px; }
.m-admin-pages .m-admin-pages-path {
padding: 8px; }
.m-admin-pages .m-admin-pages-link-path {
padding: 8px 0; }
.m-admin-pages .m-admin-pages-link-path .m-form-input {
display: block;
font-size: 16px;
padding: 8px;
width: 100%;
margin-top: 0.35em; }
.m-admin-pages .m-form-actions {
padding: 8px 0; }
.m-admin-reports .m-report {
margin-bottom: 16px; }
.m-admin-reports .m-no-reports {
text-align: center; }
.m-admin-reports .m-action-buttons {
text-align: right;
width: 100%;
box-sizing: border-box; }
.m-admin-reports .m-report-archive-button {
float: left; }
.m-admin-reports minds-activity.mdl-shadow--2dp {
box-shadow: none !important; }
.m-admin-reports minds-activity .tabs {
display: none; }
.m-admin-reports minds-activity .impressions-tag {
display: none; }
.m-admin-reports minds-activity .mdl-card__menu {
display: none; }
.m-admin-reports minds-comments {
margin-top: 0;
padding: 0;
box-sizing: border-box; }
.m-admin-reports minds-comments .minds-comment {
padding: 8px; }
.m-admin-reports minds-comments .minds-comment .mdl-card__menu {
display: none; }
.m-admin-reports .m-report-meta {
width: 100%;
padding: 16px;
box-sizing: border-box; }
body.m-theme__light .m-admin-reports .m-report-meta,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-reports .m-report-meta {
border-bottom: 2px solid #ddd; }
body.m-theme__dark .m-admin-reports .m-report-meta,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-reports .m-report-meta {
border-bottom: 2px solid #404040; }
.m-admin-reports .m-report-meta p {
margin: 0 0 0.35em; }
.m-admin-reports .m-report-meta p span {
font-weight: bold; }
.m-admin-reports .m-report-meta p a {
text-decoration: none; }
body.m-theme__light .m-admin-button--green,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-button--green {
background-color: #4caf50; }
body.m-theme__dark .m-admin-button--green,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-button--green {
background-color: #5cb860; }
body.m-theme__light .m-admin-button--green-dark,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-button--green-dark {
background-color: #388e3c; }
body.m-theme__dark .m-admin-button--green-dark,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-button--green-dark {
background-color: #3fa044; }
body.m-theme__light .m-admin-button--amber,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-button--amber {
background-color: #ffc108; }
body.m-theme__dark .m-admin-button--amber,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-button--amber {
background-color: #ffc722; }
body.m-theme__light .m-admin-button--amber-dark,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-button--amber-dark {
background-color: #ffa000; }
body.m-theme__dark .m-admin-button--amber-dark,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-button--amber-dark {
background-color: #ffaa1a; }
body.m-theme__light .m-admin-button--red,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-button--red {
background-color: #e03c20; }
body.m-theme__dark .m-admin-button--red,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-button--red {
background-color: #e35036; }
.m-admin-boosts-container {
max-width: 600px; }
.m-admin-boosts-statistics {
margin-top: 16px;
max-width: 584px; }
body.m-theme__light .m-admin-boosts-statistics,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-boosts-statistics {
background-color: #37474f; }
body.m-theme__dark .m-admin-boosts-statistics,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-boosts-statistics {
background-color: #bfcad0; }
.m-admin-boosts-statistics h3 {
display: block;
font-size: 14px;
font-weight: 300;
line-height: 1.25em;
margin: 0 0 0.61em 0;
font-family: 'Roboto', Helvetica, sans-serif;
letter-spacing: 0.5px; }
body.m-theme__light .m-admin-boosts-statistics h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-boosts-statistics h3 {
color: #e8e8e8; }
body.m-theme__dark .m-admin-boosts-statistics h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-boosts-statistics h3 {
color: #2f2f2f; }
.m-admin-boosts-statistics .m-value {
display: block;
font-weight: 300;
text-align: left;
font-family: 'Roboto', Helvetica;
font-size: 26px;
letter-spacing: 2px; }
body.m-theme__light .m-admin-boosts-statistics .m-value,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-boosts-statistics .m-value {
color: #fff; }
body.m-theme__dark .m-admin-boosts-statistics .m-value,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-boosts-statistics .m-value {
color: #202527; }
.m-admin-boosts-statistics .m-admin-boost-stat {
margin-bottom: 16px; }
.m-admin-boosts-statistics .m-admin-boost-stat-note {
opacity: 0.35;
font-size: 11px;
text-transform: uppercase;
text-align: center; }
body.m-theme__light .m-admin-boosts-statistics .m-admin-boost-stat-note,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-boosts-statistics .m-admin-boost-stat-note {
color: #fff; }
body.m-theme__dark .m-admin-boosts-statistics .m-admin-boost-stat-note,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-boosts-statistics .m-admin-boost-stat-note {
color: #202527; }
.m--inputs {
display: flex; }
.m--inputs .mdl-slider__container {
flex-grow: 1; }
.m--inputs input[type='text'] {
width: 60px; }
.m-previously-rejected-notice {
display: flex;
align-items: center;
margin: 16px;
font-family: 'Roboto', Helvetica, sans-serif; }
body.m-theme__light .m-previously-rejected-notice,
body .m-theme--wrapper.m-theme--wrapper__light .m-previously-rejected-notice {
color: #e03c20; }
body.m-theme__dark .m-previously-rejected-notice,
body .m-theme--wrapper.m-theme--wrapper__dark .m-previously-rejected-notice {
color: #e35036; }
m-button {
margin-right: 5px; }
minds-admin-boosts .minds-boosts .boost {
overflow: initial; }
body.m-theme__light m--rejection-reason-modal m-modal,
body .m-theme--wrapper.m-theme--wrapper__light m--rejection-reason-modal m-modal {
color: #43434d; }
body.m-theme__dark m--rejection-reason-modal m-modal,
body .m-theme--wrapper.m-theme--wrapper__dark m--rejection-reason-modal m-modal {
color: #ffffff; }
m--rejection-reason-modal m-modal h5.m-modal-reasons--title {
padding: 0 16px 16px; }
body.m-theme__light m--rejection-reason-modal m-modal h5.m-modal-reasons--title,
body .m-theme--wrapper.m-theme--wrapper__light m--rejection-reason-modal m-modal h5.m-modal-reasons--title {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m--rejection-reason-modal m-modal h5.m-modal-reasons--title,
body .m-theme--wrapper.m-theme--wrapper__dark m--rejection-reason-modal m-modal h5.m-modal-reasons--title {
border-bottom: 1px solid #414c57; }
m--rejection-reason-modal m-modal .m-modal-reasons--reasons {
list-style-type: none; }
m--rejection-reason-modal m-modal .m-modal-reasons--reasons .m-modal-reasons--reasons--reason {
font-size: 14px;
padding: 16px;
min-height: 20px;
cursor: pointer; }
body.m-theme__light m--rejection-reason-modal m-modal .m-modal-reasons--reasons .m-modal-reasons--reasons--reason,
body .m-theme--wrapper.m-theme--wrapper__light m--rejection-reason-modal m-modal .m-modal-reasons--reasons .m-modal-reasons--reasons--reason {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m--rejection-reason-modal m-modal .m-modal-reasons--reasons .m-modal-reasons--reasons--reason,
body .m-theme--wrapper.m-theme--wrapper__dark m--rejection-reason-modal m-modal .m-modal-reasons--reasons .m-modal-reasons--reasons--reason {
border-bottom: 1px solid #414c57; }
body.m-theme__light m--rejection-reason-modal m-modal .m-modal-reasons--reasons .m-modal-reasons--reasons--reason:hover,
body .m-theme--wrapper.m-theme--wrapper__light m--rejection-reason-modal m-modal .m-modal-reasons--reasons .m-modal-reasons--reasons--reason:hover {
background-color: #ffffff; }
body.m-theme__dark m--rejection-reason-modal m-modal .m-modal-reasons--reasons .m-modal-reasons--reasons--reason:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m--rejection-reason-modal m-modal .m-modal-reasons--reasons .m-modal-reasons--reasons--reason:hover {
background-color: #242a30; }
m--rejection-reason-modal m-modal .m-modal-confirm-buttons {
padding: 16px; }
.m-adminFeatures {
max-width: 960px;
margin: 0 auto;
padding: 16px; }
.m-adminFeatures .m-adminFeatures--label {
margin-bottom: 8px;
padding: 0 4px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px; }
body.m-theme__light .m-adminFeatures .m-adminFeatures--label,
body .m-theme--wrapper.m-theme--wrapper__light .m-adminFeatures .m-adminFeatures--label {
color: #888; }
body.m-theme__dark .m-adminFeatures .m-adminFeatures--label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-adminFeatures .m-adminFeatures--label {
color: #737373; }
.m-adminFeatures .m-adminFeatures--table {
width: 100%;
margin-top: 24px; }
.m-adminFeatures .m-adminFeatures--table th,
.m-adminFeatures .m-adminFeatures--table td {
text-align: center; }
.m-adminFeatures .m-adminFeatures--table th.m-adminFeaturesTable--cell__first,
.m-adminFeatures .m-adminFeatures--table td.m-adminFeaturesTable--cell__first {
text-align: left; }
.m-adminFeatures .m-adminFeatures--table th {
padding: 4px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
border-bottom: 1px solid; }
body.m-theme__light .m-adminFeatures .m-adminFeatures--table th,
body .m-theme--wrapper.m-theme--wrapper__light .m-adminFeatures .m-adminFeatures--table th {
color: #888;
border-color: #000; }
body.m-theme__dark .m-adminFeatures .m-adminFeatures--table th,
body .m-theme--wrapper.m-theme--wrapper__dark .m-adminFeatures .m-adminFeatures--table th {
color: #737373;
border-color: #fff; }
.m-adminFeatures .m-adminFeatures--table td {
padding: 8px 4px; }
.m-adminFeatures .m-adminFeatures--table td.m-adminFeaturesTable--cell__value {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px; }
body.m-theme__light .m-adminFeatures .m-adminFeatures--table td.m-adminFeaturesTable--cell__value,
body .m-theme--wrapper.m-theme--wrapper__light .m-adminFeatures .m-adminFeatures--table td.m-adminFeaturesTable--cell__value {
color: #888; }
body.m-theme__dark .m-adminFeatures .m-adminFeatures--table td.m-adminFeaturesTable--cell__value,
body .m-theme--wrapper.m-theme--wrapper__dark .m-adminFeatures .m-adminFeatures--table td.m-adminFeaturesTable--cell__value {
color: #737373; }
.m-adminFeatures .m-adminFeatures--table td.m-adminFeaturesTable--cell__bestValue {
font-weight: bold; }
body.m-theme__light .m-adminFeatures .m-adminFeatures--table td.m-adminFeaturesTable--cell__bestValue,
body .m-theme--wrapper.m-theme--wrapper__light .m-adminFeatures .m-adminFeatures--table td.m-adminFeaturesTable--cell__bestValue {
text-shadow: 0 0 3px rgba(70, 144, 223, 0.6);
color: #000; }
body.m-theme__dark .m-adminFeatures .m-adminFeatures--table td.m-adminFeaturesTable--cell__bestValue,
body .m-theme--wrapper.m-theme--wrapper__dark .m-adminFeatures .m-adminFeatures--table td.m-adminFeaturesTable--cell__bestValue {
text-shadow: 0 0 3px rgba(68, 170, 255, 0.6);
color: #fff; }
.m-adminFeatures .m-adminFeatures--loader {
text-align: center;
margin: 64px 0; }
.m-adminFeatures .m-adminFeatures--error {
text-align: center;
margin: 100px 0;
font-size: 28px; }
body.m-theme__light .m-adminFeatures .m-adminFeatures--error,
body .m-theme--wrapper.m-theme--wrapper__light .m-adminFeatures .m-adminFeatures--error {
color: #e03c20; }
body.m-theme__dark .m-adminFeatures .m-adminFeatures--error,
body .m-theme--wrapper.m-theme--wrapper__dark .m-adminFeatures .m-adminFeatures--error {
color: #e35036; }
m-admin--interactions {
display: block;
padding: 16px; }
.m-admin--interactions--filters {
display: flex;
justify-content: flex-end;
max-width: 900px;
padding: 8px;
margin-bottom: 16px; }
body.m-theme__light .m-admin--interactions--filters,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin--interactions--filters {
background-color: #ffffff; }
body.m-theme__dark .m-admin--interactions--filters,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin--interactions--filters {
background-color: #242a30; }
@media screen and (max-width: 480px) {
.m-admin--interactions--filters {
flex-direction: column; }
.m-admin--interactions--filters .m-admin--interactions--filters--dates {
flex-direction: column; } }
.m-admin--interactions--filters .m-admin--interactions--filters--tables {
display: flex;
flex-direction: row;
align-items: center;
flex-grow: 1;
justify-content: flex-start; }
.m-admin--interactions--filters .m-admin--interactions--filters--tables .item {
text-transform: uppercase;
padding: 0 12px; }
body.m-theme__light .m-admin--interactions--filters .m-admin--interactions--filters--tables .item.active,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin--interactions--filters .m-admin--interactions--filters--tables .item.active {
color: #4690df; }
body.m-theme__dark .m-admin--interactions--filters .m-admin--interactions--filters--tables .item.active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin--interactions--filters .m-admin--interactions--filters--tables .item.active {
color: #44aaff; }
.m-admin--interactions--filters .m-admin--interactions--filters--dates {
display: flex; }
.m-admin--interactions--filters .m-admin--interactions--filters--dates m-date-selector {
margin-left: 8px;
display: flex; }
.m-admin--interactions--results {
overflow-x: auto;
display: flex;
width: 2000px;
flex-direction: row;
flex-wrap: wrap; }
.m-admin--interactions--filters .item {
cursor: pointer; }
m-admin--interactions--table {
margin-right: 8px;
padding: 8px;
display: block;
width: 300px;
flex: 1; }
body.m-theme__light m-admin--interactions--table,
body .m-theme--wrapper.m-theme--wrapper__light m-admin--interactions--table {
background-color: #ffffff; }
body.m-theme__dark m-admin--interactions--table,
body .m-theme--wrapper.m-theme--wrapper__dark m-admin--interactions--table {
background-color: #242a30; }
m-admin--interactions--table h3 {
margin: 0 8px;
font-size: 16px;
font-weight: 600; }
m-admin--interactions--table table {
border-collapse: collapse;
width: 100%; }
m-admin--interactions--table table td {
font-size: 11px; }
body.m-theme__light m-admin--interactions--table table td,
body .m-theme--wrapper.m-theme--wrapper__light m-admin--interactions--table table td {
border: 1px solid #d3dbe3; }
body.m-theme__dark m-admin--interactions--table table td,
body .m-theme--wrapper.m-theme--wrapper__dark m-admin--interactions--table table td {
border: 1px solid #414c57; }
m-admin--interactions--table table tr:first-child td {
border-top: 0; }
m-admin--interactions--table table tr td:first-child {
border-left: 0;
text-align: left; }
m-admin--interactions--table table tr:last-child td {
border-bottom: 0; }
m-admin--interactions--table table tr td:last-child {
border-right: 0;
text-align: right; }
m-admin--interactions--table table td,
m-admin--interactions--table table th {
padding: 8px;
width: 50%; }
m-admin--interactions--table table .m-admin--interactions--avatar {
border-radius: 100%;
width: 20px;
height: 20px; }
body.m-theme__light minds-admin-pages,
body .m-theme--wrapper.m-theme--wrapper__light minds-admin-pages {
background-color: #ffffff; }
body.m-theme__dark minds-admin-pages,
body .m-theme--wrapper.m-theme--wrapper__dark minds-admin-pages {
background-color: #242a30; }
minds-admin-pages .m-form .m-h1-input {
width: 100%;
font-weight: 600;
font-size: 42px;
letter-spacing: 1.5px;
font-family: 'Roboto', Helvetica, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
minds-admin-pages .m-form h1,
minds-admin-pages .m-form h2,
minds-admin-pages .m-form h3,
minds-admin-pages .m-form h4 {
font-weight: 600;
letter-spacing: 1.5px;
font-family: 'Roboto', Helvetica, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
minds-admin-pages .m-form p {
margin-bottom: 0.5em;
font-weight: 400;
font-style: normal;
font-size: 21px;
line-height: 1.58;
letter-spacing: 0.5px;
letter-spacing: -0.003em;
font-family: 'Roboto', Helvetica, sans-serif;
margin-top: 29px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
body.m-theme__light minds-admin-pages .m-form p,
body .m-theme--wrapper.m-theme--wrapper__light minds-admin-pages .m-form p {
color: rgba(0, 0, 0, 0.84); }
body.m-theme__dark minds-admin-pages .m-form p,
body .m-theme--wrapper.m-theme--wrapper__dark minds-admin-pages .m-form p {
color: rgba(255, 255, 255, 0.84); }
body.m-theme__light minds-admin-pages .m-button.m-button--delete,
body .m-theme--wrapper.m-theme--wrapper__light minds-admin-pages .m-button.m-button--delete {
color: #e03c20; }
body.m-theme__dark minds-admin-pages .m-button.m-button--delete,
body .m-theme--wrapper.m-theme--wrapper__dark minds-admin-pages .m-button.m-button--delete {
color: #e35036; }
.m-admin-payouts .m-payout {
padding: 16px; }
.m-admin-payouts .m-payout p {
margin: 0; }
.m-admin-payouts m-button {
margin-left: 10px; }
.m-admin-payouts .m-payout-meta .m-user a {
font-weight: bold;
text-decoration: none; }
.m-admin-payouts .m-payout-meta .m-user img {
height: 1.5em;
border-radius: 1.5em; }
.m-admin-payouts .m-payout-meta .m-date {
font-size: 11px; }
body.m-theme__light .m-admin-payouts .m-payout-meta .m-date,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-payouts .m-payout-meta .m-date {
color: #999; }
body.m-theme__dark .m-admin-payouts .m-payout-meta .m-date,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-payouts .m-payout-meta .m-date {
color: #626262; }
.m-admin-payouts .m-payout-info {
margin-top: 8px; }
.m-admin-payouts .m-payout-info .m-amount {
text-decoration: none;
font-size: 14px; }
body.m-theme__light .m-admin-payouts .m-payout-info .m-amount,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-payouts .m-payout-info .m-amount {
color: #999; }
body.m-theme__dark .m-admin-payouts .m-payout-info .m-amount,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-payouts .m-payout-info .m-amount {
color: #626262; }
.m-admin-payouts .m-payout-info .m-amount > * {
vertical-align: middle; }
.m-admin-payouts .m-payout-info .m-amount .m-value {
font-weight: bold;
font-size: 22px; }
body.m-theme__light .m-admin-payouts .m-payout-info .m-amount .m-value,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-payouts .m-payout-info .m-amount .m-value {
color: #333; }
body.m-theme__dark .m-admin-payouts .m-payout-info .m-amount .m-value,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-payouts .m-payout-info .m-amount .m-value {
color: #eaeaea; }
.m-admin-payouts .m-payout-info .m-amount a {
text-decoration: none; }
.m-admin-payouts .m-payout-cta {
margin-top: 8px;
text-align: right; }
.m-admin-payouts .m-note {
width: 100%;
font-size: 11px;
text-align: center;
margin-bottom: 8px; }
body.m-theme__light .m-admin-payouts .m-note,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-payouts .m-note {
color: #999; }
body.m-theme__dark .m-admin-payouts .m-note,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-payouts .m-note {
color: #626262; }
.m-admin-programs .m-application {
padding: 16px; }
.m-admin-programs .m-application p {
margin: 0; }
.m-admin-programs .m-application-meta .m-user a {
font-weight: bold;
text-decoration: none; }
.m-admin-programs .m-application-meta .m-user img {
height: 1.5em;
border-radius: 1.5em; }
.m-admin-programs .m-application-meta .m-program {
display: inline-block;
padding: 0 0.15em;
font-weight: bold;
border-radius: 8px; }
body.m-theme__light .m-admin-programs .m-application-meta .m-program,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-programs .m-application-meta .m-program {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-admin-programs .m-application-meta .m-program,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-programs .m-application-meta .m-program {
border: 1px solid #414c57; }
.m-admin-programs .m-application-meta .m-date {
font-size: 11px; }
body.m-theme__light .m-admin-programs .m-application-meta .m-date,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-programs .m-application-meta .m-date {
color: #999; }
body.m-theme__dark .m-admin-programs .m-application-meta .m-date,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-programs .m-application-meta .m-date {
color: #626262; }
.m-admin-programs .m-application-info {
margin-top: 8px; }
.m-admin-programs .m-application-info .m-message {
text-decoration: none;
font-size: 14px; }
body.m-theme__light .m-admin-programs .m-application-info .m-message,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-programs .m-application-info .m-message {
color: #999; }
body.m-theme__dark .m-admin-programs .m-application-info .m-message,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-programs .m-application-info .m-message {
color: #626262; }
.m-admin-programs .m-application-info .m-message a {
text-decoration: none; }
.m-admin-programs .m-application-cta {
margin-top: 8px;
text-align: right; }
.m-admin-programs .m-note {
width: 100%;
font-size: 11px;
text-align: center;
margin-bottom: 8px; }
body.m-theme__light .m-admin-programs .m-note,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-programs .m-note {
color: #999; }
body.m-theme__dark .m-admin-programs .m-note,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-programs .m-note {
color: #626262; }
m-admin--purchases {
display: block;
padding: 16px; }
m-admin--purchases .m-admin--pledges--results {
display: flex;
min-width: 990px;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table {
margin-right: 8px;
padding: 8px;
display: block;
width: 300px;
flex: 1; }
body.m-theme__light m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table,
body .m-theme--wrapper.m-theme--wrapper__light m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table {
background-color: #ffffff; }
body.m-theme__dark m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table,
body .m-theme--wrapper.m-theme--wrapper__dark m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table {
background-color: #242a30; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table h3 {
margin: 0 8px;
font-size: 16px;
font-weight: 600; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table {
border-collapse: collapse;
width: 100%;
text-align: left; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table td {
font-size: 14px; }
body.m-theme__light m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table td,
body .m-theme--wrapper.m-theme--wrapper__light m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table td {
border: 1px solid #d3dbe3; }
body.m-theme__dark m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table td,
body .m-theme--wrapper.m-theme--wrapper__dark m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table td {
border: 1px solid #414c57; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table td.m-admin--pledges--actions {
text-align: center; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table td.m-admin--pledges--actions .m-admin--pledges--actions--status {
text-transform: uppercase;
letter-spacing: 0.5px; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table td.m-admin--pledges--actions > button {
margin: 0 0.35em; }
body.m-theme__light m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table th,
body .m-theme--wrapper.m-theme--wrapper__light m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table th {
border: 1px solid #d3dbe3;
border-top: 0; }
body.m-theme__dark m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table th,
body .m-theme--wrapper.m-theme--wrapper__dark m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table th {
border: 1px solid #414c57;
border-top: 0; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table th:first-child {
border-left: 0; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table th:last-child {
border-right: 0; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table tr:first-child td {
border-top: 0; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table tr td:first-child {
border-left: 0; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table tr:last-child td {
border-bottom: 0; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table tr td:last-child {
border-right: 0; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table td,
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table th {
padding: 8px; }
m-admin--purchases .m-admin--pledges--results .m-admin--pledges--table table .m-admin--pledges--avatar {
border-radius: 100%;
width: 20px;
height: 20px; }
.m-admin--reports-download {
display: block;
padding: 16px; }
.m-admin--reports-download .m-admin--reports-download-selector {
margin-bottom: 16px; }
body.m-theme__light .m-admin--reports-download .m-admin--reports-download-selector,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin--reports-download .m-admin--reports-download-selector {
background-color: #37474f; }
body.m-theme__dark .m-admin--reports-download .m-admin--reports-download-selector,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin--reports-download .m-admin--reports-download-selector {
background-color: #bfcad0; }
.m-admin--reports-download .m-admin--reports-download-selector span {
padding-right: 10px;
line-height: 2em; }
body.m-theme__light .m-admin--reports-download .m-admin--reports-download-selector span,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin--reports-download .m-admin--reports-download-selector span {
color: #fff; }
body.m-theme__dark .m-admin--reports-download .m-admin--reports-download-selector span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin--reports-download .m-admin--reports-download-selector span {
color: #202527; }
.m-admin--reports-download select {
padding: 8px 40px 8px 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
body.m-theme__light .m-admin--reports-download select,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin--reports-download select {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-admin--reports-download select,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin--reports-download select {
border: 1px solid #414c57; }
.m-admin--reports-download .m-date-selector--input {
margin-left: 10px;
width: 150px; }
.m-admin--reports-download--container {
max-width: 600px; }
body.m-theme__light .m-admin--reports-download-error,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin--reports-download-error {
color: #e03c20; }
body.m-theme__dark .m-admin--reports-download-error,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin--reports-download-error {
color: #e35036; }
.m-admin-reports--comment-note {
text-align: center;
padding: 8px;
font-size: 12px; }
.m-admin-reports--comment-note a {
text-decoration: none;
font-weight: 300; }
body.m-theme__light .m-admin-reports--comment-note a,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-reports--comment-note a {
color: #999; }
body.m-theme__dark .m-admin-reports--comment-note a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-reports--comment-note a {
color: #626262; }
.m-admin-reports--tab-spacer {
display: inline-block;
height: 0;
width: 24px; }
body.m-theme__light .m-report-meta,
body .m-theme--wrapper.m-theme--wrapper__light .m-report-meta {
color: #607d8b; }
body.m-theme__dark .m-report-meta,
body .m-theme--wrapper.m-theme--wrapper__dark .m-report-meta {
color: #6b8a99; }
body.m-theme__light .m-admin-tagcloud p,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-tagcloud p {
color: #90a4ae; }
body.m-theme__dark .m-admin-tagcloud p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-tagcloud p {
color: #4f6873; }
.m-admin-tagcloud .m-admin-tagcloud-tag,
.m-admin-tagcloud .m-admin-tagcloud-hidden-tag {
display: inline-block;
font-size: 16px;
margin: 0 0.35em 0.35em 0;
padding: 2px 8px;
border-radius: 8px; }
body.m-theme__light .m-admin-tagcloud .m-admin-tagcloud-tag,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-tagcloud .m-admin-tagcloud-tag, body.m-theme__light
.m-admin-tagcloud .m-admin-tagcloud-hidden-tag,
body .m-theme--wrapper.m-theme--wrapper__light
.m-admin-tagcloud .m-admin-tagcloud-hidden-tag {
background-color: #ddd;
color: #546e7a; }
body.m-theme__dark .m-admin-tagcloud .m-admin-tagcloud-tag,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-tagcloud .m-admin-tagcloud-tag, body.m-theme__dark
.m-admin-tagcloud .m-admin-tagcloud-hidden-tag,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-admin-tagcloud .m-admin-tagcloud-hidden-tag {
background-color: #404040;
color: #879ca7; }
.m-admin-tagcloud .m-admin-tagcloud-hidden-tag {
font-size: 14px; }
.m-admin-tagcloud .m-admin-tagcloud-tag-name {
color: inherit;
text-decoration: none; }
.m-admin-tagcloud .m-admin-tagcloud-tag-hide {
top: 0 !important;
opacity: 0.45;
cursor: pointer; }
.m-admin-tagcloud .m-admin-tagcloud-resync {
cursor: pointer; }
body.m-theme__light .m-admin-tagcloud .m-admin-tagcloud-resync,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin-tagcloud .m-admin-tagcloud-resync {
color: #b0bec5; }
body.m-theme__dark .m-admin-tagcloud .m-admin-tagcloud-resync,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin-tagcloud .m-admin-tagcloud-resync {
color: #41555e; }
.m-admin--verify-requests .m-admin--verify-requests-info {
padding: 16px; }
.m-admin--verify-requests .m-admin--verify-requests-info ul,
.m-admin--verify-requests .m-admin--verify-requests-info li {
margin: 0;
padding: 0; }
.m-admin--verify-requests .m-admin--verify-requests-cta {
padding: 16px; }
.m-admin--verify-requests m-button {
margin-right: 10px; }
body.m-theme__light .m-admin--verify-requests .m-publisherCard,
body .m-theme--wrapper.m-theme--wrapper__light .m-admin--verify-requests .m-publisherCard {
border: none;
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-admin--verify-requests .m-publisherCard,
body .m-theme--wrapper.m-theme--wrapper__dark .m-admin--verify-requests .m-publisherCard {
border: none;
border-bottom: 1px solid #414c57; }
.m-ad-block {
display: block;
width: 100%; }
.m-ad-block.m-ad-block-boosts {
margin-left: 0; }
.m-ad-block.m-ad-block-boosts .m-ad-boost-entity {
padding: 0 0 16px 0; }
.m-ad-block.m-ad-block-boosts .m-ad-boost-entity minds-card-user > a {
margin-top: -60px; }
.m-ad-block.m-ad-block-boosts .m-ad-boost-entity minds-card-user > a .avatar img {
height: 84px;
width: 84px; }
.m-ad-block.m-ad-block-boosts .m-ad-boost-entity minds-card-user > a .body {
margin: 0 16px 16px 16px; }
.m-ad-block.m-ad-block-boosts .m-ad-boost-entity minds-card-user minds-button-subscribe {
margin: -35px 0 0 115px; }
.m-ad-block.responsive {
width: 100%;
text-align: center; }
body.m-theme__light .m-ad-block.responsive,
body .m-theme--wrapper.m-theme--wrapper__light .m-ad-block.responsive {
background-color: #ffffff; }
body.m-theme__dark .m-ad-block.responsive,
body .m-theme--wrapper.m-theme--wrapper__dark .m-ad-block.responsive {
background-color: #242a30; }
.m-ad-block.responsive ins {
display: block;
width: auto;
height: 90px;
margin: auto; }
.m-ad-block.responsive.m-ad-block-top, .m-ad-block.responsive.m-ad-block-bottom {
margin: -8px;
width: calc(100% + 16px); }
.m-ad-block.m-ad-block-google.square {
width: 360px;
height: 300px;
float: right;
display: block;
margin-top: 8px;
margin-left: 16px; }
.m-ad-block.m-ad-block-pd.square {
width: 300px;
min-height: 300px;
float: right;
display: block;
margin-top: 8px;
margin-left: 16px; }
.m-ad-block.m-ad-block-pd.banner {
min-width: 970px;
text-align: center;
margin-left: -146px;
display: block; }
.m-ad-block.m-ad-block-pd div[data-tpd-id='dsk-banner-ad-a'] {
width: 100%;
margin: 0 auto; }
.m-ad-block.m-ad-block-pd div[data-tpd-id='mob-box-ad-a'] {
width: 300px;
margin: 0 auto; }
.m-ad-boost-heading {
font-size: 12px;
text-transform: uppercase;
vertical-align: middle;
margin: 0;
text-align: center; }
.m-ad-boost-heading > i {
vertical-align: middle; }
body.m-theme__light google-ad ins,
body .m-theme--wrapper.m-theme--wrapper__light google-ad ins {
background-color: #e8e8e8; }
body.m-theme__dark google-ad ins,
body .m-theme--wrapper.m-theme--wrapper__dark google-ad ins {
background-color: #2f2f2f; }
m-chartV2 {
position: relative;
z-index: 0;
display: block; }
.js-plotly-plot,
.plot-container {
height: 44vh;
min-height: 44vh;
display: block; }
#graphDiv {
display: block;
position: relative; }
#graphDiv g,
#graphDiv g > * {
cursor: default; }
#graphDiv > * {
transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1), color 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
#graphDiv .main-svg {
max-width: 100%; }
.m-chartV2__hoverInfoDiv {
width: 160px;
padding: 12px;
position: absolute;
pointer-events: none;
border-radius: 3px;
font-size: 12px;
z-index: 2;
opacity: 0;
transition: opacity 0.2s ease-in; }
body.m-theme__light .m-chartV2__hoverInfoDiv,
body .m-theme--wrapper.m-theme--wrapper__light .m-chartV2__hoverInfoDiv {
background-color: #ffffff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
color: #999; }
body.m-theme__dark .m-chartV2__hoverInfoDiv,
body .m-theme--wrapper.m-theme--wrapper__dark .m-chartV2__hoverInfoDiv {
background-color: #242a30;
box-shadow: 0 0 4px rgba(255, 255, 255, 0.3);
color: #626262; }
.m-chartV2__hoverInfoDiv [class*='m-chartV2__hoverInfo__row'] {
padding-bottom: 4px;
font-weight: 300; }
.m-chartV2__hoverInfoDiv [class*='m-chartV2__hoverInfo__row']:last-of-type {
padding-top: 2px; }
.m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__row--primary {
font-weight: 400;
font-size: 15px; }
body.m-theme__light .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__row--primary,
body .m-theme--wrapper.m-theme--wrapper__light .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__row--primary {
color: #666; }
body.m-theme__dark .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__row--primary,
body .m-theme--wrapper.m-theme--wrapper__dark .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__row--primary {
color: #959595; }
.m-chartV2__hoverInfoDiv .m-chartV2__hoverInfoRow__hex {
width: 6px;
height: 6px;
display: inline-block;
margin-right: 2px;
border-radius: 50%; }
.m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__closeBtn {
display: none;
font-size: 15px;
position: absolute;
cursor: pointer;
top: 10px;
right: 10px;
transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__closeBtn,
body .m-theme--wrapper.m-theme--wrapper__light .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__closeBtn {
color: #999; }
body.m-theme__dark .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__closeBtn,
body .m-theme--wrapper.m-theme--wrapper__dark .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__closeBtn {
color: #626262; }
body.m-theme__light .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__closeBtn:active,
body .m-theme--wrapper.m-theme--wrapper__light .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__closeBtn:active {
color: #777; }
body.m-theme__dark .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__closeBtn:active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__closeBtn:active {
color: #848484; }
.isTouchDevice .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__closeBtn {
display: block; }
@media screen and (max-width: 768px) {
m-chartV2 {
margin-left: 16px; } }
m-chartV2.isMini {
margin-left: 0;
margin-top: 24px; }
m-chartV2.isMini .js-plotly-plot,
m-chartV2.isMini .plot-container {
height: 40px;
min-height: 40px; }
m-chartV2.isMini .m-chartV2__hoverInfoDiv {
width: 150px;
padding: 0px; }
m-chartV2.isMini .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__wrapper {
display: flex; }
m-chartV2.isMini .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__rowsContainer {
display: flex;
flex-direction: column;
padding: 14px 14px 14px 0; }
m-chartV2.isMini .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__arrowContainer {
width: 20px; }
m-chartV2.isMini .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__arrowContainer i {
margin-left: -4px;
transform: rotate(-45deg) scaleX(0.5); }
body.m-theme__light m-chartV2.isMini .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__arrowContainer i,
body .m-theme--wrapper.m-theme--wrapper__light m-chartV2.isMini .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__arrowContainer i {
color: #666; }
body.m-theme__dark m-chartV2.isMini .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__arrowContainer i,
body .m-theme--wrapper.m-theme--wrapper__dark m-chartV2.isMini .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__arrowContainer i {
color: #959595; }
m-chartV2.isMini .m-chartV2__hoverInfoDiv [class*='m-chartV2__hoverInfo__row'] {
line-height: 1.1; }
m-chartV2.isMini .m-chartV2__hoverInfoDiv .m-chartV2__hoverInfo__row--primary {
font-size: 12px; }
@media screen and (max-width: 768px) {
m-chartV2.isMini {
margin-left: 0; } }
.m-analytics__benchmarkValueWrapper > div {
display: inline-block; }
.m-analytics__benchmarkLabelWrapper {
padding-bottom: 12px;
min-width: 190px; }
.m-analytics__benchmarkLabelWrapper > div {
display: inline-block; }
.m-analytics__benchmarkLabel {
font-size: 18px; }
body.m-theme__light .m-analytics__benchmarkLabel,
body .m-theme--wrapper.m-theme--wrapper__light .m-analytics__benchmarkLabel {
color: #999; }
body.m-theme__dark .m-analytics__benchmarkLabel,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analytics__benchmarkLabel {
color: #626262; }
.m-analytics__benchmarkValue {
font-size: 24px; }
body.m-theme__light .m-analytics__benchmarkValue,
body .m-theme--wrapper.m-theme--wrapper__light .m-analytics__benchmarkValue {
color: #444; }
body.m-theme__dark .m-analytics__benchmarkValue,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analytics__benchmarkValue {
color: #b7b7b7; }
.m-analytics__benchmarkUnit {
font-size: 15px;
padding-left: 6px; }
.m-analytics__benchmarkContainer.noChart .m-analytics__benchmarkValue {
font-size: 42px; }
.m-analytics__benchmarkContainer.noChart .m-analytics__benchmarkLabelWrapper {
padding-bottom: 18px; }
m-analytics__chart {
display: block;
position: relative; }
m-analytics__chart .js-plotly-plot,
m-analytics__chart .plot-container {
height: 44vh;
min-height: 44vh;
display: block; }
#graphDiv {
display: block;
position: relative; }
#graphDiv g,
#graphDiv g > * {
cursor: default; }
#graphDiv > * {
transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1), color 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
#graphDiv .main-svg {
max-width: 100%; }
.m-analyticsChart__hoverInfoDiv {
width: 160px;
padding: 12px;
position: absolute;
pointer-events: none;
border-radius: 3px;
font-size: 12px;
opacity: 0;
transition: opacity 0.2s ease-in; }
body.m-theme__light .m-analyticsChart__hoverInfoDiv,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsChart__hoverInfoDiv {
background-color: #ffffff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
color: #999; }
body.m-theme__dark .m-analyticsChart__hoverInfoDiv,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsChart__hoverInfoDiv {
background-color: #242a30;
box-shadow: 0 0 4px rgba(255, 255, 255, 0.3);
color: #626262; }
.m-analyticsChart__hoverInfoDiv [class*='m-analyticsChart__hoverInfo__row'] {
padding-bottom: 4px;
font-weight: 300; }
.m-analyticsChart__hoverInfoDiv [class*='m-analyticsChart__hoverInfo__row']:last-of-type {
padding-top: 2px; }
.m-analyticsChart__hoverInfoDiv .m-analyticsChart__hoverInfo__row--primary {
font-weight: 400;
font-size: 15px; }
body.m-theme__light .m-analyticsChart__hoverInfoDiv .m-analyticsChart__hoverInfo__row--primary,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsChart__hoverInfoDiv .m-analyticsChart__hoverInfo__row--primary {
color: #666; }
body.m-theme__dark .m-analyticsChart__hoverInfoDiv .m-analyticsChart__hoverInfo__row--primary,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsChart__hoverInfoDiv .m-analyticsChart__hoverInfo__row--primary {
color: #959595; }
.m-analyticsChart__hoverInfoDiv i {
display: none;
font-size: 15px;
position: absolute;
cursor: pointer;
top: 10px;
right: 10px;
transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-analyticsChart__hoverInfoDiv i,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsChart__hoverInfoDiv i {
color: #999; }
body.m-theme__dark .m-analyticsChart__hoverInfoDiv i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsChart__hoverInfoDiv i {
color: #626262; }
body.m-theme__light .m-analyticsChart__hoverInfoDiv i:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsChart__hoverInfoDiv i:hover {
color: #777; }
body.m-theme__dark .m-analyticsChart__hoverInfoDiv i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsChart__hoverInfoDiv i:hover {
color: #848484; }
.isTouchDevice .m-analyticsChart__hoverInfoDiv i {
display: block; }
@media screen and (max-width: 768px) {
m-analytics__chart {
margin-left: 16px; } }
m-analytics__filters {
display: block; }
.m-analytics__filtersContainer {
display: flex;
flex-wrap: wrap;
padding: 16px 16px 16px 0;
position: relative;
margin-top: 36px;
margin: 36px 0 0 40px; }
body.m-theme__light .m-analytics__filtersContainer,
body .m-theme--wrapper.m-theme--wrapper__light .m-analytics__filtersContainer {
background-color: #ffffff; }
body.m-theme__dark .m-analytics__filtersContainer,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analytics__filtersContainer {
background-color: #242a30; }
@media screen and (max-width: 768px) {
.m-analytics__filtersContainer {
margin-left: 24px; } }
m-analytics__searchSuggestions {
position: relative;
z-index: 0;
display: block; }
m-analytics__searchSuggestions .m-analytics__searchSuggestions__list {
padding: 0;
margin: 0;
position: absolute;
z-index: 1;
box-sizing: border-box;
width: 100%; }
body.m-theme__light m-analytics__searchSuggestions .m-analytics__searchSuggestions__list,
body .m-theme--wrapper.m-theme--wrapper__light m-analytics__searchSuggestions .m-analytics__searchSuggestions__list {
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark m-analytics__searchSuggestions .m-analytics__searchSuggestions__list,
body .m-theme--wrapper.m-theme--wrapper__dark m-analytics__searchSuggestions .m-analytics__searchSuggestions__list {
background-color: #242a30;
border: 1px solid #414c57; }
m-analytics__searchSuggestions .m-analytics__searchSuggestions__list .m-analytics__searchSuggestions__suggestion {
cursor: pointer;
padding: 4px;
display: block;
text-decoration: none;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
body.m-theme__light m-analytics__searchSuggestions .m-analytics__searchSuggestions__list .m-analytics__searchSuggestions__suggestion,
body .m-theme--wrapper.m-theme--wrapper__light m-analytics__searchSuggestions .m-analytics__searchSuggestions__list .m-analytics__searchSuggestions__suggestion {
border-bottom: 1px solid #d3dbe3;
color: #555; }
body.m-theme__dark m-analytics__searchSuggestions .m-analytics__searchSuggestions__list .m-analytics__searchSuggestions__suggestion,
body .m-theme--wrapper.m-theme--wrapper__dark m-analytics__searchSuggestions .m-analytics__searchSuggestions__list .m-analytics__searchSuggestions__suggestion {
border-bottom: 1px solid #414c57;
color: #a6a6a6; }
m-analytics__searchSuggestions .m-analytics__searchSuggestions__list .m-analytics__searchSuggestions__suggestion a {
display: flex;
flex-direction: row; }
m-analytics__searchSuggestions .m-analytics__searchSuggestions__list .m-analytics__searchSuggestions__suggestion img {
border-radius: 50%;
margin: 0 8px 0 4px;
width: 36px;
height: 36px; }
body.m-theme__light m-analytics__searchSuggestions .m-analytics__searchSuggestions__list .m-analytics__searchSuggestions__suggestion img,
body .m-theme--wrapper.m-theme--wrapper__light m-analytics__searchSuggestions .m-analytics__searchSuggestions__list .m-analytics__searchSuggestions__suggestion img {
background-color: #444; }
body.m-theme__dark m-analytics__searchSuggestions .m-analytics__searchSuggestions__list .m-analytics__searchSuggestions__suggestion img,
body .m-theme--wrapper.m-theme--wrapper__dark m-analytics__searchSuggestions .m-analytics__searchSuggestions__list .m-analytics__searchSuggestions__suggestion img {
background-color: #b7b7b7; }
/**
* Padding, Margins and Offset
*/
m-analytics__search {
display: none;
width: 200px; }
m-analytics__search .mdl-textfield {
width: 100%; }
m-analytics__search .mdl-textfield .material-icons {
position: absolute;
margin: 6px;
font-size: 20px; }
body.m-theme__light m-analytics__search .mdl-textfield input,
body .m-theme--wrapper.m-theme--wrapper__light m-analytics__search .mdl-textfield input {
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12); }
body.m-theme__dark m-analytics__search .mdl-textfield input,
body .m-theme--wrapper.m-theme--wrapper__dark m-analytics__search .mdl-textfield input {
background-color: #242a30;
border: 1px solid rgba(255, 255, 255, 0.12); }
body.m-theme__light m-analytics__search .mdl-textfield input::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light m-analytics__search .mdl-textfield input::-moz-placeholder {
color: #72727c;
font-weight: 400;
letter-spacing: normal; }
body.m-theme__light m-analytics__search .mdl-textfield input:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light m-analytics__search .mdl-textfield input:-ms-input-placeholder {
color: #72727c;
font-weight: 400;
letter-spacing: normal; }
body.m-theme__light m-analytics__search .mdl-textfield input::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light m-analytics__search .mdl-textfield input::placeholder {
color: #72727c;
font-weight: 400;
letter-spacing: normal; }
body.m-theme__dark m-analytics__search .mdl-textfield input::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark m-analytics__search .mdl-textfield input::-moz-placeholder {
color: #b8c1ca;
font-weight: 400;
letter-spacing: normal; }
body.m-theme__dark m-analytics__search .mdl-textfield input:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark m-analytics__search .mdl-textfield input:-ms-input-placeholder {
color: #b8c1ca;
font-weight: 400;
letter-spacing: normal; }
body.m-theme__dark m-analytics__search .mdl-textfield input::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark m-analytics__search .mdl-textfield input::placeholder {
color: #b8c1ca;
font-weight: 400;
letter-spacing: normal; }
m-analytics__search .mdl-textfield input,
m-analytics__search .mdl-textfield label {
padding: 8px 8px 8px 32px;
box-sizing: border-box; }
m-analytics__search .mdl-textfield .mdl-textfield__input {
height: 32px;
border-radius: 18px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
letter-spacing: 0.5px;
font-weight: 600;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
.m-analyticsTable__wrapper {
font-size: 13px;
font-weight: 300;
overflow-x: scroll;
overflow-x: overlay; }
body.m-theme__light .m-analyticsTable__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsTable__wrapper {
color: #43434d; }
body.m-theme__dark .m-analyticsTable__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsTable__wrapper {
color: #ffffff; }
.m-analyticsTable__wrapper a {
text-decoration: none;
font-weight: 300; }
body.m-theme__light .m-analyticsTable__wrapper a,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsTable__wrapper a {
color: #43434d; }
body.m-theme__dark .m-analyticsTable__wrapper a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsTable__wrapper a {
color: #ffffff; }
.m-analyticsTable__cell {
display: flex;
overflow: hidden;
white-space: nowrap;
height: 76px; }
.m-analyticsTable__subCol--value {
white-space: normal;
align-items: center;
display: flex;
justify-content: center;
min-width: 50px; }
[class*='m-analyticsTable__row'] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-analyticsTable__row--header,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsTable__row--header {
border-bottom: 1px solid #d3dbe3;
color: #9b9b9b; }
body.m-theme__dark .m-analyticsTable__row--header,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsTable__row--header {
border-bottom: 1px solid #414c57;
color: #797b82; }
.m-analyticsTable__row--header .m-analyticsTable__col--entity {
flex-direction: row;
align-items: center; }
.m-analyticsTable__row--header .m-analyticsTable__col--values .m-analyticsTable__subCol--value {
white-space: normal;
text-align: center; }
body.m-theme__light .m-analyticsTable__row--data:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsTable__row--data:hover {
background-color: #e7edf3; }
body.m-theme__dark .m-analyticsTable__row--data:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsTable__row--data:hover {
background-color: #1e242a; }
.m-analyticsTable__row--data:hover .m-analyticsTable__col--entity .m-analyticsTable__entityTitle i {
visibility: visible; }
.m-analyticsTable__row--data .m-analyticsTable__col--entity {
flex-direction: row;
align-items: center; }
body.m-theme__light .m-analyticsTable__row--data .m-analyticsTable__col--entity,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsTable__row--data .m-analyticsTable__col--entity {
border-right: 1px solid #d3dbe3; }
body.m-theme__dark .m-analyticsTable__row--data .m-analyticsTable__col--entity,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsTable__row--data .m-analyticsTable__col--entity {
border-right: 1px solid #414c57; }
.m-analyticsTable__row--data .m-analyticsTable__col--entity .m-analyticsTable__entityWrapper {
display: flex;
flex-direction: column;
width: 87%; }
.m-analyticsTable__row--data [class*='m-analyticsTable__col'],
.m-analyticsTable__row--data [class*='m-analyticsTable__col'] * {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.m-analyticsTable__col--values {
display: flex;
flex-direction: row;
flex-wrap: nowrap; }
.m-analyticsTable__col--values .m-analyticsTable__subCol--value {
flex: 1 1 0;
align-items: center; }
.m-analyticsTable__col--values .m-analyticsTable__subCol--value:last-of-type {
padding-right: 50px; }
.m-analyticsTable__col--entity {
flex-direction: column;
padding-left: 50px;
min-width: 170px; }
.m-analyticsTable__col--entity .m-analyticsTable__usernameWrapper a {
font-weight: 300;
text-decoration: none; }
.m-analyticsTable__col--entity .m-analyticsTable__entityTitle {
display: flex; }
.m-analyticsTable__col--entity .m-analyticsTable__entityTitle > * {
display: inline-block; }
.m-analyticsTable__col--entity .m-analyticsTable__entityTitle span {
max-width: 90%; }
.m-analyticsTable__col--entity .m-analyticsTable__entityTitle i {
font-size: 12px;
margin: 3px 0 0 3px;
visibility: hidden; }
body.m-theme__light .m-analyticsTable__col--entity .m-analyticsTable__entityTitle i,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsTable__col--entity .m-analyticsTable__entityTitle i {
color: #43434d; }
body.m-theme__dark .m-analyticsTable__col--entity .m-analyticsTable__entityTitle i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsTable__col--entity .m-analyticsTable__entityTitle i {
color: #ffffff; }
.m-analyticsTable__col--entity .m-analyticsTable__entityDetails {
display: inline; }
body.m-theme__light .m-analyticsTable__col--entity .m-analyticsTable__entityDetails,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsTable__col--entity .m-analyticsTable__entityDetails {
color: #9b9b9b; }
body.m-theme__dark .m-analyticsTable__col--entity .m-analyticsTable__entityDetails,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsTable__col--entity .m-analyticsTable__entityDetails {
color: #797b82; }
.m-analyticsTable__col--entity .m-analyticsTable__entityDetails > * {
margin-right: 8px; }
.m-analyticsTable__col--entity .m-analyticsTable__entityDetails .m-analyticsTable__usernameWrapper {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
body.m-theme__light .m-analyticsTable__col--entity .m-analyticsTable__entityDetails a,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsTable__col--entity .m-analyticsTable__entityDetails a {
color: #9b9b9b; }
body.m-theme__dark .m-analyticsTable__col--entity .m-analyticsTable__entityDetails a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsTable__col--entity .m-analyticsTable__entityDetails a {
color: #797b82; }
.m-analyticsTable__col--entity {
flex: 2 3 0; }
.m-analyticsTable__col--values {
flex: 2 2 0; }
@media screen and (max-width: 768px) {
.m-analyticsTable__wrapper .m-analyticsTable__col--entity {
flex: 3 1 0;
padding-left: 24px; }
.m-analyticsTable__wrapper .m-analyticsTable__col--entity .m-analyticsTable__entityType,
.m-analyticsTable__wrapper .m-analyticsTable__col--entity .m-analyticsTable__entityPublishDate {
display: none; }
.m-analyticsTable__wrapper .m-analyticsTable__col--values {
flex: 2 2 0; }
.m-analyticsTable__wrapper .m-analyticsTable__col--values .m-analyticsTable__subCol--value:last-of-type {
padding-right: 16px; }
body.m-theme__light .m-analyticsTable__wrapper .m-analyticsTable__col--values .m-analyticsTable__row--header,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsTable__wrapper .m-analyticsTable__col--values .m-analyticsTable__row--header {
border: none !important; }
body.m-theme__dark .m-analyticsTable__wrapper .m-analyticsTable__col--values .m-analyticsTable__row--header,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsTable__wrapper .m-analyticsTable__col--values .m-analyticsTable__row--header {
border: none !important; }
.m-analyticsTable__wrapper .m-analyticsTable__col--values .m-analyticsTable__row--data .m-analyticsTable__col--entity {
padding-left: 16px; }
body.m-theme__light .m-analyticsTable__wrapper .m-analyticsTable__col--values .m-analyticsTable__row--data .m-analyticsTable__col--entity,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsTable__wrapper .m-analyticsTable__col--values .m-analyticsTable__row--data .m-analyticsTable__col--entity {
border: none !important; }
body.m-theme__dark .m-analyticsTable__wrapper .m-analyticsTable__col--values .m-analyticsTable__row--data .m-analyticsTable__col--entity,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsTable__wrapper .m-analyticsTable__col--values .m-analyticsTable__row--data .m-analyticsTable__col--entity {
border: none !important; }
.m-analyticsTable__wrapper .m-analyticsTable__col--values .m-analyticsTable__cell {
height: 48px; } }
@media screen and (max-width: 480px) {
.m-analyticsTable__wrapper .m-analyticsTable__col--entity {
flex: 2 1 0;
padding-left: 24px; } }
m-analytics__dashboard {
position: relative;
z-index: 0;
display: block;
width: 100%; }
m-analytics__dashboard m-tooltip .m-tooltip {
margin-left: 4px; }
m-analytics__dashboard m-tooltip .m-tooltip i {
font-size: 12px; }
body.m-theme__light m-analytics__dashboard m-tooltip .m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__light m-analytics__dashboard m-tooltip .m-tooltip i {
color: rgba(153, 153, 153, 0.7); }
body.m-theme__dark m-analytics__dashboard m-tooltip .m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__dark m-analytics__dashboard m-tooltip .m-tooltip i {
color: rgba(98, 98, 98, 0.7); }
m-analytics__dashboard m-tooltip .m-tooltip .m-tooltip--bubble {
z-index: 2; }
.m-analytics__spinnerContainer {
height: 30%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1; }
body.m-theme__light .m-analytics__spinnerContainer,
body .m-theme--wrapper.m-theme--wrapper__light .m-analytics__spinnerContainer {
background-color: #ffffff; }
body.m-theme__dark .m-analytics__spinnerContainer,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analytics__spinnerContainer {
background-color: #242a30; }
.m-dashboardLayout__header {
display: flex;
justify-content: space-between;
align-items: flex-start; }
.m-dashboardLayout__header .m-analyticsDashboard__headerFilters {
display: flex;
align-items: baseline; }
.m-dashboardLayout__header .m-analyticsDashboard__headerFilters .m-analytics__channelSearch {
margin-right: 8px; }
body.m-theme__light .m-dashboardLayout__header .m-analyticsDashboard__headerFilters .m-analytics__channelSearch,
body .m-theme--wrapper.m-theme--wrapper__light .m-dashboardLayout__header .m-analyticsDashboard__headerFilters .m-analytics__channelSearch {
border: #e8e8e8;
color: #ddd; }
body.m-theme__dark .m-dashboardLayout__header .m-analyticsDashboard__headerFilters .m-analytics__channelSearch,
body .m-theme--wrapper.m-theme--wrapper__dark .m-dashboardLayout__header .m-analyticsDashboard__headerFilters .m-analytics__channelSearch {
border: #2f2f2f;
color: #404040; }
.m-dashboardLayout__header m-dropdownSelector {
margin: 0; }
.m-dashboardLayout__header .m-dropdownSelector__wrapper > * {
width: 180px; }
.m-analyticsDashboard__description {
margin: 8px 16px 32px 40px;
font-weight: 400; }
body.m-theme__light .m-analyticsDashboard__description,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsDashboard__description {
color: #999; }
body.m-theme__dark .m-analyticsDashboard__description,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsDashboard__description {
color: #626262; }
@media screen and (max-width: 768px) {
.m-dashboardLayout__header m-dropdownSelector {
margin: 0 16px 8px 0; }
.m-dashboardLayout__header m-dropdownSelector .m-dropdownSelector__wrapper > * {
width: 180px; }
.m-analyticsDashboard__description {
margin: 24px; } }
@media screen and (max-width: 480px) {
.m-dashboardLayout__header m-dropdownSelector .m-dropdownSelector__wrapper > * {
width: 160px; } }
.m-shadowboxLayout__body.isTable {
width: 100%;
min-width: 420px; }
.m-analytics__spinnerContainer {
min-height: 331px; }
m-analytics__layout--summary {
display: block; }
.m-analyticsSummary__tilesContainer {
display: flex;
flex-flow: row wrap;
padding-top: 18px; }
.m-analyticsSummary__tile {
height: 160px;
box-sizing: border-box;
min-width: 200px;
padding-right: 20px;
margin-bottom: 20px;
flex: 0 1 33%; }
.m-analyticsSummary__tile.noChart .m-analyticsSummary__benchmarkValue {
font-size: 42px; }
.m-analyticsSummary__tile.noChart .m-analyticsSummary__benchmarkLabelWrapper {
padding-bottom: 30px; }
.m-analyticsSummary__boostBacklogWrapper {
margin-top: 36px; }
.m-analyticsSummary__boostBacklogWrapper .m-analyticsSummary__boostBacklogTitle {
font-size: 18px;
padding-bottom: 18px; }
.m-analyticsSummary__boostBacklogWrapper .m-analytics__benchmarkUnit {
padding-left: 2px; }
body.m-theme__light .m-analyticsSummary__boostBacklogWrapper .m-analytics__benchmarkUnit,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsSummary__boostBacklogWrapper .m-analytics__benchmarkUnit {
color: #999; }
body.m-theme__dark .m-analyticsSummary__boostBacklogWrapper .m-analytics__benchmarkUnit,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsSummary__boostBacklogWrapper .m-analytics__benchmarkUnit {
color: #626262; }
.m-analyticsSummary__boostRowsContainer {
display: flex;
flex-flow: row wrap; }
body.m-theme__light .m-analyticsSummary__boostRowsContainer,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsSummary__boostRowsContainer {
border: 1px solid rgba(232, 232, 232, 0.5); }
body.m-theme__dark .m-analyticsSummary__boostRowsContainer,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsSummary__boostRowsContainer {
border: 1px solid rgba(47, 47, 47, 0.5); }
.m-analyticsSummary__boostRow {
display: flex;
flex-flow: row wrap;
flex: 1 0 auto; }
.m-analyticsSummary__boostType {
padding: 30px;
flex: 1 0 50%;
box-sizing: border-box; }
body.m-theme__light .m-analyticsSummary__boostType,
body .m-theme--wrapper.m-theme--wrapper__light .m-analyticsSummary__boostType {
border: 1px solid rgba(232, 232, 232, 0.5); }
body.m-theme__dark .m-analyticsSummary__boostType,
body .m-theme--wrapper.m-theme--wrapper__dark .m-analyticsSummary__boostType {
border: 1px solid rgba(47, 47, 47, 0.5); }
@media screen and (max-width: 1022px) {
.m-analyticsSummary__tile {
flex-basis: 50%; } }
@media screen and (max-width: 768px) {
m-analytics__layout--summary {
padding: 0 24px 48px 24px; }
.m-analyticsSummary__tile {
flex-basis: 33%; } }
@media screen and (max-width: 648px) {
.m-analyticsSummary__tile {
flex-basis: 50%; } }
@media screen and (max-width: 448px) {
.m-analyticsSummary__tile {
flex-basis: 100%; }
.m-analyticsSummary__boostBacklogWrapper .m-analyticsSummary__boostRow {
flex-basis: 100%; }
.m-analyticsSummary__boostBacklogWrapper .m-analyticsSummary__boostType {
flex-basis: 100%; } }
@media screen and (max-width: 540px) {
m-body m-register.m-register--newDesign,
m-body m-login.m-login--newDesign {
margin-bottom: 50; }
m-body m-register.m-register--newDesign .m-marketing__footer,
m-body m-login.m-login--newDesign .m-marketing__footer {
padding-top: 0px;
padding-bottom: 32px; }
m-body m-register.m-register--newDesign .m-marketing__footer .m-marketingFooter__column,
m-body m-login.m-login--newDesign .m-marketing__footer .m-marketingFooter__column {
margin: 0 0 32px 0; } }
m-body m-register.m-register--newDesign,
m-body m-login.m-login--newDesign {
margin-bottom: 0; }
body.m-theme__light m-body m-register.m-register--newDesign,
body .m-theme--wrapper.m-theme--wrapper__light m-body m-register.m-register--newDesign, body.m-theme__light
m-body m-login.m-login--newDesign,
body .m-theme--wrapper.m-theme--wrapper__light
m-body m-login.m-login--newDesign {
background: #ffffff; }
body.m-theme__dark m-body m-register.m-register--newDesign,
body .m-theme--wrapper.m-theme--wrapper__dark m-body m-register.m-register--newDesign, body.m-theme__dark
m-body m-login.m-login--newDesign,
body .m-theme--wrapper.m-theme--wrapper__dark
m-body m-login.m-login--newDesign {
background: #242a30; }
m-body m-register.m-register--newDesign m-marketing__footer,
m-body m-login.m-login--newDesign m-marketing__footer {
margin-bottom: 0; }
body.m-theme__light m-body m-register.m-register--newDesign m-marketing__footer,
body .m-theme--wrapper.m-theme--wrapper__light m-body m-register.m-register--newDesign m-marketing__footer, body.m-theme__light
m-body m-login.m-login--newDesign m-marketing__footer,
body .m-theme--wrapper.m-theme--wrapper__light
m-body m-login.m-login--newDesign m-marketing__footer {
background: #ffffff; }
body.m-theme__dark m-body m-register.m-register--newDesign m-marketing__footer,
body .m-theme--wrapper.m-theme--wrapper__dark m-body m-register.m-register--newDesign m-marketing__footer, body.m-theme__dark
m-body m-login.m-login--newDesign m-marketing__footer,
body .m-theme--wrapper.m-theme--wrapper__dark
m-body m-login.m-login--newDesign m-marketing__footer {
background: #242a30; }
m-body m-register.m-register--newDesign m-marketing__footer .m-marketing__footer,
m-body m-login.m-login--newDesign m-marketing__footer .m-marketing__footer {
padding-top: 0px;
padding-bottom: 32px; }
body.m-theme__light m-body m-register.m-register--newDesign m-marketing__footer .m-marketing__footer,
body .m-theme--wrapper.m-theme--wrapper__light m-body m-register.m-register--newDesign m-marketing__footer .m-marketing__footer, body.m-theme__light
m-body m-login.m-login--newDesign m-marketing__footer .m-marketing__footer,
body .m-theme--wrapper.m-theme--wrapper__light
m-body m-login.m-login--newDesign m-marketing__footer .m-marketing__footer {
border: none; }
body.m-theme__dark m-body m-register.m-register--newDesign m-marketing__footer .m-marketing__footer,
body .m-theme--wrapper.m-theme--wrapper__dark m-body m-register.m-register--newDesign m-marketing__footer .m-marketing__footer, body.m-theme__dark
m-body m-login.m-login--newDesign m-marketing__footer .m-marketing__footer,
body .m-theme--wrapper.m-theme--wrapper__dark
m-body m-login.m-login--newDesign m-marketing__footer .m-marketing__footer {
border: none; }
@media screen and (max-width: 480px) {
m-body m-register.m-register--newDesign m-marketing__footer .m-marketing__footer,
m-body m-login.m-login--newDesign m-marketing__footer .m-marketing__footer {
padding-bottom: 80px; } }
m-body m-register.m-register--newDesign m-marketing__footer .m-marketing__footer .m-marketing__sep,
m-body m-login.m-login--newDesign m-marketing__footer .m-marketing__footer .m-marketing__sep {
display: none; }
m-body m-register.m-register--newDesign m-marketing__footer .m-marketing__footer .m-marketingFooter__languageBar,
m-body m-login.m-login--newDesign m-marketing__footer .m-marketing__footer .m-marketingFooter__languageBar {
margin-bottom: 42px; }
m-body m-register.m-register--newDesign m-marketing__footer .m-grid.m-marketingFooter__columns:last-child > *,
m-body m-login.m-login--newDesign m-marketing__footer .m-grid.m-marketingFooter__columns:last-child > * {
margin: 0; }
m-body m-register.m-register--newDesign m-marketing__footer .m-grid.m-marketingFooter__columns:last-child > * .m-marketingFooter__legalLinks,
m-body m-login.m-login--newDesign m-marketing__footer .m-grid.m-marketingFooter__columns:last-child > * .m-marketingFooter__legalLinks {
text-align: start;
padding-right: 0; }
@media screen and (max-width: 1168px) {
m-body m-register.m-register--newDesign m-marketing__footer .m-grid.m-marketingFooter__columns:last-child > *,
m-body m-login.m-login--newDesign m-marketing__footer .m-grid.m-marketingFooter__columns:last-child > * {
text-align: left;
padding-right: 0;
padding-left: 32px; } }
@media screen and (max-width: 540px) {
m-body m-register.m-register--newDesign m-marketing__footer .m-grid.m-marketingFooter__columns:last-child > *,
m-body m-login.m-login--newDesign m-marketing__footer .m-grid.m-marketingFooter__columns:last-child > * {
padding-left: 0px; } }
m-forgot-password::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 50%;
left: 30%;
-webkit-clip-path: polygon(55% 0, 100% 0, 100% 11%, 18% 87%);
clip-path: polygon(55% 0, 100% 0, 100% 11%, 18% 87%); }
body.m-theme__light m-forgot-password::before,
body .m-theme--wrapper.m-theme--wrapper__light m-forgot-password::before {
background: #fed12f; }
body.m-theme__dark m-forgot-password::before,
body .m-theme--wrapper.m-theme--wrapper__dark m-forgot-password::before {
background: #fed748; }
@media screen and (max-width: 540px) {
m-forgot-password {
margin: -52px 0 50px;
padding: 0 26px; }
m-forgot-password::before {
position: absolute;
top: 0;
right: 0;
-webkit-clip-path: polygon(55% 0, 100% 0, 100% 30%, 18% 87%);
clip-path: polygon(55% 0, 100% 0, 100% 30%, 18% 87%); } }
m-forgot-password .m-grid {
position: relative;
padding: 15vh 0 0; }
@media screen and (max-width: 540px) {
m-forgot-password .m-grid {
padding: 10vh 0 0; } }
m-forgot-password .m-grid > * {
margin: 0 auto; }
m-forgot-password .m-forgot-password__wrapper {
display: block;
max-width: 692px;
filter: drop-shadow(-1px 0 8px rgba(50, 50, 0, 0.5)); }
m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal {
padding: 86px 67px 150px;
display: block;
background-color: #fcfcfc;
-webkit-clip-path: polygon(0 2%, 100% 0, 100% 97%, 0 95%);
clip-path: polygon(0 2%, 100% 0, 100% 97%, 0 95%); }
@media screen and (max-width: 540px) {
m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal {
-webkit-clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 99%);
clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 99%);
padding: 55px 26px 47px; }
m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal h3,
m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal .m-register__alreadyAUser {
text-align: center; }
m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal .mdl-card__actions {
margin-top: 35px; }
m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal .mdl-card__actions label.mdl-checkbox {
margin-bottom: 50px; } }
m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal .m-forgot-password__iconContainer {
margin: 32px;
display: flex;
justify-content: center; }
body.m-theme__light m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal .m-forgot-password__iconContainer,
body .m-theme--wrapper.m-theme--wrapper__light m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal .m-forgot-password__iconContainer {
color: #aaa; }
body.m-theme__dark m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal .m-forgot-password__iconContainer,
body .m-theme--wrapper.m-theme--wrapper__dark m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal .m-forgot-password__iconContainer {
color: #515151; }
m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal .m-forgot-password__iconContainer i {
font-size: 80pt; }
m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal .m-forgot-password__formWrapper .m-forgot-password__header {
margin-bottom: 36px; }
m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal .m-forgot-password__formWrapper .m-forgot-password__form button {
margin-left: 21px; }
@media screen and (max-width: 540px) {
m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal .m-forgot-password__formWrapper .m-forgot-password__form button {
margin: unset; } }
m-forgot-password h3 {
font-size: 26px;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 1.25;
text-align: center;
display: block; }
@media screen and (max-width: 720px) {
m-forgot-password h3 {
padding-right: 8px;
font-size: 16px; } }
body.m-theme__light m-forgot-password h3,
body .m-theme--wrapper.m-theme--wrapper__light m-forgot-password h3 {
color: #444; }
body.m-theme__dark m-forgot-password h3,
body .m-theme--wrapper.m-theme--wrapper__dark m-forgot-password h3 {
color: #b7b7b7; }
.m-forgot-password__secondaryText {
text-align: center;
display: block; }
body.m-theme__light .m-forgot-password__secondaryText,
body .m-theme--wrapper.m-theme--wrapper__light .m-forgot-password__secondaryText {
color: #9b9b9b; }
body.m-theme__dark .m-forgot-password__secondaryText,
body .m-theme--wrapper.m-theme--wrapper__dark .m-forgot-password__secondaryText {
color: #797b82; }
.m-forgot-password--step-3 .m-forgot-password__singleButtonWrapper {
display: flex;
flex-direction: row-reverse; }
.m-forgot-password--step-3 .m-forgot-password__singleButtonWrapper button {
margin: unset; }
.m-forgot-password--error__text {
color: red;
padding-top: 16px;
max-width: 300px; }
.m-blockchainEthModal__form {
margin: 36px 0; }
@media screen and (max-width: 900px) {
.m-blockchainEthModal__form.m-layout__row {
flex-wrap: wrap;
align-items: center;
flex-direction: column; } }
.m-blockchainEthModal__form .m-input {
padding: 16px;
font-size: 24px;
border-radius: 24px;
letter-spacing: 2px;
text-align: center; }
.m-blockchainEthModal__form .m-layout__cell {
display: inline-flex;
flex-direction: row;
align-items: center; }
.m-blockchainEthModal__form label {
padding: 16px;
font-weight: 600; }
.m-blockchainEthModal__form .m-blockchainEthModal__eq {
flex: 0;
padding: 0 16px; }
.m-blockchain__ethModal .m-btn.m-btn--slim {
height: auto; }
@media screen and (max-width: 500px) {
.m-blockchain__ethModal .m-blockchainEthModal__ethPrice {
display: none; } }
.m-blockchain--marketing--modal {
padding: 36px 16px 16px; }
.m-token__marketing .m-tokenMarketing__purchase {
max-width: 90%; }
@media screen and (max-width: 1168px) {
.m-token__marketing .m-tokenMarketing__purchase {
max-width: 100%; } }
.m-token__marketing .m-tokenMarketing__purchase .m-blockchainTokenPurchase {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07); }
m-get-metamask {
padding: 16px;
max-width: 100%;
box-sizing: border-box;
display: block; }
m-get-metamask .m-get-metamask--title {
font-size: 42px;
margin: 0;
margin-bottom: 16px;
font-weight: bold;
line-height: 42px; }
body.m-theme__light m-get-metamask .m-get-metamask--title,
body .m-theme--wrapper.m-theme--wrapper__light m-get-metamask .m-get-metamask--title {
color: #444; }
body.m-theme__dark m-get-metamask .m-get-metamask--title,
body .m-theme--wrapper.m-theme--wrapper__dark m-get-metamask .m-get-metamask--title {
color: #b7b7b7; }
@media screen and (max-width: 480px) {
m-get-metamask .m-get-metamask--title {
font-size: 24px;
line-height: 1.2; } }
m-get-metamask h4 {
font-weight: 600; }
m-get-metamask .m-get-metamask--logo-container {
display: flex;
justify-content: center;
align-content: center;
flex-direction: row; }
m-get-metamask .m-get-metamask--logo-container .m-get-metamask--logo {
width: 227px;
height: 227px; }
@media screen and (max-width: 480px) {
m-get-metamask .m-get-metamask--logo-container .m-get-metamask--logo {
width: 100px;
height: 100px; } }
m-get-metamask .m-get-metamask--button {
text-align: left; }
m-blockchain--purchase h4 {
font-size: 16px;
line-height: 44px;
font-weight: bold;
opacity: 0.7; }
body.m-theme__light m-blockchain--purchase h4,
body .m-theme--wrapper.m-theme--wrapper__light m-blockchain--purchase h4 {
color: #43434d; }
body.m-theme__dark m-blockchain--purchase h4,
body .m-theme--wrapper.m-theme--wrapper__dark m-blockchain--purchase h4 {
color: #ffffff; }
m-blockchain--purchase .m-purchase-sendWyre__errorContainer {
margin-top: 16px; }
body.m-theme__light m-blockchain--purchase .m-purchase-sendWyre__errorContainer .m-purchase-sendWyre__errorText,
body .m-theme--wrapper.m-theme--wrapper__light m-blockchain--purchase .m-purchase-sendWyre__errorContainer .m-purchase-sendWyre__errorText {
color: #e03c20; }
body.m-theme__dark m-blockchain--purchase .m-purchase-sendWyre__errorContainer .m-purchase-sendWyre__errorText,
body .m-theme--wrapper.m-theme--wrapper__dark m-blockchain--purchase .m-purchase-sendWyre__errorContainer .m-purchase-sendWyre__errorText {
color: #e35036; }
.m-blockchainTokenPurchase {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-radius: 2px;
padding: 20px 35px; }
body.m-theme__light .m-blockchainTokenPurchase,
body .m-theme--wrapper.m-theme--wrapper__light .m-blockchainTokenPurchase {
background: #fff;
color: #43434d; }
body.m-theme__dark .m-blockchainTokenPurchase,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blockchainTokenPurchase {
background: #202527;
color: #ffffff; }
@media screen and (max-width: 1168px) {
.m-blockchainTokenPurchase {
padding: 10px 15px; } }
.m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-size: 24px; }
@media screen and (max-width: 1168px) {
.m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount {
font-size: 18px; } }
.m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount label {
display: inline-block;
font: inherit;
margin-right: 0.1em; }
body.m-theme__light .m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount label,
body .m-theme--wrapper.m-theme--wrapper__light .m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount label {
color: #43434d; }
body.m-theme__dark .m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount label {
color: #ffffff; }
.m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount input {
display: inline-block;
font: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
margin: 0 0.35em 0 0;
padding: 0;
line-height: 1;
vertical-align: top;
border-radius: 0;
width: 5em;
text-align: right;
/* style as textfield for firefox **/
-moz-appearance: textfield; }
@media screen and (max-width: 1168px) {
.m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount input {
width: 4em; } }
.m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount input:focus {
outline: none !important; }
body.m-theme__light .m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount input,
body .m-theme--wrapper.m-theme--wrapper__light .m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount input {
background-color: #ffffff;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
body.m-theme__light .m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount input:focus,
body .m-theme--wrapper.m-theme--wrapper__light .m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount input:focus {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
body.m-theme__dark .m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount input {
background-color: #242a30;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); }
body.m-theme__dark .m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount input:focus,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blockchainTokenPurchase .m-blockchainTokenPurchase__amount input:focus {
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }
body.m-theme__light .m-blockchainTokenPurchase .m-blockchainTokenPurchase__ethTotal,
body .m-theme--wrapper.m-theme--wrapper__light .m-blockchainTokenPurchase .m-blockchainTokenPurchase__ethTotal {
color: #9b9b9b; }
body.m-theme__dark .m-blockchainTokenPurchase .m-blockchainTokenPurchase__ethTotal,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blockchainTokenPurchase .m-blockchainTokenPurchase__ethTotal {
color: #797b82; }
.m-blockchainTokenPurchase__ethRate {
display: block;
margin: 24px 0 0; }
body.m-theme__light .m-blockchainTokenPurchase__ethRate,
body .m-theme--wrapper.m-theme--wrapper__light .m-blockchainTokenPurchase__ethRate {
color: #9b9b9b; }
body.m-theme__dark .m-blockchainTokenPurchase__ethRate,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blockchainTokenPurchase__ethRate {
color: #797b82; }
.m-blockchainTokenPurchase__ethRate a {
cursor: pointer;
text-decoration: none; }
.m--blockchain--transaction-overlay--transparant {
background: none !important; }
.m--blockchain--transaction-overlay {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 90;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
body.m-theme__light .m--blockchain--transaction-overlay,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay {
background-color: rgba(255, 255, 255, 0.99);
color: #333; }
body.m-theme__dark .m--blockchain--transaction-overlay,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay {
background-color: rgba(32, 37, 39, 0.99);
color: #eaeaea; }
.m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--coloured-button {
display: flex;
align-items: center;
justify-content: center;
border: none;
padding: 8px;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 500;
cursor: pointer;
text-decoration: none;
margin-bottom: 12px; }
body.m-theme__light .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--coloured-button,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--coloured-button {
color: #fff;
background-color: #4caf50; }
body.m-theme__dark .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--coloured-button,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--coloured-button {
color: #202527;
background-color: #5cb860; }
.m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--coloured-button span {
text-align: center;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-weight: 600; }
.m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--balance {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-weight: 600;
font-size: 14px;
margin-bottom: 40px; }
body.m-theme__light .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--balance,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--balance {
color: #444; }
body.m-theme__dark .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--balance,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--balance {
color: #b7b7b7; }
.m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--balance .m--blockchain--transaction-overlay--balance--subtext {
display: block;
margin-bottom: 16px;
letter-spacing: 1px;
font-size: 18px; }
.m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--balance .m--blockchain--transaction-overlay--balance--amount {
font-weight: 200; }
.m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content {
max-width: 1280px;
width: 100%;
font-weight: 500;
font-size: 16px; }
.m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--logo {
height: 68px;
margin-bottom: 24px;
margin-left: 4px; }
.m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--title {
font-size: 42px;
margin: 0;
margin-bottom: 16px;
font-weight: bold;
line-height: 42px; }
body.m-theme__light .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--title,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--title {
color: #444; }
body.m-theme__dark .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--title,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--title {
color: #b7b7b7; }
.m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--subtitle {
text-transform: uppercase;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-size: 16px; }
body.m-theme__light .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--subtitle,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--subtitle {
color: #444; }
body.m-theme__dark .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--subtitle,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--subtitle {
color: #b7b7b7; }
.m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--help {
display: flex;
align-items: center;
min-height: 200px;
text-transform: uppercase; }
body.m-theme__light .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--help,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--help {
color: #aaa; }
body.m-theme__dark .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--help,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--help {
color: #515151; }
.m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--help a {
cursor: pointer;
text-decoration: none; }
.m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--note {
line-height: 20px;
font-size: 16px; }
body.m-theme__light .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--note,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--note {
color: #444; }
body.m-theme__dark .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--note,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay .m--blockchain--transaction-overlay--content .m--blockchain--transaction-overlay--note {
color: #b7b7b7; }
.m--blockchain--transaction-overlay--field {
margin: 16px 0; }
.m--blockchain--transaction-overlay--field .m-btn {
margin-right: 8px; }
.m--blockchain--transaction-overlay--field .mdl-checkbox .mdl-checkbox__label {
font-size: inherit; }
body.m-theme__light .m--blockchain--transaction-overlay--field .mdl-checkbox .mdl-checkbox__box-outline,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay--field .mdl-checkbox .mdl-checkbox__box-outline {
background-color: rgba(0, 0, 0, 0.15);
border-color: rgba(0, 0, 0, 0.15); }
body.m-theme__dark .m--blockchain--transaction-overlay--field .mdl-checkbox .mdl-checkbox__box-outline,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay--field .mdl-checkbox .mdl-checkbox__box-outline {
background-color: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.15); }
.m--blockchain--transaction-overlay--field .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
-webkit-mask: none;
mask: none; }
body.m-theme__light .m--blockchain--transaction-overlay--field .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay--field .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
background-color: rgba(0, 0, 0, 0.15); }
body.m-theme__dark .m--blockchain--transaction-overlay--field .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay--field .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
background-color: rgba(255, 255, 255, 0.15); }
body.m-theme__light .m--blockchain--transaction-overlay--field .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay--field .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple {
background-color: rgba(0, 0, 0, 0.15); }
body.m-theme__dark .m--blockchain--transaction-overlay--field .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay--field .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple {
background-color: rgba(255, 255, 255, 0.15); }
.m--blockchain--transaction-overlay--warning,
.m--blockchain--transaction-overlay--info {
max-width: 600px;
letter-spacing: 0.25px; }
body.m-theme__light .m--blockchain--transaction-overlay--info,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay--info {
color: #206ab9; }
body.m-theme__dark .m--blockchain--transaction-overlay--info,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay--info {
color: #91cdff; }
.m--blockchain--transaction-overlay--warning {
font-size: 13px; }
body.m-theme__light .m--blockchain--transaction-overlay--warning,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay--warning {
color: #c62828; }
body.m-theme__dark .m--blockchain--transaction-overlay--warning,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay--warning {
color: #d63232; }
.m--blockchain--transaction-overlay--field-label {
display: block;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-weight: 600; }
body.m-theme__light .m--blockchain--transaction-overlay--field-label,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay--field-label {
color: #444; }
body.m-theme__dark .m--blockchain--transaction-overlay--field-label,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay--field-label {
color: #b7b7b7; }
.m--blockchain--transaction-overlay--checkbox-label {
font-size: 14px; }
.m--blockchain--transaction-overlay--checkbox-label span {
text-transform: uppercase;
letter-spacing: 0.25px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-weight: 600;
font-size: 14px; }
body.m-theme__light .m--blockchain--transaction-overlay--checkbox-label span,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay--checkbox-label span {
color: #444; }
body.m-theme__dark .m--blockchain--transaction-overlay--checkbox-label span,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay--checkbox-label span {
color: #b7b7b7; }
.m--blockchain--transaction-overlay--field-input-lg,
.m--blockchain--transaction-overlay--field-input {
padding: 16px;
-webkit-appearance: none;
border-radius: 4px;
font-size: 18px; }
body.m-theme__light .m--blockchain--transaction-overlay--field-input-lg,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay--field-input-lg, body.m-theme__light
.m--blockchain--transaction-overlay--field-input,
body .m-theme--wrapper.m-theme--wrapper__light
.m--blockchain--transaction-overlay--field-input {
color: #444;
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark .m--blockchain--transaction-overlay--field-input-lg,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay--field-input-lg, body.m-theme__dark
.m--blockchain--transaction-overlay--field-input,
body .m-theme--wrapper.m-theme--wrapper__dark
.m--blockchain--transaction-overlay--field-input {
color: #b7b7b7;
background-color: #242a30;
border: 1px solid #414c57; }
body.m-theme__light .m--blockchain--transaction-overlay--field-input-lg.m--blockchain--transaction-overlay--dropping,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay--field-input-lg.m--blockchain--transaction-overlay--dropping, body.m-theme__light
.m--blockchain--transaction-overlay--field-input.m--blockchain--transaction-overlay--dropping,
body .m-theme--wrapper.m-theme--wrapper__light
.m--blockchain--transaction-overlay--field-input.m--blockchain--transaction-overlay--dropping {
box-shadow: inset 0 0 10px #206ab9; }
body.m-theme__dark .m--blockchain--transaction-overlay--field-input-lg.m--blockchain--transaction-overlay--dropping,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay--field-input-lg.m--blockchain--transaction-overlay--dropping, body.m-theme__dark
.m--blockchain--transaction-overlay--field-input.m--blockchain--transaction-overlay--dropping,
body .m-theme--wrapper.m-theme--wrapper__dark
.m--blockchain--transaction-overlay--field-input.m--blockchain--transaction-overlay--dropping {
box-shadow: inset 0 0 10px #91cdff; }
.m--blockchain--transaction-overlay--field-input-lg {
width: 600px;
max-width: 90vw; }
.m--blockchain--transaction-overlay--field-input {
width: 300px;
max-width: 90vw; }
.m--blockchain--transaction-overlay--button {
letter-spacing: 2.33px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 8px 32px;
background: none;
border-radius: 3;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-transform: uppercase;
cursor: pointer; }
body.m-theme__light .m--blockchain--transaction-overlay--button,
body .m-theme--wrapper.m-theme--wrapper__light .m--blockchain--transaction-overlay--button {
color: #555;
border: 1px solid #555; }
body.m-theme__dark .m--blockchain--transaction-overlay--button,
body .m-theme--wrapper.m-theme--wrapper__dark .m--blockchain--transaction-overlay--button {
color: #a6a6a6;
border: 1px solid #a6a6a6; }
.m--blockchain--transaction-overlay--button[disabled] {
cursor: default !important;
opacity: 0.65; }
.m-blockchain--wallet-address-notice--action {
cursor: pointer; }
.m-blockchain--wallet-address-notice--action b {
font-weight: 400; }
m-blockchain--wallet-selector {
display: block; }
.m-blockchain--wallet-selector--info {
padding: 16px;
font-size: 14px; }
body.m-theme__light .m-blockchain--wallet-selector--info,
body .m-theme--wrapper.m-theme--wrapper__light .m-blockchain--wallet-selector--info {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-blockchain--wallet-selector--info,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blockchain--wallet-selector--info {
border: 1px solid #414c57; }
.m-blockchain--wallet-selector--list {
list-style: none;
padding: 0; }
.m-blockchain--wallet-selector--list .m-blockchain--wallet-selector--item {
padding: 16px;
cursor: pointer; }
body.m-theme__light .m-blockchain--wallet-selector--list .m-blockchain--wallet-selector--item,
body .m-theme--wrapper.m-theme--wrapper__light .m-blockchain--wallet-selector--list .m-blockchain--wallet-selector--item {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-blockchain--wallet-selector--list .m-blockchain--wallet-selector--item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blockchain--wallet-selector--list .m-blockchain--wallet-selector--item {
border: 1px solid #414c57; }
.m-blockchain--wallet-selector--list .m-blockchain--wallet-selector--item.m-blockchain--wallet-selector--item-active {
cursor: default; }
body.m-theme__light .m-blockchain--wallet-selector--list .m-blockchain--wallet-selector--item.m-blockchain--wallet-selector--item-active,
body .m-theme--wrapper.m-theme--wrapper__light .m-blockchain--wallet-selector--list .m-blockchain--wallet-selector--item.m-blockchain--wallet-selector--item-active {
color: #ddd; }
body.m-theme__dark .m-blockchain--wallet-selector--list .m-blockchain--wallet-selector--item.m-blockchain--wallet-selector--item-active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blockchain--wallet-selector--list .m-blockchain--wallet-selector--item.m-blockchain--wallet-selector--item-active {
color: #404040; }
.m-blockchain--wallet-selector--list .m-blockchain--wallet-selector--item .material-icons {
vertical-align: text-top;
font-size: 1em;
position: relative;
top: 0.15em; }
/**
* Padding, Margins and Offset
*/
.minds-blog-ownerblock {
display: flex;
align-items: center; }
.minds-blog-ownerblock .minds-avatar {
background: transparent;
margin-left: 0; }
.minds-blog-ownerblock .minds-avatar img {
width: 40px;
border-radius: 50%; }
.minds-blog-ownerblock .minds-body {
padding-left: 8px;
display: flex;
vertical-align: middle; }
@media screen and (max-width: 700px) {
.minds-blog-ownerblock .minds-body {
flex-direction: column; }
.minds-blog-ownerblock .minds-body span {
padding-left: 0 !important; } }
.minds-blog-ownerblock .minds-body a {
display: block;
text-decoration: none;
font-family: 'Roboto', Helvetica, sans-serif; }
body.m-theme__light .minds-blog-ownerblock .minds-body a,
body .m-theme--wrapper.m-theme--wrapper__light .minds-blog-ownerblock .minds-body a {
color: #43434d; }
body.m-theme__dark .minds-blog-ownerblock .minds-body a,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-blog-ownerblock .minds-body a {
color: #ffffff; }
.minds-blog-ownerblock .minds-body span {
font-size: 11px;
font-family: 'Roboto', Helvetica, sans-serif;
cursor: default;
padding-left: 10px; }
body.m-theme__light .minds-blog-ownerblock .minds-body span,
body .m-theme--wrapper.m-theme--wrapper__light .minds-blog-ownerblock .minds-body span {
color: #72727c; }
body.m-theme__dark .minds-blog-ownerblock .minds-body span,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-blog-ownerblock .minds-body span {
color: #b8c1ca; }
.m-blog header {
top: 0;
left: 0;
overflow: visible;
width: 100%;
height: auto; }
.m-blog header minds-banner .wide-banner {
height: 500px; }
@media screen and (max-width: 700px) {
.m-blog header minds-banner .wide-banner {
height: calc(50vw); } }
@media screen and (max-width: 480px) {
.m-blog header minds-banner .wide-banner {
height: 55vw; } }
@media screen and (min-width: 700px) and (max-width: 1040px) {
.m-blog header minds-banner .wide-banner {
height: 344px !important; } }
.m-blog header minds-banner .minds-banner {
max-height: 60vh;
height: 60vh; }
@media screen and (max-width: 720px) {
.m-blog header minds-banner .minds-banner {
height: 25vh; } }
.m-blog .m-blog__InteractionBar {
display: flex;
justify-content: space-between;
width: 100%;
padding: 20px 0; }
@media screen and (max-width: 480px) {
.m-blog .m-blog__InteractionBar {
flex-direction: column; } }
@media only screen and (max-width: 1040px) {
.m-blog .m-blog-container {
padding: 0 20px; } }
.m-blog .m-blog-container h1.m-blog--title {
font-family: 'Roboto', Helvetica, sans-serif;
font-weight: 600;
font-size: 26px;
line-height: 1.3em; }
body.m-theme__light .m-blog .m-blog-container h1.m-blog--title,
body .m-theme--wrapper.m-theme--wrapper__light .m-blog .m-blog-container h1.m-blog--title {
color: #43434d; }
body.m-theme__dark .m-blog .m-blog-container h1.m-blog--title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blog .m-blog-container h1.m-blog--title {
color: #ffffff; }
@media only screen and (max-width: 768px) {
.m-blog .m-blog-container h1.m-blog--title {
font-size: 21px;
line-height: 1.2em; } }
.m-blog .m-blog-container .minds-blog-body img {
max-width: 100%;
height: auto; }
.m-blog .m-blog-container .minds-blog-body figure.image {
text-align: center; }
.m-blog .m-blog-container .minds-blog-body figure.table table {
margin: unset; }
.m-blog m-wire--lock-screen .m-wire--lock-screen--button {
max-width: 740px;
margin: 0 auto; }
.m-blog m-wire--lock-screen .m-wire--lock-screen {
justify-content: center;
min-height: 260px; }
@media screen and (max-width: 480px) {
.m-blog h1 {
font-size: 32px;
margin: 0; } }
minds-blog-view,
m-blog-view {
display: block;
padding-top: 0; }
body.m-theme__light minds-blog-view,
body .m-theme--wrapper.m-theme--wrapper__light minds-blog-view, body.m-theme__light
m-blog-view,
body .m-theme--wrapper.m-theme--wrapper__light
m-blog-view {
background-color: #ffffff;
border-right: 1px solid #d3dbe3; }
body.m-theme__dark minds-blog-view,
body .m-theme--wrapper.m-theme--wrapper__dark minds-blog-view, body.m-theme__dark
m-blog-view,
body .m-theme--wrapper.m-theme--wrapper__dark
m-blog-view {
background-color: #242a30;
border-right: 1px solid #414c57; }
minds-blog-view header minds-banner-fat,
m-blog-view header minds-banner-fat {
height: auto; }
minds-blog-view header minds-banner-fat .minds-banner,
m-blog-view header minds-banner-fat .minds-banner {
position: relative; }
minds-blog-view header minds-banner-fat .minds-banner img,
m-blog-view header minds-banner-fat .minds-banner img {
height: 400px;
-o-object-fit: cover;
object-fit: cover;
width: 100%; }
minds-blog-view .minds-banner .minds-banner-overlay,
m-blog-view .minds-banner .minds-banner-overlay {
display: none; }
minds-blog-view h1,
m-blog-view h1 {
margin: 0; }
@media screen and (max-width: 480px) {
minds-blog-view h1,
m-blog-view h1 {
font-size: 28px; } }
minds-blog-view .minds-body a,
m-blog-view .minds-body a {
color: #607d8b; }
body.m-theme__light minds-blog-view .blogs-grid,
body .m-theme--wrapper.m-theme--wrapper__light minds-blog-view .blogs-grid, body.m-theme__light
m-blog-view .blogs-grid,
body .m-theme--wrapper.m-theme--wrapper__light
m-blog-view .blogs-grid {
background-color: #ffffff !important; }
body.m-theme__dark minds-blog-view .blogs-grid,
body .m-theme--wrapper.m-theme--wrapper__dark minds-blog-view .blogs-grid, body.m-theme__dark
m-blog-view .blogs-grid,
body .m-theme--wrapper.m-theme--wrapper__dark
m-blog-view .blogs-grid {
background-color: #242a30 !important; }
@media screen and (max-width: 480px) {
minds-blog-view .m-actions-block,
m-blog-view .m-actions-block {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 20px 20px 30px 20px; } }
minds-blog-view .m-actions-block > *,
m-blog-view .m-actions-block > * {
margin-right: 12px; }
minds-blog-view .m-actions-block > m-post-menu,
m-blog-view .m-actions-block > m-post-menu {
margin-right: 8px; }
body.m-theme__light minds-blog-view .m-actions-block > m-post-menu > button > i,
body .m-theme--wrapper.m-theme--wrapper__light minds-blog-view .m-actions-block > m-post-menu > button > i, body.m-theme__light
m-blog-view .m-actions-block > m-post-menu > button > i,
body .m-theme--wrapper.m-theme--wrapper__light
m-blog-view .m-actions-block > m-post-menu > button > i {
color: #72727c; }
body.m-theme__dark minds-blog-view .m-actions-block > m-post-menu > button > i,
body .m-theme--wrapper.m-theme--wrapper__dark minds-blog-view .m-actions-block > m-post-menu > button > i, body.m-theme__dark
m-blog-view .m-actions-block > m-post-menu > button > i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-blog-view .m-actions-block > m-post-menu > button > i {
color: #b8c1ca; }
body.m-theme__light minds-blog-view .m-actions-block > m-post-menu .minds-dropdown-menu li:hover,
body .m-theme--wrapper.m-theme--wrapper__light minds-blog-view .m-actions-block > m-post-menu .minds-dropdown-menu li:hover, body.m-theme__light
m-blog-view .m-actions-block > m-post-menu .minds-dropdown-menu li:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-blog-view .m-actions-block > m-post-menu .minds-dropdown-menu li:hover {
background-color: #f6f7f7; }
body.m-theme__dark minds-blog-view .m-actions-block > m-post-menu .minds-dropdown-menu li:hover,
body .m-theme--wrapper.m-theme--wrapper__dark minds-blog-view .m-actions-block > m-post-menu .minds-dropdown-menu li:hover, body.m-theme__dark
m-blog-view .m-actions-block > m-post-menu .minds-dropdown-menu li:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-blog-view .m-actions-block > m-post-menu .minds-dropdown-menu li:hover {
background-color: #1a2025; }
minds-blog-view minds-comments,
m-blog-view minds-comments {
margin-bottom: 30px; }
m-blog-view img.m--img-not-found,
minds-blog-edit img.m--img-not-found {
width: 500px !important;
height: 300px !important;
background-image: url("/static/en//assets/image-not-found.png"); }
m-blog-view ul.m-blog--categories-list,
minds-blog-edit ul.m-blog--categories-list {
list-style: none;
font-weight: 500;
margin: 0;
padding: 20px 0 0 0; }
body.m-theme__light m-blog-view ul.m-blog--categories-list,
body .m-theme--wrapper.m-theme--wrapper__light m-blog-view ul.m-blog--categories-list, body.m-theme__light
minds-blog-edit ul.m-blog--categories-list,
body .m-theme--wrapper.m-theme--wrapper__light
minds-blog-edit ul.m-blog--categories-list {
color: #666;
border-top: 1px solid #d3dbe3; }
body.m-theme__dark m-blog-view ul.m-blog--categories-list,
body .m-theme--wrapper.m-theme--wrapper__dark m-blog-view ul.m-blog--categories-list, body.m-theme__dark
minds-blog-edit ul.m-blog--categories-list,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-blog-edit ul.m-blog--categories-list {
color: #959595;
border-top: 1px solid #414c57; }
m-blog-view ul.m-blog--categories-list li.m-blog--categories-list-item,
minds-blog-edit ul.m-blog--categories-list li.m-blog--categories-list-item {
cursor: pointer;
display: inline-block;
white-space: nowrap;
padding: 0 6px; }
body.m-theme__light m-blog-view ul.m-blog--categories-list li.m-blog--categories-list-item:not(.selected):hover,
body .m-theme--wrapper.m-theme--wrapper__light m-blog-view ul.m-blog--categories-list li.m-blog--categories-list-item:not(.selected):hover, body.m-theme__light
minds-blog-edit ul.m-blog--categories-list li.m-blog--categories-list-item:not(.selected):hover,
body .m-theme--wrapper.m-theme--wrapper__light
minds-blog-edit ul.m-blog--categories-list li.m-blog--categories-list-item:not(.selected):hover {
color: #333; }
body.m-theme__dark m-blog-view ul.m-blog--categories-list li.m-blog--categories-list-item:not(.selected):hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-blog-view ul.m-blog--categories-list li.m-blog--categories-list-item:not(.selected):hover, body.m-theme__dark
minds-blog-edit ul.m-blog--categories-list li.m-blog--categories-list-item:not(.selected):hover,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-blog-edit ul.m-blog--categories-list li.m-blog--categories-list-item:not(.selected):hover {
color: #eaeaea; }
minds-blog-edit .m-blog--edit--error {
font-size: 14px;
display: inline-block;
margin: 8px; }
body.m-theme__light minds-blog-edit .m-blog--edit--error,
body .m-theme--wrapper.m-theme--wrapper__light minds-blog-edit .m-blog--edit--error {
color: #e03c20; }
body.m-theme__dark minds-blog-edit .m-blog--edit--error,
body .m-theme--wrapper.m-theme--wrapper__dark minds-blog-edit .m-blog--edit--error {
color: #e35036; }
.minds-blog-save {
padding: 8px; }
.minds-blog-actions {
display: flex;
flex-flow: row nowrap;
align-items: center;
-webkit-align-items: center; }
.minds-blog-subscribe {
background: transparent;
font-size: 12px;
border-radius: 2px;
text-transform: uppercase; }
body.m-theme__light .minds-blog-subscribe,
body .m-theme--wrapper.m-theme--wrapper__light .minds-blog-subscribe {
color: #78909c;
border: 1px solid #78909c; }
body.m-theme__dark .minds-blog-subscribe,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-blog-subscribe {
color: #5e7c89;
border: 1px solid #5e7c89; }
minds-blog-edit {
display: block; }
body.m-theme__light minds-blog-edit,
body .m-theme--wrapper.m-theme--wrapper__light minds-blog-edit {
background-color: #ffffff; }
body.m-theme__dark minds-blog-edit,
body .m-theme--wrapper.m-theme--wrapper__dark minds-blog-edit {
background-color: #242a30; }
minds-blog-edit m-wire-threshold-input {
position: relative; }
minds-blog-edit .m-additional-block m-wire-threshold-input {
flex-shrink: 0; }
minds-blog-edit .m-additional-block m-wire-threshold-input i {
padding: 0; }
minds-blog-edit .m-additional-block .m-category-info {
flex-shrink: 0; }
minds-blog-edit .m-h1-input {
font-weight: 600;
font-size: 42px;
letter-spacing: 1.5px;
font-family: 'Roboto', Helvetica, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
line-height: 1.2em;
height: auto; }
minds-blog-edit h1,
minds-blog-edit h2,
minds-blog-edit h3,
minds-blog-edit h4 {
font-weight: 600;
letter-spacing: 1.5px;
font-family: 'Roboto', Helvetica, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
minds-blog-edit m-inline-editor,
minds-blog-edit m-inline-editor p {
margin-bottom: 0.5em;
font-weight: 400;
font-style: normal;
font-size: 21px;
line-height: 1.58;
letter-spacing: 0.5px;
letter-spacing: -0.003em;
font-family: 'Roboto', Helvetica, sans-serif;
margin-top: 29px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
body.m-theme__light minds-blog-edit m-inline-editor,
body .m-theme--wrapper.m-theme--wrapper__light minds-blog-edit m-inline-editor, body.m-theme__light
minds-blog-edit m-inline-editor p,
body .m-theme--wrapper.m-theme--wrapper__light
minds-blog-edit m-inline-editor p {
color: rgba(0, 0, 0, 0.84); }
body.m-theme__dark minds-blog-edit m-inline-editor,
body .m-theme--wrapper.m-theme--wrapper__dark minds-blog-edit m-inline-editor, body.m-theme__dark
minds-blog-edit m-inline-editor p,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-blog-edit m-inline-editor p {
color: rgba(255, 255, 255, 0.84); }
minds-blog-edit m-inline-editor:first-of-type,
minds-blog-edit m-inline-editor p:first-of-type {
margin-top: 0; }
minds-blog-edit .m-additional-block > * {
flex: auto;
margin-right: 0px; }
minds-card-blog {
min-height: 242px !important; }
body.m-theme__light minds-card-blog .mdl-card__title,
body .m-theme--wrapper.m-theme--wrapper__light minds-card-blog .mdl-card__title {
background-color: #333; }
body.m-theme__dark minds-card-blog .mdl-card__title,
body .m-theme--wrapper.m-theme--wrapper__dark minds-card-blog .mdl-card__title {
background-color: #eaeaea; }
minds-card-blog .m-owner-block {
display: flex;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
box-sizing: border-box; }
body.m-theme__light minds-card-blog .m-owner-block,
body .m-theme--wrapper.m-theme--wrapper__light minds-card-blog .m-owner-block {
background-color: #ffffff; }
body.m-theme__dark minds-card-blog .m-owner-block,
body .m-theme--wrapper.m-theme--wrapper__dark minds-card-blog .m-owner-block {
background-color: #242a30; }
.m-blog--image {
display: flex;
flex-direction: column;
align-items: center; }
.m-blog--image .m-blog--image-caption {
display: inline-block;
text-align: center;
font-style: italic; }
body.m-theme__light .m-blog--image .m-blog--image-caption,
body .m-theme--wrapper.m-theme--wrapper__light .m-blog--image .m-blog--image-caption {
color: #666; }
body.m-theme__dark .m-blog--image .m-blog--image-caption,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blog--image .m-blog--image-caption {
color: #959595; }
minds-blog-edit minds-banner .minds-banner-overlay,
minds-blog-edit minds-banner .save-bar .save-button {
display: none !important; }
minds-blog-edit .m-button--draft,
minds-blog-edit .m-button--submit {
cursor: pointer; }
body.m-theme__light minds-blog-edit .m-button--draft,
body .m-theme--wrapper.m-theme--wrapper__light minds-blog-edit .m-button--draft, body.m-theme__light
minds-blog-edit .m-button--submit,
body .m-theme--wrapper.m-theme--wrapper__light
minds-blog-edit .m-button--submit {
color: #444;
background-color: #ffc108; }
body.m-theme__dark minds-blog-edit .m-button--draft,
body .m-theme--wrapper.m-theme--wrapper__dark minds-blog-edit .m-button--draft, body.m-theme__dark
minds-blog-edit .m-button--submit,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-blog-edit .m-button--submit {
color: #b7b7b7;
background-color: #ffc722; }
.m-blog-edit--metadata {
font-family: Roboto, sans-serif;
font-weight: 400;
letter-spacing: 1px;
padding: 8px; }
.m-blog-edit--metadata .m-blog-edit--toggle-wrapper {
padding: 0 0 8px; }
.m-blog-edit--metadata .m-blog-edit--toggle {
letter-spacing: 1.5px;
text-transform: uppercase;
cursor: pointer; }
.m-blog-edit--metadata .m-blog-edit--fields {
padding: 16px; }
body.m-theme__light .m-blog-edit--metadata .m-blog-edit--fields,
body .m-theme--wrapper.m-theme--wrapper__light .m-blog-edit--metadata .m-blog-edit--fields {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-blog-edit--metadata .m-blog-edit--fields,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blog-edit--metadata .m-blog-edit--fields {
border: 1px solid #414c57; }
.m-blog-edit--metadata .m-blog-edit--field {
margin-bottom: 8px; }
.m-blog-edit--metadata .m-blog-edit--field label {
display: block;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1.5px; }
.m-blog-edit--metadata .m-blog-edit--field input,
.m-blog-edit--metadata .m-blog-edit--field textarea {
width: 100%;
padding: 8px;
font-family: inherit;
font-size: 14px;
letter-spacing: inherit; }
body.m-theme__light .m-blog-edit--metadata .m-blog-edit--field input,
body .m-theme--wrapper.m-theme--wrapper__light .m-blog-edit--metadata .m-blog-edit--field input, body.m-theme__light
.m-blog-edit--metadata .m-blog-edit--field textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-blog-edit--metadata .m-blog-edit--field textarea {
border: 1px solid #d3dbe3;
color: #333 !important; }
body.m-theme__dark .m-blog-edit--metadata .m-blog-edit--field input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blog-edit--metadata .m-blog-edit--field input, body.m-theme__dark
.m-blog-edit--metadata .m-blog-edit--field textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-blog-edit--metadata .m-blog-edit--field textarea {
border: 1px solid #414c57;
color: #eaeaea !important; }
.m-blog__subHeader {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 20px 0 0 0; }
/**
* Padding, Margins and Offset
*/
.m-lite--header {
margin: auto;
padding: 16px;
max-width: 990px;
display: flex;
flex-direction: row;
align-items: center; }
body.m-theme__light .m-lite--header,
body .m-theme--wrapper.m-theme--wrapper__light .m-lite--header {
background-color: #ffffff; }
body.m-theme__dark .m-lite--header,
body .m-theme--wrapper.m-theme--wrapper__dark .m-lite--header {
background-color: #242a30; }
.m-lite--header .m-lite--logo {
flex: 1; }
.m-lite--header .m-lite--logo img {
height: 50px; }
.m-lite--header button {
float: right; }
.m-lite--body {
margin: auto; }
.m-lite--body .m-wire--lock-screen-button {
max-width: 740px;
margin: 0 auto; }
.m-lite--body minds-banner .minds-banner {
max-height: 33vh;
height: 33vh; }
.m-lite--body minds-banner-fat {
left: 0;
z-index: -1;
width: 100%;
max-height: 60vh;
overflow: hidden; }
.m-blog-lite--full-link {
padding: 16px;
font-family: 'Roboto', Helvetica, sans-serif;
border-radius: 3px; }
.m-blog-lite--full-link a {
text-decoration: none; }
.m-blog-lite {
padding: 16px;
margin: 0 auto;
max-width: 740px; }
.m-blog-lite h1 {
font-weight: 500; }
.m-blog-lite img {
max-width: 100%; }
.m-blog-lite .m-blog-lite--body {
padding-top: 24px; }
.m-ad-block-mobile {
display: none; }
@media screen and (max-width: 480px) {
.m-ad-block-square {
display: none !important; }
.m-ad-block-mobile {
display: block; } }
.m-blog--tile {
height: 100%;
display: flex;
cursor: pointer;
flex-direction: column; }
body.m-theme__light .m-blog--tile,
body .m-theme--wrapper.m-theme--wrapper__light .m-blog--tile {
background-color: #ffffff; }
body.m-theme__dark .m-blog--tile,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blog--tile {
background-color: #242a30; }
.m-blog--tile .m-blog--tile-thumbnail-wrapper {
position: relative;
display: flex;
flex: 1;
width: 100%;
height: 100%; }
.m-blog--tile .m-blog--tile-thumbnail-wrapper a.m-blog--tile-thumbnail {
background-position: center center;
background-size: cover;
display: flex;
flex: 1;
width: 100%;
max-height: 100%;
text-decoration: none; }
body.m-theme__light .m-blog--tile .m-blog--tile-thumbnail-wrapper a.m-blog--tile-thumbnail,
body .m-theme--wrapper.m-theme--wrapper__light .m-blog--tile .m-blog--tile-thumbnail-wrapper a.m-blog--tile-thumbnail {
background-color: #444; }
body.m-theme__dark .m-blog--tile .m-blog--tile-thumbnail-wrapper a.m-blog--tile-thumbnail,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blog--tile .m-blog--tile-thumbnail-wrapper a.m-blog--tile-thumbnail {
background-color: #b7b7b7; }
.m-blog--tile .m-blog--tile-thumbnail-wrapper a.m-blog--tile-thumbnail span {
vertical-align: middle;
width: 100%;
font-size: 72px; }
body.m-theme__light .m-blog--tile .m-blog--tile-thumbnail-wrapper a.m-blog--tile-thumbnail span,
body .m-theme--wrapper.m-theme--wrapper__light .m-blog--tile .m-blog--tile-thumbnail-wrapper a.m-blog--tile-thumbnail span {
color: #fff; }
body.m-theme__dark .m-blog--tile .m-blog--tile-thumbnail-wrapper a.m-blog--tile-thumbnail span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blog--tile .m-blog--tile-thumbnail-wrapper a.m-blog--tile-thumbnail span {
color: #202527; }
.m-blog--tile .m-blog--tile-thumbnail-wrapper > i.material-icons {
display: none; }
.m-blog--tile .m-blog--tile-thumbnail-wrapper.m-blog--tile--mature-thumbnail {
transform-style: preserve-3d; }
body.m-theme__light .m-blog--tile .m-blog--tile-thumbnail-wrapper.m-blog--tile--mature-thumbnail,
body .m-theme--wrapper.m-theme--wrapper__light .m-blog--tile .m-blog--tile-thumbnail-wrapper.m-blog--tile--mature-thumbnail {
background-color: rgba(0, 0, 0, 0.65); }
body.m-theme__dark .m-blog--tile .m-blog--tile-thumbnail-wrapper.m-blog--tile--mature-thumbnail,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blog--tile .m-blog--tile-thumbnail-wrapper.m-blog--tile--mature-thumbnail {
background-color: rgba(255, 255, 255, 0.65); }
.m-blog--tile .m-blog--tile-thumbnail-wrapper.m-blog--tile--mature-thumbnail > a.m-blog--tile-thumbnail {
filter: blur(5px) grayscale(100%);
transform: translate3d(0, 0, 0);
opacity: 0.65; }
.m-blog--tile .m-blog--tile-thumbnail-wrapper.m-blog--tile--mature-thumbnail > i.material-icons {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 3em; }
body.m-theme__light .m-blog--tile .m-blog--tile-thumbnail-wrapper.m-blog--tile--mature-thumbnail > i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light .m-blog--tile .m-blog--tile-thumbnail-wrapper.m-blog--tile--mature-thumbnail > i.material-icons {
color: #fff; }
body.m-theme__dark .m-blog--tile .m-blog--tile-thumbnail-wrapper.m-blog--tile--mature-thumbnail > i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blog--tile .m-blog--tile-thumbnail-wrapper.m-blog--tile--mature-thumbnail > i.material-icons {
color: #202527; }
.m-blog--tile .m-blog--tile-title {
position: relative; }
.m-blog--tile .m-blog--tile-title label {
font-weight: 800;
font-family: 'Roboto', Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-size: 16px;
letter-spacing: 0.25px;
padding: 12px 12px 0;
cursor: pointer;
display: block;
word-wrap: break-word; }
body.m-theme__light .m-blog--tile .m-blog--tile-title label,
body .m-theme--wrapper.m-theme--wrapper__light .m-blog--tile .m-blog--tile-title label {
color: #444; }
body.m-theme__dark .m-blog--tile .m-blog--tile-title label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blog--tile .m-blog--tile-title label {
color: #b7b7b7; }
.m-blog--tile .m-blog--tile-title p {
padding: 0 12px;
margin: 0;
display: none; }
body.m-theme__light .m-blog--tile .m-blog--tile-title p,
body .m-theme--wrapper.m-theme--wrapper__light .m-blog--tile .m-blog--tile-title p {
color: #666; }
body.m-theme__dark .m-blog--tile .m-blog--tile-title p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blog--tile .m-blog--tile-title p {
color: #959595; }
.m-blog--tile .m-inline-owner-block {
display: inline-block;
padding: 4px 12px 12px; }
.m-blog--tile .m-inline-owner-block a {
text-decoration: none;
font-family: 'Roboto', Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1.25px;
font-size: 10px;
font-weight: 600;
font-family: 'Roboto', Helvetica, sans-serif; }
.m-blog--tile .m-inline-owner-block img {
border-radius: 50%;
width: 24px;
height: 24px;
margin-right: 4px; }
.m-blog--tile .m-inline-owner-block span {
font-family: 'Roboto', Helvetica, sans-serif;
text-transform: uppercase;
font-size: 10px;
text-align: right;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
body.m-theme__light .m-blog--tile .m-inline-owner-block span,
body .m-theme--wrapper.m-theme--wrapper__light .m-blog--tile .m-inline-owner-block span {
color: #888; }
body.m-theme__dark .m-blog--tile .m-inline-owner-block span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blog--tile .m-inline-owner-block span {
color: #737373; }
.m-blog--tile m-safe-toggle {
position: absolute;
right: 12px;
bottom: 12px; }
m-blog-view-infinite {
display: block;
min-height: 100%; }
body.m-theme__light m-blog-view-infinite,
body .m-theme--wrapper.m-theme--wrapper__light m-blog-view-infinite {
background-color: #ffffff; }
body.m-theme__dark m-blog-view-infinite,
body .m-theme--wrapper.m-theme--wrapper__dark m-blog-view-infinite {
background-color: #242a30; }
/**
* Padding, Margins and Offset
*/
.minds-boost-points-wrapper {
display: flex;
justify-content: center;
padding: 0;
margin: 0; }
@media screen and (max-width: 400px) {
.minds-boost-points-wrapper {
flex-wrap: wrap; } }
.minds-boost-points-wrapper .minds-boost-points-input {
display: flex;
align-items: center;
padding: 0;
margin: 0;
flex: 1; }
.minds-boost-points-wrapper .minds-boost-points-input > div {
padding: 8px; }
.minds-boost-points-wrapper .minds-boost-points-input > div:nth-of-type(1) {
flex: 3; }
.minds-boost-points-wrapper .minds-boost-points-input > div:nth-of-type(2) {
flex: 1; }
.minds-boost-points-wrapper .minds-boost-points-input input {
border: 0;
border-radius: 0;
font-size: 16px;
height: auto;
/* font-weight: 700; */
text-align: right;
padding: 16px;
width: 100%; }
body.m-theme__light .minds-boost-points-wrapper .minds-boost-points-input input,
body .m-theme--wrapper.m-theme--wrapper__light .minds-boost-points-wrapper .minds-boost-points-input input {
background-color: #ffffff;
box-shadow: inset 0 0 3px #888; }
body.m-theme__dark .minds-boost-points-wrapper .minds-boost-points-input input,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-boost-points-wrapper .minds-boost-points-input input {
background-color: #242a30;
box-shadow: inset 0 0 3px #737373; }
body.m-theme__light .minds-boost-points-wrapper .minds-boost-points-input input:disabled,
body .m-theme--wrapper.m-theme--wrapper__light .minds-boost-points-wrapper .minds-boost-points-input input:disabled {
background-color: #e8e8e8; }
body.m-theme__dark .minds-boost-points-wrapper .minds-boost-points-input input:disabled,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-boost-points-wrapper .minds-boost-points-input input:disabled {
background-color: #2f2f2f; }
.minds-boost-points-wrapper .minds-boost-points-input label {
font-weight: 200;
font-size: 22px; }
.minds-boost-points-wrapper .minds-boost-points-input:nth-of-type(1) {
padding-right: 16px; }
.m-boost-console-link {
margin-bottom: 8px; }
.m-boost-console-link,
.m-boost-console-link a {
text-decoration: none;
text-transform: uppercase; }
body.m-theme__light .m-boost-button-fat,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost-button-fat {
background-color: #4690df !important; }
body.m-theme__dark .m-boost-button-fat,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost-button-fat {
background-color: #44aaff !important; }
m-boost-console-booster {
border-radius: 3px;
display: block; }
body.m-theme__light m-boost-console-booster,
body .m-theme--wrapper.m-theme--wrapper__light m-boost-console-booster {
border: 1px solid #d3dbe3;
background-color: #ffffff; }
body.m-theme__dark m-boost-console-booster,
body .m-theme--wrapper.m-theme--wrapper__dark m-boost-console-booster {
border: 1px solid #414c57;
background-color: #242a30; }
m-boost-console-booster .m-boost-console-booster--cta {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
margin-top: 8px;
font-family: 'Roboto', Helvetica, sans-serif;
font-weight: 500;
font-size: 16px; }
m-boost-console-booster .m-boost-console-booster--cta > button {
flex-shrink: 0; }
m-boost-console-booster .m-boost-console-booster--cta > span {
margin-left: 8px; }
m-boost-console-booster .m-boost-console-booster--content {
padding: 16px; }
m-boost-console-booster .m-boost-console-booster--content > h3 {
margin: 0.65em 0;
text-transform: uppercase;
font-family: 'Roboto', Helvetica, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1; }
m-boost-console-booster .m-boost-console-booster--content .m-boost-console--booster--posts-list {
padding: 1px; }
m-boost-console-booster .m-boost-console-booster--content minds-card {
margin-bottom: 16px;
position: relative; }
m-boost-console-booster .m-boost-console-booster--content .m-boost-console-booster--content-grid {
padding: 0;
margin: 0 -8px; }
m-boost-console-booster .m-boost-console-booster--content .m-boost-console-booster--content-grid minds-card {
margin-bottom: 8px; }
m-boost-console-card {
display: block; }
m-boost-console-card minds-card {
margin: 16px; }
m-boost-console-card minds-card > minds-activity {
margin-bottom: 0 !important; }
m-boost-console-card .m-boost-card--manager {
display: flex;
align-items: center;
justify-content: space-around;
padding: 12px 8px 8px;
font-family: Roboto, sans-serif;
font-weight: 300; }
body.m-theme__light m-boost-console-card .m-boost-card--manager,
body .m-theme--wrapper.m-theme--wrapper__light m-boost-console-card .m-boost-card--manager {
color: #607d8b;
background-color: #eceff1; }
body.m-theme__dark m-boost-console-card .m-boost-card--manager,
body .m-theme--wrapper.m-theme--wrapper__dark m-boost-console-card .m-boost-card--manager {
color: #6b8a99;
background-color: #212d32; }
m-boost-console-card .m-boost-card--rejection-reason {
padding: 16px;
font-size: 13px;
font-family: 'Roboto', Helvetica, sans-serif;
letter-spacing: 0.5px;
display: flex;
align-items: center;
justify-content: center; }
body.m-theme__light m-boost-console-card .m-boost-card--rejection-reason,
body .m-theme--wrapper.m-theme--wrapper__light m-boost-console-card .m-boost-card--rejection-reason {
color: #607d8b;
background-color: #eceff1;
border-top: 1px solid #d3dbe3; }
body.m-theme__dark m-boost-console-card .m-boost-card--rejection-reason,
body .m-theme--wrapper.m-theme--wrapper__dark m-boost-console-card .m-boost-card--rejection-reason {
color: #6b8a99;
background-color: #212d32;
border-top: 1px solid #414c57; }
m-boost-console-card .m-boost-card--manager-item {
display: flex;
flex-direction: column;
align-items: center;
font-size: 12px; }
m-boost-console-card .m-boost-card--manager-item .m-boost-card--manager-item__tooltip .m-tooltip--bubble {
position: absolute;
bottom: 10px; }
m-boost-console-card .m-boost-card--manager-item.m-boost-card--manager-item--buttons {
flex-direction: row; }
m-boost-console-card .m-boost-card--manager-item.m-boost-card--manager-item--buttons > button {
margin-left: 1em; }
m-boost-console-card .m-boost-card--manager-item.m-boost-card--manager-item--buttons > button:first-child {
margin-left: 0; }
m-boost-console-card .m-boost-card--manager-item a {
text-decoration: none;
font-weight: 400; }
m-boost-console-card m--crypto-token-symbol svg {
width: 24px;
height: 24px; }
body.m-theme__light m-boost-console-card m--crypto-token-symbol .m--crypto-token-symbol--stroke,
body .m-theme--wrapper.m-theme--wrapper__light m-boost-console-card m--crypto-token-symbol .m--crypto-token-symbol--stroke {
stroke: #607d8b; }
body.m-theme__dark m-boost-console-card m--crypto-token-symbol .m--crypto-token-symbol--stroke,
body .m-theme--wrapper.m-theme--wrapper__dark m-boost-console-card m--crypto-token-symbol .m--crypto-token-symbol--stroke {
stroke: #6b8a99; }
body.m-theme__light m-boost-console-card m--crypto-token-symbol .m--crypto-token-symbol--fill,
body .m-theme--wrapper.m-theme--wrapper__light m-boost-console-card m--crypto-token-symbol .m--crypto-token-symbol--fill {
fill: #607d8b; }
body.m-theme__dark m-boost-console-card m--crypto-token-symbol .m--crypto-token-symbol--fill,
body .m-theme--wrapper.m-theme--wrapper__dark m-boost-console-card m--crypto-token-symbol .m--crypto-token-symbol--fill {
fill: #6b8a99; }
m-boost-console .m-boost-console--content {
max-width: 1280px;
margin: auto;
height: 100%; }
m-boost-console .m-boost-console--content .m-boost-console--hero {
border-radius: 3px;
padding-bottom: 10px; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--hero-header {
display: flex;
flex-direction: row;
align-items: center;
padding-right: 32px; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--filters {
flex-grow: 1; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--filters m-date-selector {
margin: 0; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--filters m-date-selector label {
font-size: 14px; }
body.m-theme__light m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--filters m-date-selector label,
body .m-theme--wrapper.m-theme--wrapper__light m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--filters m-date-selector label {
color: #fff; }
body.m-theme__dark m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--filters m-date-selector label,
body .m-theme--wrapper.m-theme--wrapper__dark m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--filters m-date-selector label {
color: #202527; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--filters m-date-selector input {
font-size: 16px;
width: auto; }
m-boost-console .m-boost-console--content .m-boost-console--hero h2 {
margin: 0;
padding: 16px 32px;
font-weight: 300;
flex: 1; }
m-boost-console .m-boost-console--content .m-boost-console--hero p {
margin: 0;
padding: 0 32px;
font-family: 'Roboto', Helvetica, sans-serif; }
m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector {
font-size: 25px;
justify-content: flex-end;
margin: 0px 30px;
display: flex; }
body.m-theme__light m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector,
body .m-theme--wrapper.m-theme--wrapper__light m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector {
color: #fff; }
body.m-theme__dark m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector,
body .m-theme--wrapper.m-theme--wrapper__dark m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector {
color: #202527; }
m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector div {
border: none; }
body.m-theme__light m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector div,
body .m-theme--wrapper.m-theme--wrapper__light m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector div {
color: #fff;
background-color: rgba(255, 255, 255, 0.1); }
body.m-theme__dark m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector div,
body .m-theme--wrapper.m-theme--wrapper__dark m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector div {
color: #202527;
background-color: rgba(32, 37, 39, 0.1); }
m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector input {
font-size: 25px;
width: 250px; }
body.m-theme__light m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector input,
body .m-theme--wrapper.m-theme--wrapper__light m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector input {
color: #fff; }
body.m-theme__dark m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector input,
body .m-theme--wrapper.m-theme--wrapper__dark m-boost-console .m-boost-console--content .m-boost-console--hero m-date-selector input {
color: #202527; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview {
padding: 16px;
margin: auto;
font-family: 'Roboto', Helvetica, sans-serif; }
@media only screen and (max-width: 400px) {
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview {
padding: 0;
text-align: center; } }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--overview-stat-type {
display: flex;
align-items: center; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--overview-stat-label {
padding: 0;
margin: 16px 24px 0;
line-height: 1;
font-size: 14px;
font-weight: normal;
text-transform: uppercase; }
body.m-theme__light m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--overview-stat-label,
body .m-theme--wrapper.m-theme--wrapper__light m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--overview-stat-label {
color: #71aae7; }
body.m-theme__dark m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--overview-stat-label,
body .m-theme--wrapper.m-theme--wrapper__dark m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--overview-stat-label {
color: #206ab9; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--overview-stat-label m-tooltip i {
font-size: 16px;
opacity: 0.5;
cursor: pointer; }
body.m-theme__light m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--overview-stat-label m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__light m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--overview-stat-label m-tooltip i {
color: #fff; }
body.m-theme__dark m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--overview-stat-label m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__dark m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--overview-stat-label m-tooltip i {
color: #202527; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview i {
font-style: normal;
font-weight: 100; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview i.material-icons {
font-size: 34px; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview > div {
font-size: 48px;
letter-spacing: 2px;
line-height: 48px;
flex: auto;
width: auto;
padding: 8px 16px; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--label {
display: block; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--label > * {
vertical-align: middle; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--label label {
text-transform: uppercase;
font-family: 'Roboto', Helvetica, sans-serif;
letter-spacing: 1px;
font-size: 14px; }
m-boost-console .m-boost-console--content .m-boost-console--hero .m-boost-console--overview .m-boost-console--label i {
font-size: 16px;
opacity: 0.5;
cursor: pointer; }
m-boost-console .m-boost-console--content .m-boost-console--tab-bar {
justify-content: flex-start; }
m-boost-console .m-boost-console--content .m-boost-console--first-filter-tab {
margin-left: 1em; }
m-boost-console .m-boost-console--content .m-boost-console--merchant {
display: flex;
justify-content: space-between;
padding: 16px;
margin-top: 8px;
font-family: 'Roboto', sans-serif;
font-weight: 300; }
m-boost-console .m-boost-console--content .m-boost-console--merchant > a {
text-transform: uppercase;
text-decoration: none;
font-weight: 400; }
body.m-theme__light m-boost-console .m-boost-console--content .m-boost-console--merchant > a,
body .m-theme--wrapper.m-theme--wrapper__light m-boost-console .m-boost-console--content .m-boost-console--merchant > a {
color: #fff; }
body.m-theme__dark m-boost-console .m-boost-console--content .m-boost-console--merchant > a,
body .m-theme--wrapper.m-theme--wrapper__dark m-boost-console .m-boost-console--content .m-boost-console--merchant > a {
color: #202527; }
m-boost-console .m-boost-console--content .m-boost-console--empty {
text-align: center;
font-family: 'Roboto', sans-serif;
font-weight: 300;
opacity: 0.65; }
m-boost-console .m-boost-console--content .m-boost-console--empty a {
cursor: pointer; }
m-boost-console .m-boost-console--content .m-boost-console--third-party-network {
display: flex;
align-items: center;
justify-content: space-between;
margin: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 300; }
@media screen and (max-width: 480px) {
m-boost-console .m-boost-console--content .m-boost-console--third-party-network {
display: block;
margin: 16px 0; } }
m-boost-console .m-boost-console--content .m-boost-console--third-party-network > span {
margin-right: 8px;
opacity: 0.65; }
@media screen and (max-width: 480px) {
m-boost-console .m-boost-console--content .m-boost-console--third-party-network > span {
display: block;
margin-right: 0;
margin-bottom: 8px; } }
m-boost-console .m-boost-console--content .m-boost-console--third-party-network m-third-party-networks-facebook {
display: block;
min-width: 320px; }
@media screen and (max-width: 480px) {
m-boost-console .m-boost-console--content .m-boost-console--third-party-network m-third-party-networks-facebook {
min-width: 0; } }
m-boost-console .m-boost-console--content .m-boost-console--third-party-network m-third-party-networks-facebook .m-avatar img {
height: 46px;
width: auto; }
m-boost-console m-boost-console-network,
m-boost-console m-boost-console-p2p {
display: block; }
m-boost-console m-boost-console-network > m-boost-console-card,
m-boost-console m-boost-console-p2p > m-boost-console-card {
margin-bottom: 16px; }
.m-boost-console--wrapper {
max-width: 1280px;
margin: auto; }
.m-boost--creator {
font-weight: 400;
max-width: 900px;
margin: auto; }
.m-boost--creator h2,
.m-boost--creator h3,
.m-boost--creator h4,
.m-boost--creator h5 {
font-weight: 400; }
.m-boost--creator h3 {
display: block;
font-size: 14px;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.25px;
align-items: center;
margin: 0 0 8px 0; }
.m-boost--creator h3 > .m-boost--creator-section--title-context {
font-size: 12px;
line-height: 1;
max-width: 300px;
text-transform: initial;
margin-left: 24px; }
.m-boost--creator h4 {
font-size: 24px;
font-weight: 400;
letter-spacing: 0.5px; }
.m-boost--creator .material-icons--inline {
vertical-align: bottom;
font-size: inherit;
position: relative;
top: -0.15em; }
.m-boost--creator .m-boost--creator--header {
position: relative; }
.m-boost--creator .m-boost--creator--header h2 {
font-size: 36px;
letter-spacing: 1.8px;
margin: 0; }
.m-boost--creator .m-boost--creator--header .m-boost--creator--wallet {
position: absolute;
right: 72px;
top: 28px;
font-size: 16px; }
@media screen and (max-width: 480px) {
.m-boost--creator .m-boost--creator--header .m-boost--creator--wallet {
position: initial; } }
.m-boost--creator .m-boost--creator--header .m-boost--creator--wallet .m--middle {
vertical-align: middle; }
.m-boost--creator .m-boost--creator-section {
padding: 16px 0;
font-weight: 400; }
@media screen and (min-width: 768px) {
.m-boost--creator .m-boost--creator-section-row {
display: flex;
flex-direction: row; }
.m-boost--creator .m-boost--creator-section-row > section {
flex: 1; } }
.m-boost--creator .m-boost--creator--target-avatar {
padding: 8px;
font-weight: 400;
letter-spacing: 3px;
max-width: 300px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
border: none;
border-radius: 4px;
margin: 0; }
body.m-theme__light .m-boost--creator .m-boost--creator--target-avatar,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator--target-avatar {
background-color: rgba(0, 0, 0, 0.15); }
body.m-theme__dark .m-boost--creator .m-boost--creator--target-avatar,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator--target-avatar {
background-color: rgba(255, 255, 255, 0.15); }
.m-boost--creator .m-boost--creator--target-avatar .m-boost--creator-wide-input--edit {
max-width: calc(90% - 60px) !important; }
body.m-theme__light .m-boost--creator .m-boost--creator--target-avatar .m-boost--creator-wide-input--edit,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator--target-avatar .m-boost--creator-wide-input--edit {
background-color: rgba(0, 0, 0, 0); }
body.m-theme__dark .m-boost--creator .m-boost--creator--target-avatar .m-boost--creator-wide-input--edit,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator--target-avatar .m-boost--creator-wide-input--edit {
background-color: rgba(255, 255, 255, 0); }
.m-boost--creator .m-boost--creator--target-avatar .m-boost--creator-autocomplete--suggestion-avatar {
width: 32px;
height: 32px; }
.m-boost--creator .m-boost--creator--target-avatar input {
font-size: 16px;
padding-left: 0; }
.m-boost--creator .m-boost--creator--amount,
.m-boost--creator .m-boost--creator--target {
margin-top: 16px;
letter-spacing: 2.5px; }
.m-boost--creator .m-boost--creator--amount input,
.m-boost--creator .m-boost--creator--target input {
width: 6em;
max-width: 180px;
padding: 12px;
font-weight: 400;
letter-spacing: 3px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
border: none;
border-radius: 4px;
margin: 0;
margin-right: 8px; }
body.m-theme__light .m-boost--creator .m-boost--creator--amount input,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator--amount input, body.m-theme__light
.m-boost--creator .m-boost--creator--target input,
body .m-theme--wrapper.m-theme--wrapper__light
.m-boost--creator .m-boost--creator--target input {
background-color: rgba(0, 0, 0, 0.15); }
body.m-theme__dark .m-boost--creator .m-boost--creator--amount input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator--amount input, body.m-theme__dark
.m-boost--creator .m-boost--creator--target input,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-boost--creator .m-boost--creator--target input {
background-color: rgba(255, 255, 255, 0.15); }
.m-boost--creator .m-boost--creator--amount input:focus,
.m-boost--creator .m-boost--creator--target input:focus {
outline: none; }
.m-boost--creator .m-boost--creator-wide-input--estimation {
display: block;
font-size: 12px;
line-height: 1;
text-transform: uppercase;
letter-spacing: 1.2px;
margin: 8px 0 8px 0; }
.m-boost--creator .m-boost--creator-selector > li h4,
.m-boost--creator .m-boost--creator-selector > li h5,
.m-boost--creator .m-boost--creator-selector > li span {
margin: 0;
font-weight: 400; }
.m-boost--creator .m-boost--creator-selector > li b {
font-weight: 400 !important;
letter-spacing: 3px; }
.m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--cta,
.m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--selected-label,
.m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--description {
display: block;
font-size: 13px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
.m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--cta,
.m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--selected-label {
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 2; }
.m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--selected-label {
font-weight: 400; }
body.m-theme__light .m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--selected-label,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--selected-label {
color: #4690df; }
body.m-theme__dark .m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--selected-label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--selected-label {
color: #44aaff; }
.m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--description {
font-size: 13px;
letter-spacing: 0.5px;
line-height: 1.3;
max-width: 300px; }
body.m-theme__light .m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--description,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--description {
color: rgba(0, 0, 0, 0.75); }
body.m-theme__dark .m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--description,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--description {
color: rgba(255, 255, 255, 0.75); }
.m-boost--creator .m-boost--creator-selector > li .m-boost--creator-selector--description.m-boost--creator-selector--description--small {
font-size: 12px;
line-height: 1.2;
letter-spacing: 0.35px;
margin-bottom: 8px; }
.m-boost--creator .m-boost--creator-wide-input {
font-size: 48px;
letter-spacing: 2.4px; }
.m-boost--creator .m-boost--creator-wide-input > * {
vertical-align: middle; }
.m-boost--creator .m-boost--creator-wide-input.m-boost--creator-wide-input--reading {
cursor: pointer; }
@media screen and (max-width: 480px) {
.m-boost--creator .m-boost--creator-wide-input {
font-size: 32px; }
.m-boost--creator .m-boost--creator-wide-input .m-boost--creator-wide-input--edit {
height: auto;
padding: 8px;
line-height: 32px; } }
.m-boost--creator .m-boost--creator-wide-input .m-boost--creator-wide-input--read-mode {
font-weight: 400; }
.m-boost--creator .m-boost--creator-wide-input .m-boost--creator-wide-input--read-mode.m-boost--creator-wide-input--empty-read-mode {
opacity: 0.65; }
.m-boost--creator .m-boost--creator-wide-input.m-boost--creator--target .m-boost--creator-wide-input--edit {
width: 15em;
max-width: 90%;
height: auto;
line-height: 1.2; }
.m-boost--creator .m-boost--creator-toggle .m-boost--creator-toggle--select,
.m-boost--creator .m-boost--creator-toggle .m-boost--creator-toggle--selected {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
min-width: 6em;
margin-right: 16px; }
.m-boost--creator .m-boost--creator-toggle .m-boost--creator-toggle--selected {
font-weight: 400; }
body.m-theme__light .m-boost--creator .m-boost--creator-toggle .m-boost--creator-toggle--selected,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-toggle .m-boost--creator-toggle--selected {
color: #4690df; }
body.m-theme__dark .m-boost--creator .m-boost--creator-toggle .m-boost--creator-toggle--selected,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-toggle .m-boost--creator-toggle--selected {
color: #44aaff; }
.m-boost--creator .m-boost--creator-toggle b {
font-weight: 400 !important; }
.m-boost--creator .m-boost--creator--categories {
font-size: 9px;
letter-spacing: 1.2px; }
.m-boost--creator .m-boost--creator-clickable {
text-transform: uppercase;
margin-right: 16px;
font-weight: 400; }
.m-boost--creator .m-boost--creator-clickable.m-boost--creator-clickable--highlight {
font-weight: 500; }
.m-boost--creator .m-boost--creator-clickable:last-child {
margin-right: 0; }
.m-boost--creator .m-boost--creator-autocomplete--suggestion-username {
vertical-align: middle; }
.m-boost--creator .m-boost--creator-autocomplete--suggestion-avatar {
border-radius: 50%;
margin: 0 0 0 4px;
width: 36px;
height: 36px;
vertical-align: middle; }
body.m-theme__light .m-boost--creator .m-boost--creator-autocomplete--suggestion-avatar,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-autocomplete--suggestion-avatar {
background-color: #444; }
body.m-theme__dark .m-boost--creator .m-boost--creator-autocomplete--suggestion-avatar,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-autocomplete--suggestion-avatar {
background-color: #b7b7b7; }
.m-boost--creator .m-boost--creator-autocomplete--results {
position: relative;
width: 30em;
max-width: 90%;
max-height: 300px;
font-size: 16px;
border-radius: 3px;
padding: 8px;
margin-top: 12px;
overflow-y: auto;
box-sizing: border-box; }
body.m-theme__light .m-boost--creator .m-boost--creator-autocomplete--results,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-autocomplete--results {
background-color: rgba(0, 0, 0, 0.15); }
body.m-theme__dark .m-boost--creator .m-boost--creator-autocomplete--results,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-autocomplete--results {
background-color: rgba(255, 255, 255, 0.15); }
.m-boost--creator .m-boost--creator-autocomplete--results:after {
bottom: 100%;
left: 95%;
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 8px;
margin-left: -8px; }
body.m-theme__light .m-boost--creator .m-boost--creator-autocomplete--results:after,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-autocomplete--results:after {
border-color: rgba(102, 102, 102, 0);
border-bottom-color: #fff; }
body.m-theme__dark .m-boost--creator .m-boost--creator-autocomplete--results:after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-autocomplete--results:after {
border-color: rgba(149, 149, 149, 0);
border-bottom-color: #202527; }
.m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result {
padding: 4px;
cursor: pointer;
display: flex;
justify-content: space-between; }
.m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result:hover, .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result.m-boost--creator-autocomplete--result-highlight {
font-weight: 400; }
body.m-theme__light .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result:hover, body.m-theme__light .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result.m-boost--creator-autocomplete--result-highlight,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result.m-boost--creator-autocomplete--result-highlight {
background-color: #ffffff;
color: #000; }
body.m-theme__dark .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result:hover, body.m-theme__dark .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result.m-boost--creator-autocomplete--result-highlight,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result.m-boost--creator-autocomplete--result-highlight {
background-color: #242a30;
color: #fff; }
.m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result .m-boost--creator-autocomplete--result-content .material-icons {
vertical-align: middle; }
.m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result m--crypto-token-symbol {
position: relative;
top: -0.15em;
margin-left: 0.15em; }
body.m-theme__light .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result m--crypto-token-symbol .m--crypto-token-symbol--stroke,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result m--crypto-token-symbol .m--crypto-token-symbol--stroke {
stroke: #555; }
body.m-theme__dark .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result m--crypto-token-symbol .m--crypto-token-symbol--stroke,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result m--crypto-token-symbol .m--crypto-token-symbol--stroke {
stroke: #a6a6a6; }
body.m-theme__light .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result m--crypto-token-symbol .m--crypto-token-symbol--fill,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result m--crypto-token-symbol .m--crypto-token-symbol--fill {
fill: #555; }
body.m-theme__dark .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result m--crypto-token-symbol .m--crypto-token-symbol--fill,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-autocomplete--results .m-boost--creator-autocomplete--result m--crypto-token-symbol .m--crypto-token-symbol--fill {
fill: #a6a6a6; }
.m-boost--creator .m-boost--creator--submit {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 40px; }
.m-boost--creator .m-boost--creator--submit .m-boost--creator-button-back {
margin-right: 8px; }
.m-boost--creator .m-boost--creator--submit .m-boost--creator--submit-label,
.m-boost--creator .m-boost--creator--submit .m-boost--creator--submit-error {
margin-left: 8px; }
.m-boost--creator .m-boost--creator--submit .m-boost--creator--submit-label > span,
.m-boost--creator .m-boost--creator--submit .m-boost--creator--submit-label > i,
.m-boost--creator .m-boost--creator--submit .m-boost--creator--submit-error > span,
.m-boost--creator .m-boost--creator--submit .m-boost--creator--submit-error > i {
vertical-align: middle; }
.m-boost--creator .m-boost--creator--submit .m-boost--creator--submit-error {
font-size: 12px;
font-weight: 400; }
body.m-theme__light .m-boost--creator .m-boost--creator--submit .m-boost--creator--submit-error,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator--submit .m-boost--creator--submit-error {
color: #e03c20; }
body.m-theme__dark .m-boost--creator .m-boost--creator--submit .m-boost--creator--submit-error,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator--submit .m-boost--creator--submit-error {
color: #e35036; }
.m-boost--creator .m-boost--creator--target-facebook {
margin-top: 16px; }
.m-boost--creator .m-boost--creator--target-facebook .m-boost--creator-toggle--target-facebook > img {
height: 2em;
margin-left: 1em; }
.m-boost--creator .m-boost--creator--target-facebook .m-boost--creator--target-facebook-scheduler {
margin: 8px 0 0 160px; }
.m-boost--creator .m-boost--creator--target-facebook .m-boost--creator--target-facebook-scheduler m-scheduler > select.m-form-select {
background: transparent;
font-weight: 200; }
body.m-theme__light .m-boost--creator .m-boost--creator--target-facebook .m-boost--creator--target-facebook-scheduler m-scheduler > select.m-form-select,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator--target-facebook .m-boost--creator--target-facebook-scheduler m-scheduler > select.m-form-select {
color: #fff !important; }
body.m-theme__dark .m-boost--creator .m-boost--creator--target-facebook .m-boost--creator--target-facebook-scheduler m-scheduler > select.m-form-select,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator--target-facebook .m-boost--creator--target-facebook-scheduler m-scheduler > select.m-form-select {
color: #202527 !important; }
.m-boost--creator .m-boost--creator-payment {
border-radius: 3px;
min-width: 440px;
max-width: 560px;
padding: 0px;
margin: 8px 0 0;
min-width: 440px; }
body.m-theme__light .m-boost--creator .m-boost--creator-payment,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-payment {
background-color: rgba(0, 0, 0, 0.1);
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-boost--creator .m-boost--creator-payment,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-payment {
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid #414c57; }
@media screen and (max-width: 480px) {
.m-boost--creator .m-boost--creator-payment {
position: static;
margin: 0;
min-width: 0;
max-width: initial; } }
.m-boost--creator .m-boost--creator-payment .mdl-card {
background: transparent; }
.m-boost--creator .m-boost--creator-payment .m-boost--creator-payment-attached {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
padding: 50px; }
.m-boost--creator .m-boost--creator-payment .m-boost--creator-payment-attached i {
font-size: 90px;
cursor: default; }
.m-boost--creator .m-boost--creator-payment .m-boost--creator-payment-attached span {
padding: 16px 0;
text-transform: uppercase;
letter-spacing: 2px;
cursor: default; }
.m-boost--creator .m-boost--creator-payment .m-boost--creator-payment-attached span b {
cursor: pointer; }
body.m-theme__light .m-boost--creator .m-boost--creator-payment .m-payments--saved-card-item,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-payment .m-payments--saved-card-item {
background-color: rgba(0, 0, 0, 0.15);
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-boost--creator .m-boost--creator-payment .m-payments--saved-card-item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-payment .m-payments--saved-card-item {
background-color: rgba(255, 255, 255, 0.15);
border: 1px solid #414c57; }
.m-boost--creator .m-boost--creator-payment input {
padding: 12px;
border: 0;
border-radius: 3px; }
body.m-theme__light .m-boost--creator .m-boost--creator-payment input,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-payment input {
background-color: rgba(0, 0, 0, 0.15);
color: #fff; }
body.m-theme__dark .m-boost--creator .m-boost--creator-payment input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-payment input {
background-color: rgba(255, 255, 255, 0.15);
color: #202527; }
.m-boost--creator .m-boost--creator-payment select {
padding: 12px;
border: 0;
border-radius: 3px; }
body.m-theme__light .m-boost--creator .m-boost--creator-payment select,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-payment select {
background-color: rgba(0, 0, 0, 0.15);
color: #fff; }
body.m-theme__dark .m-boost--creator .m-boost--creator-payment select,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-payment select {
background-color: rgba(255, 255, 255, 0.15);
color: #202527; }
.m-boost--creator .m-boost--creator-payment label {
padding: 8px 12px; }
body.m-theme__light .m-boost--creator .m-boost--creator-payment label,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-payment label {
color: #fff; }
body.m-theme__dark .m-boost--creator .m-boost--creator-payment label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-payment label {
color: #202527; }
.m-boost--creator .m-boost--creator-payment .is-focused,
.m-boost--creator .m-boost--creator-payment .is-dirty {
border: 0; }
.m-boost--creator .m-boost--creator-payment .is-focused label,
.m-boost--creator .m-boost--creator-payment .is-dirty label {
border: 0;
top: -8px;
left: -8px; }
body.m-theme__light .m-boost--creator .m-boost--creator-payment .is-focused label,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-payment .is-focused label, body.m-theme__light
.m-boost--creator .m-boost--creator-payment .is-dirty label,
body .m-theme--wrapper.m-theme--wrapper__light
.m-boost--creator .m-boost--creator-payment .is-dirty label {
color: #fff; }
body.m-theme__dark .m-boost--creator .m-boost--creator-payment .is-focused label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-payment .is-focused label, body.m-theme__dark
.m-boost--creator .m-boost--creator-payment .is-dirty label,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-boost--creator .m-boost--creator-payment .is-dirty label {
color: #202527; }
.m-boost--creator .m-boost--creator-payment .is-focused label::after,
.m-boost--creator .m-boost--creator-payment .is-dirty label::after {
border: 0;
background-color: transparent; }
.m-boost--creator .m-boost--creator-payment .minds-purchase-vendors {
margin-bottom: 16px !important; }
body.m-theme__light .m-boost--creator .m-boost--creator-payment .minds-purchase-vendors,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-payment .minds-purchase-vendors {
color: #fff; }
body.m-theme__dark .m-boost--creator .m-boost--creator-payment .minds-purchase-vendors,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-payment .minds-purchase-vendors {
color: #202527; }
.m-boost--creator .m-boost--creator-payment .m-purchase-card--highlight {
font-weight: bold; }
body.m-theme__light .m-boost--creator .m-boost--creator-payment .m-checkout--secure,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator .m-boost--creator-payment .m-checkout--secure {
color: rgba(0, 0, 0, 0.8); }
body.m-theme__dark .m-boost--creator .m-boost--creator-payment .m-checkout--secure,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator .m-boost--creator-payment .m-checkout--secure {
color: rgba(255, 255, 255, 0.8); }
.m-boost--creator .minds-purchase-card > .mdl-grid {
justify-content: space-between; }
.m-boost--creator .m-checkout-confirm {
padding-left: 0 !important; }
.m-boost--creator .m-payments-saved .m-payments-saved--item {
text-transform: uppercase;
font-weight: 400;
padding: 4px;
padding-left: 16px; }
.m-boost--creator .m-payments-saved .m-payments-saved--item:hover, .m-boost--creator .m-payments-saved .m-payments-saved--item:focus {
font-weight: 400; }
.m-boost--creator-selector {
display: flex;
margin: 0;
padding: 0;
list-style: none; }
.m-boost--creator-selector > li {
padding: 8px 24px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.m-boost--creator-selector > li:first-child {
padding-left: 0; }
.m-boost--creator-selector > li:last-child {
padding-right: 0; }
.m-boost--creator-selector > li:not(.m-boost--creator-selector--highlight) > i,
.m-boost--creator-selector > li:not(.m-boost--creator-selector--highlight) h5 > span,
.m-boost--creator-selector > li:not(.m-boost--creator-selector--highlight) .m-boost--creator-selector--hoverable,
.m-boost--creator-selector > li:not(.m-boost--creator-selector--highlight) .material-icons {
opacity: 0.5; }
.m-boost--creator-selector > li .m-boost--creator-selector--selected-label {
visibility: hidden; }
.m-boost--creator-selector.m-boost--creator-selector--has-selection > li.m-boost--creator-selector--highlight .m-boost--creator-selector--cta {
visibility: hidden;
height: 0; }
.m-boost--creator-selector.m-boost--creator-selector--has-selection > li.m-boost--creator-selector--highlight .m-boost--creator-selector--selected-label {
visibility: visible; }
.m-boost--creator-toggle {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.m-boost--creator-toggle > span,
.m-boost--creator-toggle > img {
vertical-align: middle; }
.m-boost--creator-toggle.m-boost--creator-toggle--disabled {
cursor: default;
opacity: 0.35; }
.m-boost--creator-toggle .m-boost--creator-toggle--select {
display: inline-block; }
.m-boost--creator-toggle .m-boost--creator-toggle--selected {
display: none; }
.m-boost--creator-toggle.m-boost--creator-toggle--highlight .m-boost--creator-toggle--select {
display: none; }
.m-boost--creator-toggle.m-boost--creator-toggle--highlight .m-boost--creator-toggle--selected {
display: inline-block; }
.m-boost--creator-clickable {
display: inline-block;
opacity: 0.65;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.m-boost--creator-clickable.m-boost--creator-clickable--highlight {
opacity: 1; }
.m-boost--creator-modal minds-payments-stripe-checkout minds-checkout-card-input {
display: block;
max-width: 768px; }
.m-boost--creator-modal minds-payments-stripe-checkout .mdl-card,
.m-boost--creator-modal minds-payments-stripe-checkout .mdl-card__supporting-text {
background: transparent;
color: inherit; }
.m-boost--creator-modal minds-payments-stripe-checkout .minds-purchase-card > .mdl-card__supporting-text {
width: 100%;
padding: 0 !important; }
body.m-theme__light .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__label {
color: rgba(0, 0, 0, 0.46); }
body.m-theme__dark .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__label {
color: rgba(255, 255, 255, 0.46); }
body.m-theme__light .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__label:after,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__label:after {
background-color: #ffffff; }
body.m-theme__dark .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__label:after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__label:after {
background-color: #242a30; }
.m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__input {
font-family: inherit;
font-weight: inherit; }
body.m-theme__light .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__input {
border-bottom: 1px solid rgba(0, 0, 0, 0.32);
color: #fff; }
body.m-theme__dark .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield__input {
border-bottom: 1px solid rgba(255, 255, 255, 0.32);
color: #202527; }
body.m-theme__light .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield--floating-label.is-focused .mdl-textfield__label, body.m-theme__light .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, body.m-theme__light .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
color: #fff; }
body.m-theme__dark .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield--floating-label.is-focused .mdl-textfield__label, body.m-theme__dark .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, body.m-theme__dark .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-modal minds-payments-stripe-checkout .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
color: #202527; }
.m-boost--creator-modal minds-payments-stripe-checkout .minds-purchase-vendors > span {
opacity: 0.35; }
.m-boost--creator-modal minds-payments-stripe-checkout .minds-purchase-vendors > span.m-purchase-card--highlight {
opacity: 1; }
.m-boost--creator-modal minds-payments-stripe-checkout select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border-radius: 0; }
body.m-theme__light .m-boost--creator-modal minds-payments-stripe-checkout select,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-modal minds-payments-stripe-checkout select {
color: #fff;
border: 1px solid #fff; }
body.m-theme__dark .m-boost--creator-modal minds-payments-stripe-checkout select,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-modal minds-payments-stripe-checkout select {
color: #202527;
border: 1px solid #202527; }
body.m-theme__light .m-boost--creator-modal minds-payments-stripe-checkout select:focus,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-modal minds-payments-stripe-checkout select:focus {
outline: 2px solid #fff; }
body.m-theme__dark .m-boost--creator-modal minds-payments-stripe-checkout select:focus,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-modal minds-payments-stripe-checkout select:focus {
outline: 2px solid #202527; }
.m-boost--creator-modal minds-payments-stripe-checkout .m-checkout-loading {
text-align: center; }
.m-boost--creator-modal minds-payments-stripe-checkout .m-checkout-loading p {
margin-top: 8px; }
.m-boost--creator-modal minds-payments-stripe-checkout .m-payments-saved {
list-style: none;
margin: 0 0 16px 0;
padding: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
body.m-theme__light .m-boost--creator-modal minds-payments-stripe-checkout .m-payments-saved .m-payments-saved--item:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-modal minds-payments-stripe-checkout .m-payments-saved .m-payments-saved--item:hover, body.m-theme__light .m-boost--creator-modal minds-payments-stripe-checkout .m-payments-saved .m-payments-saved--item:focus,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-modal minds-payments-stripe-checkout .m-payments-saved .m-payments-saved--item:focus {
color: #000;
background-color: #ffffff; }
body.m-theme__dark .m-boost--creator-modal minds-payments-stripe-checkout .m-payments-saved .m-payments-saved--item:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-modal minds-payments-stripe-checkout .m-payments-saved .m-payments-saved--item:hover, body.m-theme__dark .m-boost--creator-modal minds-payments-stripe-checkout .m-payments-saved .m-payments-saved--item:focus,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-modal minds-payments-stripe-checkout .m-payments-saved .m-payments-saved--item:focus {
color: #fff;
background-color: #242a30; }
m-boost--creator-payment-methods {
display: block; }
body.m-theme__light .m-boost--creator-selector--hoverable,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-selector--hoverable {
border-bottom: 1px dotted rgba(0, 0, 0, 0.25); }
body.m-theme__dark .m-boost--creator-selector--hoverable,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-selector--hoverable {
border-bottom: 1px dotted rgba(255, 255, 255, 0.25); }
.m-boost--creator-wide-input--cost {
display: flex;
align-items: center;
margin-top: 8px; }
.m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-label-value {
min-width: 180px;
display: inline-flex;
align-items: center; }
.m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-label {
flex-grow: 1;
flex-basis: 0;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.5px; }
.m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-value {
flex-grow: 1;
flex-basis: 0;
border-radius: 4px;
font-weight: bold;
text-align: right; }
body.m-theme__light .m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-value,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-value {
background-color: rgba(0, 0, 0, 0.1); }
body.m-theme__dark .m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-value,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-value {
background-color: rgba(255, 255, 255, 0.1); }
.m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-value > span {
margin: 0 16px; }
.m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-currency {
margin-left: 1em;
font-weight: bold;
letter-spacing: 0.5px; }
body.m-theme__light .m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-currency,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-currency {
color: #999; }
body.m-theme__dark .m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-currency,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost--creator-wide-input--cost .m-boost--creator-wide-input--cost-currency {
color: #626262; }
m-boost--creator-p2p-search .m-boost--creator-wide-input {
font-size: 32px;
width: 60%;
max-width: 100%; }
@media screen and (max-width: 480px) {
m-boost--creator-p2p-search .m-boost--creator-wide-input {
width: 70%; } }
m-boost--creator-p2p-search .m-boost--creator-wide-input .m-boost--creator-wide-input--edit.m-boost--creator--target {
max-width: initial !important; }
m-boost--creator-payment-methods .m-boost--creator--payment-method--icon {
font-size: 42px;
display: block; }
m-boost--creator-payment-methods h5 {
margin: 8px 0 2px !important;
font-size: 14px;
font-weight: 400; }
m-boost--creator-payment-methods h5 > * {
vertical-align: middle; }
m-boost--creator-payment-methods h5 .m-tooltip .material-icons {
font-size: 16px;
line-height: 1.1; }
m-boost--creator-payment-methods h5 > span {
font-weight: bold !important;
font-size: 18px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
m-boost--creator-payment-methods li.m-boost--creator-selector--small {
padding: 0 8px;
flex-basis: 0;
flex-grow: 1; }
m-boost--creator-payment-methods li.m-boost--creator-selector--small:first-child {
padding-left: 0; }
m-boost--creator-payment-methods li.m-boost--creator-selector--small:last-child {
padding-right: 0; }
.m-boostCreatorSelector__bullets {
padding-left: 16px;
list-style: disc; }
.m-boostCreatorSelector__bullets li {
font-size: 10px;
line-height: 16px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
body.m-theme__light .m-captcha__container .m-captcha__header,
body .m-theme--wrapper.m-theme--wrapper__light .m-captcha__container .m-captcha__header {
color: #43434d; }
body.m-theme__dark .m-captcha__container .m-captcha__header,
body .m-theme--wrapper.m-theme--wrapper__dark .m-captcha__container .m-captcha__header {
color: #ffffff; }
.m-captcha__container .m-captcha__body m-captcha input {
display: block;
width: 250px;
margin: 20px 0; }
.m-captcha__container .m-captcha__body .m-captcha__submitButtonContainer {
display: flex;
flex-direction: row;
justify-content: flex-end; }
.m-captcha__container .m-captcha__body .m-captcha__submitButtonContainer .m-captcha__submitButton {
padding: 10px 20px;
font-size: 15px;
cursor: pointer; }
.m-captcha--modal-wrapper {
width: 600px !important;
max-width: 100% !important; }
m-captcha {
display: block; }
m-captcha img {
margin-bottom: 8px; }
body.m-theme__light m-captcha .m-input,
body .m-theme--wrapper.m-theme--wrapper__light m-captcha .m-input {
background-color: #ffffff !important; }
body.m-theme__dark m-captcha .m-input,
body .m-theme--wrapper.m-theme--wrapper__dark m-captcha .m-input {
background-color: #242a30 !important; }
m-captcha .m-input::-moz-placeholder {
font-weight: 400 !important;
font-size: 14px !important; }
m-captcha .m-input:-ms-input-placeholder {
font-weight: 400 !important;
font-size: 14px !important; }
m-captcha .m-input::placeholder {
font-weight: 400 !important;
font-size: 14px !important; }
body.m-theme__light m-captcha .m-input::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light m-captcha .m-input::-moz-placeholder {
color: #72727c; }
body.m-theme__light m-captcha .m-input:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light m-captcha .m-input:-ms-input-placeholder {
color: #72727c; }
body.m-theme__light m-captcha .m-input::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light m-captcha .m-input::placeholder {
color: #72727c; }
body.m-theme__dark m-captcha .m-input::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark m-captcha .m-input::-moz-placeholder {
color: #b8c1ca; }
body.m-theme__dark m-captcha .m-input:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark m-captcha .m-input:-ms-input-placeholder {
color: #b8c1ca; }
body.m-theme__dark m-captcha .m-input::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark m-captcha .m-input::placeholder {
color: #b8c1ca; }
.m-captcha__refresh {
cursor: pointer;
position: absolute; }
m-channel-container {
display: contents; }
m-channel-container .m-channel-container--loader {
padding-top: 48px;
text-align: center; }
.m-theme__2020 .m-channel__about [class*='m-pageLayout__pane'] {
padding: 20px 40px; }
@media screen and (max-width: 1040px) {
.m-theme__2020 .m-channel__about [class*='m-pageLayout__pane'] {
padding: 20px; } }
.m-channel__about .m-channelAbout__narrowExtraInfo m-channelAbout__extraInfo {
display: none; }
@media screen and (max-width: 1040px) {
.m-channel__about .m-channelAbout__narrowExtraInfo m-channelAbout__extraInfo {
display: flex; } }
.m-channel__about .m-channelAbout__container {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap; }
.m-channel__about .m-channelAbout__container .m-channelAbout__field {
width: 100%;
margin: 0 0 20px; }
.m-channel__about .m-channelAbout__container .m-channelAboutField__label {
font-size: 15px;
line-height: 20px;
margin: 0 0 2px; }
body.m-theme__light .m-channel__about .m-channelAbout__container .m-channelAboutField__label,
body .m-theme--wrapper.m-theme--wrapper__light .m-channel__about .m-channelAbout__container .m-channelAboutField__label {
color: #72727c; }
body.m-theme__dark .m-channel__about .m-channelAbout__container .m-channelAboutField__label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channel__about .m-channelAbout__container .m-channelAboutField__label {
color: #b8c1ca; }
.m-channel__about .m-channelAbout__container .m-channelAboutField__label.m-channelAboutField__label--subs {
cursor: pointer; }
.m-channel__about .m-channelAbout__container .m-channelAboutField__content {
font-size: 15px;
line-height: 20px; }
body.m-theme__light .m-channel__about .m-channelAbout__container .m-channelAboutField__content,
body .m-theme--wrapper.m-theme--wrapper__light .m-channel__about .m-channelAbout__container .m-channelAboutField__content {
color: #43434d; }
body.m-theme__dark .m-channel__about .m-channelAbout__container .m-channelAboutField__content,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channel__about .m-channelAbout__container .m-channelAboutField__content {
color: #ffffff; }
.m-channel__about .m-channelAbout__container .m-channelAboutField__content.m-channelAboutField__content--preserveBlanks {
white-space: pre-line;
word-break: break-word; }
.m-channel__about .m-channelAbout__container .m-channelAboutField__content a {
font: inherit !important;
color: inherit !important;
text-decoration: inherit !important; }
.m-channel__about .m-channelAbout__container .m-channelAboutFieldContent__hashtag {
margin-right: 10px; }
.m-channel__about .m-channelAbout__container .m-channel--badges i.material-icons {
padding: 0 15px 0 0;
font-size: 15px; }
m-channelAbout__brief {
display: block; }
.m-channelAbout__brief .m-channelAboutBrief__spacer {
height: 20px; }
.m-channelAbout__brief .m-channelAboutBrief__stats {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between; }
.m-channelAbout__brief .m-channelAboutBriefStatsItem__label {
display: block;
font-size: 13px;
line-height: 20px; }
body.m-theme__light .m-channelAbout__brief .m-channelAboutBriefStatsItem__label,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelAbout__brief .m-channelAboutBriefStatsItem__label {
color: #72727c; }
body.m-theme__dark .m-channelAbout__brief .m-channelAboutBriefStatsItem__label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelAbout__brief .m-channelAboutBriefStatsItem__label {
color: #b8c1ca; }
.m-channelAbout__brief .m-channelAboutBriefStatsItem__value {
display: block;
font-size: 18px;
line-height: 30px;
text-decoration: none;
font-weight: inherit; }
body.m-theme__light .m-channelAbout__brief .m-channelAboutBriefStatsItem__value,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelAbout__brief .m-channelAboutBriefStatsItem__value {
color: #43434d; }
body.m-theme__dark .m-channelAbout__brief .m-channelAboutBriefStatsItem__value,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelAbout__brief .m-channelAboutBriefStatsItem__value {
color: #ffffff; }
@media screen and (max-width: 1040px) {
.m-channelAbout__brief .m-channelAboutBrief__stats {
justify-content: flex-start;
flex-wrap: wrap; }
.m-channelAbout__brief .m-channelAboutBriefStats__item::after {
content: ' \00b7\ ';
white-space: pre; }
.m-channelAbout__brief .m-channelAboutBriefStats__item:last-child::after {
content: ''; }
.m-channelAbout__brief .m-channelAboutBriefStats__item > * + * {
margin-left: 0.35em; }
.m-channelAbout__brief .m-channelAboutBriefStats__item.m-channelAboutBriefStats__item--subs span {
cursor: pointer; }
.m-channelAbout__brief .m-channelAboutBriefStatsItem__label,
.m-channelAbout__brief .m-channelAboutBriefStatsItem__value {
display: inline-block; } }
.m-channelAbout__brief .m-channelAboutBrief__location {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start; }
body.m-theme__light .m-channelAbout__brief .m-channelAboutBrief__location,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelAbout__brief .m-channelAboutBrief__location {
color: #43434d; }
body.m-theme__dark .m-channelAbout__brief .m-channelAboutBrief__location,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelAbout__brief .m-channelAboutBrief__location {
color: #ffffff; }
.m-channelAbout__brief .m-channelAboutBrief__location > * + * {
margin-left: 10px; }
.m-channelAbout__brief .m-channelAboutBrief__bio {
font-size: 14px;
line-height: 19px; }
body.m-theme__light .m-channelAbout__brief .m-channelAboutBrief__bio,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelAbout__brief .m-channelAboutBrief__bio {
color: #72727c; }
body.m-theme__dark .m-channelAbout__brief .m-channelAboutBrief__bio,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelAbout__brief .m-channelAboutBrief__bio {
color: #b8c1ca; }
.m-channelAbout__brief .m-channelAboutBriefBio__content {
white-space: pre-line;
word-break: break-word;
max-width: 100%;
max-height: 70vh;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none; }
.m-channelAbout__brief .m-channelAboutBriefBio__content::-webkit-scrollbar {
display: none; }
body.m-theme__light .m-channelAbout__brief .m-channelAboutBriefBio__readMore,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelAbout__brief .m-channelAboutBriefBio__readMore {
position: absolute;
bottom: 0;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-end;
cursor: pointer;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%);
transform: translateZ(0) translateY(1px);
font-size: 15px;
height: 70px;
justify-content: flex-start; }
body.m-theme__dark .m-channelAbout__brief .m-channelAboutBriefBio__readMore,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelAbout__brief .m-channelAboutBriefBio__readMore {
position: absolute;
bottom: 0;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-end;
cursor: pointer;
background: linear-gradient(to bottom, rgba(36, 42, 48, 0) 0%, #242a30 50%);
transform: translateZ(0) translateY(1px);
font-size: 15px;
height: 70px;
justify-content: flex-start; }
m-channelAbout__extraInfo {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap; }
m-channelAbout__extraInfo .m-channelAbout__field {
width: 100%;
margin: 0 0 20px; }
m-channelAbout__extraInfo .m-channelAboutField__label {
font-size: 15px;
line-height: 20px;
margin: 0 0 2px; }
body.m-theme__light m-channelAbout__extraInfo .m-channelAboutField__label,
body .m-theme--wrapper.m-theme--wrapper__light m-channelAbout__extraInfo .m-channelAboutField__label {
color: #72727c; }
body.m-theme__dark m-channelAbout__extraInfo .m-channelAboutField__label,
body .m-theme--wrapper.m-theme--wrapper__dark m-channelAbout__extraInfo .m-channelAboutField__label {
color: #b8c1ca; }
m-channelAbout__extraInfo .m-channelAboutField__content {
font-size: 15px;
line-height: 20px; }
body.m-theme__light m-channelAbout__extraInfo .m-channelAboutField__content,
body .m-theme--wrapper.m-theme--wrapper__light m-channelAbout__extraInfo .m-channelAboutField__content {
color: #43434d; }
body.m-theme__dark m-channelAbout__extraInfo .m-channelAboutField__content,
body .m-theme--wrapper.m-theme--wrapper__dark m-channelAbout__extraInfo .m-channelAboutField__content {
color: #ffffff; }
m-channelAbout__extraInfo .m-channelAboutField__content.m-channelAboutField__content--preserveBlanks {
white-space: pre-line;
word-break: break-word; }
m-channelAbout__extraInfo .m-channelAboutField__content a {
font: inherit !important;
color: inherit !important;
text-decoration: inherit !important; }
m-channelAbout__extraInfo .m-channel--badges i.material-icons {
padding: 0 10px 0 0;
font-size: 15px;
line-height: 20px; }
.m-channel__actions {
position: absolute;
top: 0;
right: 0;
padding: 20px 20px 0 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-size: 14px; }
@media screen and (max-width: 480px) {
.m-channel__actions {
padding: 10px 20px 0 0; } }
.m-channel__actions > * {
margin-left: 15px; }
.m-channel__actions > *:first-child {
margin-left: 0; }
@media screen and (min-width: 481px) {
m-channelActions__menu .m-dropdownMenu__menu {
top: calc( 100% + 10px);
right: 10px; } }
m-channelActions__menu m-nsfw-selector {
border: 0;
width: 100%;
padding: 0; }
m-channelActions__menu m-nsfw-selector .m-nsfwSelector__label m-tooltip {
display: none; }
m-channelActions__menu m-modal .mdl-card__supporting-text {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text; }
m-channel__content {
display: block; }
m-channel__content.m-channelContent--nsfw {
position: absolute;
top: 0;
bottom: 0;
width: 100%; }
m-channel__content.m-channelContent--nsfw .m-channelContent--unavailable {
margin-top: 0;
padding-top: 1px; }
body.m-theme__light m-channel__content.m-channelContent--nsfw .m-channelContent--unavailable,
body .m-theme--wrapper.m-theme--wrapper__light m-channel__content.m-channelContent--nsfw .m-channelContent--unavailable {
border-top: none;
background-color: #ffffff; }
body.m-theme__dark m-channel__content.m-channelContent--nsfw .m-channelContent--unavailable,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel__content.m-channelContent--nsfw .m-channelContent--unavailable {
border-top: none;
background-color: #242a30; }
m-channel__content .m-channelContent--unavailable {
margin: 5% 0 0;
height: 100%; }
body.m-theme__light m-channel__content .m-channelContent--unavailable,
body .m-theme--wrapper.m-theme--wrapper__light m-channel__content .m-channelContent--unavailable {
border-top: 1px solid #d3dbe3; }
body.m-theme__dark m-channel__content .m-channelContent--unavailable,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel__content .m-channelContent--unavailable {
border-top: 1px solid #414c57; }
m-channel__content .m-channelContent__loading {
text-align: center; }
m-channel__content .m-channelContent__wrapper {
display: flex;
flex-direction: column;
align-items: center;
margin: 10% auto; }
@media screen and (max-width: 480px) {
m-channel__content .m-channelContent__wrapper {
margin: 10% 20px; } }
m-channel__content .m-channelContent__wrapper .m-channelContent__icon {
font-size: 42px; }
m-channel__content .m-channelContent__wrapper .m-channelContent__primaryText {
font-size: 18px;
text-align: center;
font-weight: bold; }
m-channel__content .m-channelContent__wrapper .m-channelContent__secondaryText {
font-size: 12px;
text-align: center;
font-weight: normal; }
body.m-theme__light m-channel__content .m-channelContent__wrapper .m-channelContent__secondaryText a,
body .m-theme--wrapper.m-theme--wrapper__light m-channel__content .m-channelContent__wrapper .m-channelContent__secondaryText a {
color: #1b85d6 !important; }
body.m-theme__dark m-channel__content .m-channelContent__wrapper .m-channelContent__secondaryText a,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel__content .m-channelContent__wrapper .m-channelContent__secondaryText a {
color: #1b85d6 !important; }
.m-channelEdit__imagery {
position: relative;
height: 148px;
margin: 0 -50px;
background: none no-repeat center center rgba(0, 0, 0, 0.1);
background-size: cover; }
@media screen and (max-width: 480px) {
.m-channelEdit__imagery {
margin: 0 -20px; } }
.m-channelEditImagery__avatar {
position: absolute;
top: 50%;
left: 50px;
transform: translate(0, -50%);
width: 80px;
height: 80px;
border-radius: 50%;
background: none no-repeat center center rgba(0, 0, 0, 0.1);
background-size: cover; }
@media screen and (max-width: 480px) {
.m-channelEditImagery__avatar {
left: 20px;
width: 60px;
height: 60px; } }
.m-channelEditImagery__uploadTrigger {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
cursor: pointer; }
body.m-theme__light .m-channelEditImagery__uploadTrigger,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelEditImagery__uploadTrigger {
color: #43434d;
background-color: rgba(255, 255, 255, 0.6); }
body.m-theme__dark .m-channelEditImagery__uploadTrigger,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelEditImagery__uploadTrigger {
color: #ffffff;
background-color: rgba(36, 42, 48, 0.6); }
.m-channelEditImagery__uploadTrigger > m-icon {
font-size: 17px; }
.m-channelEditImagery__uploadTrigger > input[type='file'] {
position: absolute;
top: -1px;
left: -1px;
width: 1px;
height: 1px;
opacity: 0.01; }
.m-channelEditImagery__uploadBanner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.m-channelEditImagery__uploadAvatar {
position: absolute;
bottom: 50px;
left: 50px; }
@media screen and (max-width: 480px) {
.m-channelEditImagery__uploadAvatar {
bottom: 35px;
left: 35px; } }
.m-channelEdit__bioInput {
width: 100%; }
@media screen and (max-width: 480px) {
m-channel__edit {
width: 100%; } }
.m-modalV2__inner.m-channel__edit {
width: 710px;
max-width: 710px; }
@media screen and (max-width: 480px) {
.m-modalV2__inner.m-channel__edit {
margin: 0;
padding: 0;
width: 100%;
height: 100vh;
border-radius: 0; } }
.m-channel__edit {
padding: 0 0 80px; }
@media screen and (max-width: 480px) {
.m-channel__edit {
padding: 0 0 20px; } }
.m-channel__edit .m-channelEdit__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 40px 50px 30px; }
@media screen and (max-width: 480px) {
.m-channel__edit .m-channelEdit__header {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 20px; } }
.m-channel__edit .m-channelEdit__header a {
font-size: 15px;
line-height: 20px;
text-decoration: none; }
body.m-theme__light .m-channel__edit .m-channelEdit__header a,
body .m-theme--wrapper.m-theme--wrapper__light .m-channel__edit .m-channelEdit__header a {
color: #43434d; }
body.m-theme__dark .m-channel__edit .m-channelEdit__header a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channel__edit .m-channelEdit__header a {
color: #ffffff; }
body.m-theme__light .m-channel__edit .m-channelEdit__header a span,
body .m-theme--wrapper.m-theme--wrapper__light .m-channel__edit .m-channelEdit__header a span {
color: #72727c; }
body.m-theme__dark .m-channel__edit .m-channelEdit__header a span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channel__edit .m-channelEdit__header a span {
color: #b8c1ca; }
.m-channel__edit .m-channelEdit__content {
flex: 1; }
.m-channel__edit .m-accordionPane__content > * + *,
.m-channel__edit .m-accordionPane__innerContentContainer > * + * {
margin-top: 20px; }
.m-channel__edit .m-channelEdit__innerField {
margin-top: 15px; }
.m-channel__edit .m-channelEdit__buttonsContainer {
margin-bottom: 0 !important; }
.m-channel__edit .m-form__row--input {
width: 65%; }
@media screen and (max-width: 480px) {
.m-channel__edit .m-form__row--input {
width: 100%; } }
.m-channel__edit .m-form__row--input input[type='text'],
.m-channel__edit .m-form__row--input input[type='number'],
.m-channel__edit .m-form__row--input input[type='password'],
.m-channel__edit .m-form__row--input input[type='email'],
.m-channel__edit .m-form__row--input textarea,
.m-channel__edit .m-form__row--input select {
width: 100%; }
@media screen and (max-width: 480px) {
.m-channel__edit .m-form__row--input m-date__dropdowns {
width: 100%;
flex-direction: column; }
.m-channel__edit .m-form__row--input m-date__dropdowns .m-dateDropdowns__selectWrapper {
max-width: none;
width: 100%;
margin-bottom: 10px; }
.m-channel__edit .m-form__row--input m-date__dropdowns .m-dateDropdowns__selectWrapper:last-child {
margin-bottom: 0; } }
.m-channelEdit__hashtagInput > * + * {
margin-left: 10px; }
.m-channelEdit__hashtagInput m-hashtags__typeaheadInput {
flex: 1; }
.m-channelEdit__hashtagList {
list-style: none;
margin: 0;
padding: 0; }
.m-channelEdit__hashtagList .m-channelEditHashtagList__item {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 10px 14px 0;
padding: 5px 5px 5px 15px;
border: 1px solid;
border-radius: 19px;
font-size: 14px;
line-height: 19px; }
.m-channelEdit__hashtagList .m-channelEditHashtagList__item:last-child {
margin-right: 0; }
body.m-theme__light .m-channelEdit__hashtagList .m-channelEditHashtagList__item,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelEdit__hashtagList .m-channelEditHashtagList__item {
color: #43434d;
border-color: #ffffff;
background: #ffffff; }
body.m-theme__dark .m-channelEdit__hashtagList .m-channelEditHashtagList__item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelEdit__hashtagList .m-channelEditHashtagList__item {
color: #ffffff;
border-color: #242a30;
background: #242a30; }
.m-channelEdit__hashtagList .m-channelEditHashtagList__item .m-channelEditHashtagListItem__remove {
padding: 0 3px;
cursor: pointer; }
body.m-theme__light .m-channelEdit__hashtagList .m-channelEditHashtagList__item .m-channelEditHashtagListItem__remove,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelEdit__hashtagList .m-channelEditHashtagList__item .m-channelEditHashtagListItem__remove {
color: rgba(67, 67, 77, 0.85); }
body.m-theme__dark .m-channelEdit__hashtagList .m-channelEditHashtagList__item .m-channelEditHashtagListItem__remove,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelEdit__hashtagList .m-channelEditHashtagList__item .m-channelEditHashtagListItem__remove {
color: rgba(255, 255, 255, 0.85); }
m-channelEdit__info m-channel__locationTypeahead {
width: 100%; }
.m-channelEdit__socialLinkInput > * + * {
margin-left: 10px; }
.m-channelEdit__socialLinkInput input {
flex: 1; }
.m-channelEdit__socialLinkList {
list-style: none;
margin: 0;
padding: 0;
width: 65%; }
@media screen and (max-width: 480px) {
.m-channelEdit__socialLinkList {
width: 100%; } }
.m-channelEdit__socialLinkList .m-channelEditSocialLinkList__item {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 10px 14px 0;
padding: 5px 5px 5px 15px;
border: 1px solid;
border-radius: 19px;
font-size: 14px;
line-height: 19px;
word-break: break-all; }
.m-channelEdit__socialLinkList .m-channelEditSocialLinkList__item:last-child {
margin-right: 0; }
body.m-theme__light .m-channelEdit__socialLinkList .m-channelEditSocialLinkList__item,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelEdit__socialLinkList .m-channelEditSocialLinkList__item {
color: #43434d;
border-color: #ffffff;
background: #ffffff; }
body.m-theme__dark .m-channelEdit__socialLinkList .m-channelEditSocialLinkList__item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelEdit__socialLinkList .m-channelEditSocialLinkList__item {
color: #ffffff;
border-color: #242a30;
background: #242a30; }
.m-channelEdit__socialLinkList .m-channelEditSocialLinkList__item .m-channelEditSocialLinkListItem__remove {
padding: 0 3px;
cursor: pointer; }
body.m-theme__light .m-channelEdit__socialLinkList .m-channelEditSocialLinkList__item .m-channelEditSocialLinkListItem__remove,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelEdit__socialLinkList .m-channelEditSocialLinkList__item .m-channelEditSocialLinkListItem__remove {
color: rgba(67, 67, 77, 0.85); }
body.m-theme__dark .m-channelEdit__socialLinkList .m-channelEditSocialLinkList__item .m-channelEditSocialLinkListItem__remove,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelEdit__socialLinkList .m-channelEditSocialLinkList__item .m-channelEditSocialLinkListItem__remove {
color: rgba(255, 255, 255, 0.85); }
.m-channelHeader__banner {
position: relative;
width: 100%;
height: 300px;
margin: 0 0 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
@media screen and (max-width: 480px) {
.m-channelHeader__banner {
height: 140px; } }
.m-channelHeader__banner .m-channelHeaderBanner__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: none no-repeat center center;
background-size: cover; }
body.m-theme__light .m-channelHeader__banner .m-channelHeaderBanner__background,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelHeader__banner .m-channelHeaderBanner__background {
background-color: #ffffff; }
body.m-theme__dark .m-channelHeader__banner .m-channelHeaderBanner__background,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelHeader__banner .m-channelHeaderBanner__background {
background-color: #242a30; }
.m-channelHeader__banner .m-channelHeaderBanner__avatar .minds-avatar {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 18px);
width: 132px;
height: 132px;
margin: 0;
background: none no-repeat center center transparent;
background-size: cover;
border: 3px solid;
border-radius: 50%; }
@media screen and (max-width: 480px) {
.m-channelHeader__banner .m-channelHeaderBanner__avatar .minds-avatar {
width: 100px;
height: 100px;
transform: translate(-50%, 27px); } }
body.m-theme__light .m-channelHeader__banner .m-channelHeaderBanner__avatar .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelHeader__banner .m-channelHeaderBanner__avatar .minds-avatar {
background-color: #ffffff;
border-color: #ffffff; }
body.m-theme__dark .m-channelHeader__banner .m-channelHeaderBanner__avatar .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelHeader__banner .m-channelHeaderBanner__avatar .minds-avatar {
background-color: #242a30;
border-color: #242a30; }
body.m-theme__light .m-channelHeader__banner .m-channelHeaderBanner__avatar .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelHeader__banner .m-channelHeaderBanner__avatar .minds-avatar {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); }
body.m-theme__dark .m-channelHeader__banner .m-channelHeaderBanner__avatar .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelHeader__banner .m-channelHeaderBanner__avatar .minds-avatar {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.m-channelHeader__info {
padding: 10px 0 0; }
.m-channelHeader__info .m-channelHeaderInfo__name {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
font-size: 22px;
line-height: 30px;
font-weight: bold; }
body.m-theme__light .m-channelHeader__info .m-channelHeaderInfo__name,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelHeader__info .m-channelHeaderInfo__name {
color: #43434d; }
body.m-theme__dark .m-channelHeader__info .m-channelHeaderInfo__name,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelHeader__info .m-channelHeaderInfo__name {
color: #ffffff; }
.m-channelHeader__info .m-channelHeaderInfo__name m-icon {
font-weight: normal;
margin: 0 7px 0 0; }
body.m-theme__light .m-channelHeader__info .m-channelHeaderInfo__name m-icon,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelHeader__info .m-channelHeaderInfo__name m-icon {
color: #95c064; }
body.m-theme__dark .m-channelHeader__info .m-channelHeaderInfo__name m-icon,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelHeader__info .m-channelHeaderInfo__name m-icon {
color: #95c064; }
.m-channelHeader__info .m-channelHeaderInfoName__badges i.material-icons {
font-size: 18px; }
.m-channelHeader__info .m-channelHeaderInfo__username {
padding: 0;
margin: 0;
text-align: center;
font-size: 16px;
line-height: 21px;
font-weight: normal;
display: block; }
body.m-theme__light .m-channelHeader__info .m-channelHeaderInfo__username,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelHeader__info .m-channelHeaderInfo__username {
color: #72727c; }
body.m-theme__dark .m-channelHeader__info .m-channelHeaderInfo__username,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelHeader__info .m-channelHeaderInfo__username {
color: #b8c1ca; }
.m-channelHeader__info .m-channelHeaderInfo__username span {
font-size: 14px;
padding: 2px 6px;
border-radius: 2px; }
body.m-theme__light .m-channelHeader__info .m-channelHeaderInfo__username span,
body .m-theme--wrapper.m-theme--wrapper__light .m-channelHeader__info .m-channelHeaderInfo__username span {
background-color: #d3dbe3; }
body.m-theme__dark .m-channelHeader__info .m-channelHeaderInfo__username span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channelHeader__info .m-channelHeaderInfo__username span {
background-color: #414c57; }
.m-theme__2020 .m-channel__list [class*='m-pageLayout__pane'] {
padding: 20px 40px; }
@media screen and (max-width: 1040px) {
.m-theme__2020 .m-channel__list [class*='m-pageLayout__pane'] {
padding: 20px; } }
.m-theme__2020 .m-channel__list .m-channelList__list {
padding: 0; }
.m-channel__list .m-channelListList__searchBox {
border-bottom: 1px solid; }
body.m-theme__light .m-channel__list .m-channelListList__searchBox,
body .m-theme--wrapper.m-theme--wrapper__light .m-channel__list .m-channelListList__searchBox {
border-color: #d3dbe3; }
body.m-theme__dark .m-channel__list .m-channelListList__searchBox,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channel__list .m-channelListList__searchBox {
border-color: #414c57; }
.m-channel__list .m-channelListList__searchBox > input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 20px 40px;
width: 100%;
background: transparent;
border: none;
box-sizing: border-box; }
body.m-theme__light .m-channel__list .m-channelListList__searchBox > input,
body .m-theme--wrapper.m-theme--wrapper__light .m-channel__list .m-channelListList__searchBox > input {
color: #43434d; }
body.m-theme__dark .m-channel__list .m-channelListList__searchBox > input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-channel__list .m-channelListList__searchBox > input {
color: #ffffff; }
@media screen and (max-width: 1040px) {
.m-channel__list .m-channelListList__searchBox > input {
padding: 20px; } }
.m-channel__list m-discovery__feedItem {
display: block; }
m-channel__locationTypeahead {
display: block;
position: relative; }
m-channel__locationTypeahead .m-channelLocationTypeahead__list {
position: absolute;
top: calc(100% - 1px);
left: 0;
z-index: 1;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
border: 1px solid;
border-radius: 0 0 2px 2px;
font-size: inherit;
line-height: inherit; }
body.m-theme__light m-channel__locationTypeahead .m-channelLocationTypeahead__list,
body .m-theme--wrapper.m-theme--wrapper__light m-channel__locationTypeahead .m-channelLocationTypeahead__list {
border-color: #d3dbe3;
color: #72727c;
background: #ffffff; }
body.m-theme__dark m-channel__locationTypeahead .m-channelLocationTypeahead__list,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel__locationTypeahead .m-channelLocationTypeahead__list {
border-color: #414c57;
color: #b8c1ca;
background: #242a30; }
body.m-theme__light m-channel__locationTypeahead .m-channelLocationTypeahead__list,
body .m-theme--wrapper.m-theme--wrapper__light m-channel__locationTypeahead .m-channelLocationTypeahead__list {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); }
body.m-theme__dark m-channel__locationTypeahead .m-channelLocationTypeahead__list,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel__locationTypeahead .m-channelLocationTypeahead__list {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
m-channel__locationTypeahead .m-channelLocationTypeaheadList__header {
display: flex;
flex-direction: row;
padding: 20px 20px 9px;
font-size: 14px;
line-height: 19px;
align-items: center;
justify-content: space-between; }
body.m-theme__light m-channel__locationTypeahead .m-channelLocationTypeaheadList__header,
body .m-theme--wrapper.m-theme--wrapper__light m-channel__locationTypeahead .m-channelLocationTypeaheadList__header {
color: #72727c; }
body.m-theme__dark m-channel__locationTypeahead .m-channelLocationTypeaheadList__header,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel__locationTypeahead .m-channelLocationTypeaheadList__header {
color: #b8c1ca; }
m-channel__locationTypeahead .m-channelLocationTypeaheadList__item {
font-size: 16px;
line-height: 21px;
padding: 10px 20px 9px;
cursor: pointer; }
body.m-theme__light m-channel__locationTypeahead .m-channelLocationTypeaheadList__item,
body .m-theme--wrapper.m-theme--wrapper__light m-channel__locationTypeahead .m-channelLocationTypeaheadList__item {
color: #43434d; }
body.m-theme__light m-channel__locationTypeahead .m-channelLocationTypeaheadList__item:hover,
body .m-theme--wrapper.m-theme--wrapper__light m-channel__locationTypeahead .m-channelLocationTypeaheadList__item:hover {
background-color: #f6f7f7; }
body.m-theme__dark m-channel__locationTypeahead .m-channelLocationTypeaheadList__item,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel__locationTypeahead .m-channelLocationTypeaheadList__item {
color: #ffffff; }
body.m-theme__dark m-channel__locationTypeahead .m-channelLocationTypeaheadList__item:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel__locationTypeahead .m-channelLocationTypeaheadList__item:hover {
background-color: #1a2025; }
m-channel__socialLinks {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
overflow: hidden;
max-height: 100px; }
m-channel__socialLinks > * + * {
margin-left: 8px; }
m-channel__socialLinks .m-channelSocialLinks__link {
display: inline-block; }
m-channel__socialLinks .m-channelSocialLinks__link > a {
font-size: 18px; }
body.m-theme__light m-channel__socialLinks .m-channelSocialLinks__link > a,
body .m-theme--wrapper.m-theme--wrapper__light m-channel__socialLinks .m-channelSocialLinks__link > a {
color: #72727c !important; }
body.m-theme__dark m-channel__socialLinks .m-channelSocialLinks__link > a,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel__socialLinks .m-channelSocialLinks__link > a {
color: #b8c1ca !important; }
m-channel__socialLinks .m-custom-icon.m-custom-icon-minds:before {
background-position-y: calc(50% - 0.1em); }
minds-payments-checkout,
minds-payments-stripe-checkout {
display: block;
width: 100%; }
minds-payments-checkout .m-error,
minds-payments-stripe-checkout .m-error {
padding: 16px;
font-family: 'Roboto', Helvetica, sans-serif; }
minds-payments-checkout .m-checkout-loading,
minds-payments-stripe-checkout .m-checkout-loading {
padding: 16px;
text-align: center; }
minds-payments-checkout .m-payments-options,
minds-payments-stripe-checkout .m-payments-options {
padding: 16px;
display: flex;
flex-direction: column;
align-items: center; }
minds-payments-checkout .m-payments-options > div,
minds-payments-stripe-checkout .m-payments-options > div {
padding-right: 16px; }
minds-payments-checkout .m-payments-options #coinbase-btn #bt-coinbase-button,
minds-payments-stripe-checkout .m-payments-options #coinbase-btn #bt-coinbase-button {
text-transform: lowercase;
font-size: 19px;
border: 0;
border-radius: 4px; }
minds-payments-checkout .m-payments--saved-cards ul,
minds-payments-checkout .m-payments--saved-cards li,
minds-payments-stripe-checkout .m-payments--saved-cards ul,
minds-payments-stripe-checkout .m-payments--saved-cards li {
list-style: none;
cursor: pointer;
padding: 0; }
minds-payments-checkout .m-payments--saved-cards .m-payments-saved--title,
minds-payments-stripe-checkout .m-payments--saved-cards .m-payments-saved--title {
padding: 16px 16px 0;
letter-spacing: 1px;
text-transform: uppercase; }
minds-payments-checkout .m-payments--saved-cards .m-payments--saved-card-item,
minds-payments-stripe-checkout .m-payments--saved-cards .m-payments--saved-card-item {
display: flex;
flex-direction: row;
align-items: center;
padding: 8px;
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'Roboto', Helvetica, sans-serif;
margin: 16px;
border-radius: 3px; }
body.m-theme__light minds-payments-checkout .m-payments--saved-cards .m-payments--saved-card-item,
body .m-theme--wrapper.m-theme--wrapper__light minds-payments-checkout .m-payments--saved-cards .m-payments--saved-card-item, body.m-theme__light
minds-payments-stripe-checkout .m-payments--saved-cards .m-payments--saved-card-item,
body .m-theme--wrapper.m-theme--wrapper__light
minds-payments-stripe-checkout .m-payments--saved-cards .m-payments--saved-card-item {
border: 1px solid #d3dbe3; }
body.m-theme__dark minds-payments-checkout .m-payments--saved-cards .m-payments--saved-card-item,
body .m-theme--wrapper.m-theme--wrapper__dark minds-payments-checkout .m-payments--saved-cards .m-payments--saved-card-item, body.m-theme__dark
minds-payments-stripe-checkout .m-payments--saved-cards .m-payments--saved-card-item,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-payments-stripe-checkout .m-payments--saved-cards .m-payments--saved-card-item {
border: 1px solid #414c57; }
minds-payments-checkout .m-payments--saved-cards .m-payments--saved-card-item > *,
minds-payments-stripe-checkout .m-payments--saved-cards .m-payments--saved-card-item > * {
padding: 8px; }
minds-payments-checkout .m-payments--saved-cards .m-payments--saved-card-item .m-payments--saved-card-item-select,
minds-payments-stripe-checkout .m-payments--saved-cards .m-payments--saved-card-item .m-payments--saved-card-item-select {
flex: auto;
text-align: right;
cursor: pointer; }
body.m-theme__light minds-payments-checkout .m-payments--saved-cards .m-payments--saved-card-item .m-payments--saved-card-item-select,
body .m-theme--wrapper.m-theme--wrapper__light minds-payments-checkout .m-payments--saved-cards .m-payments--saved-card-item .m-payments--saved-card-item-select, body.m-theme__light
minds-payments-stripe-checkout .m-payments--saved-cards .m-payments--saved-card-item .m-payments--saved-card-item-select,
body .m-theme--wrapper.m-theme--wrapper__light
minds-payments-stripe-checkout .m-payments--saved-cards .m-payments--saved-card-item .m-payments--saved-card-item-select {
color: #888; }
body.m-theme__dark minds-payments-checkout .m-payments--saved-cards .m-payments--saved-card-item .m-payments--saved-card-item-select,
body .m-theme--wrapper.m-theme--wrapper__dark minds-payments-checkout .m-payments--saved-cards .m-payments--saved-card-item .m-payments--saved-card-item-select, body.m-theme__dark
minds-payments-stripe-checkout .m-payments--saved-cards .m-payments--saved-card-item .m-payments--saved-card-item-select,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-payments-stripe-checkout .m-payments--saved-cards .m-payments--saved-card-item .m-payments--saved-card-item-select {
color: #737373; }
minds-payments-checkout input[type='number'],
minds-payments-stripe-checkout input[type='number'] {
-moz-appearance: textfield; }
minds-payments-checkout ::-webkit-inner-spin-button,
minds-payments-stripe-checkout ::-webkit-inner-spin-button {
-webkit-appearance: none; }
minds-payments-checkout ::-webkit-outer-spin-button,
minds-payments-stripe-checkout ::-webkit-outer-spin-button {
-webkit-appearance: none; }
.m-checkout-hint {
font-size: 11px;
margin: 0;
padding: 0; }
.m-commentPoster {
width: 100%; }
.m-commentPoster--nested .m-commentPoster__wrapper .m-commentPoster__avatar img {
height: 24px;
width: 24px;
margin: 9px; }
.m-commentPoster__wrapper {
position: relative;
margin: 10px 0;
border-radius: 2px;
display: flex;
align-items: flex-start;
transition: 0.125s border-color ease-out; }
body.m-theme__light .m-commentPoster__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light .m-commentPoster__wrapper {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-commentPoster__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark .m-commentPoster__wrapper {
border: 1px solid #414c57; }
body.m-theme__light .m-commentPoster__wrapper:focus-within,
body .m-theme--wrapper.m-theme--wrapper__light .m-commentPoster__wrapper:focus-within {
border: 1px solid #1b85d6 !important; }
body.m-theme__dark .m-commentPoster__wrapper:focus-within,
body .m-theme--wrapper.m-theme--wrapper__dark .m-commentPoster__wrapper:focus-within {
border: 1px solid #1b85d6 !important; }
.m-commentPoster__wrapper .m-commentPoster__avatar {
flex-shrink: 0; }
body.m-theme__light .m-commentPoster__wrapper .m-commentPoster__avatar,
body .m-theme--wrapper.m-theme--wrapper__light .m-commentPoster__wrapper .m-commentPoster__avatar {
background-color: #ffffff; }
body.m-theme__dark .m-commentPoster__wrapper .m-commentPoster__avatar,
body .m-theme--wrapper.m-theme--wrapper__dark .m-commentPoster__wrapper .m-commentPoster__avatar {
background-color: #242a30; }
.m-commentPoster__wrapper .m-commentPoster__avatar img {
height: 30px;
width: 30px;
border-radius: 50%;
margin: 6px 10px;
-o-object-fit: cover;
object-fit: cover; }
.m-commentPoster__wrapper .m-commentPoster__form {
flex-grow: 2;
max-width: calc(100% - 130px);
-webkit-margin-after: 0;
margin-block-end: 0; }
.m-commentPoster__wrapper .m-commentPoster__form minds-textarea {
padding: 0;
margin: 11px 0;
border-radius: 0;
font-size: 16px; }
body.m-theme__light .m-commentPoster__wrapper .m-commentPoster__form minds-textarea,
body .m-theme--wrapper.m-theme--wrapper__light .m-commentPoster__wrapper .m-commentPoster__form minds-textarea {
border: transparent !important; }
body.m-theme__dark .m-commentPoster__wrapper .m-commentPoster__form minds-textarea,
body .m-theme--wrapper.m-theme--wrapper__dark .m-commentPoster__wrapper .m-commentPoster__form minds-textarea {
border: transparent !important; }
.m-commentPoster__wrapper .m-commentPoster__form minds-textarea .m-editor {
min-height: 1em; }
.m-commentPoster__wrapper .m-commentPoster__form minds-textarea .m-placeholder {
font-size: 16px;
line-height: 21px; }
body.m-theme__light .m-commentPoster__wrapper .m-commentPoster__form minds-textarea .m-placeholder,
body .m-theme--wrapper.m-theme--wrapper__light .m-commentPoster__wrapper .m-commentPoster__form minds-textarea .m-placeholder {
color: #72727c; }
body.m-theme__dark .m-commentPoster__wrapper .m-commentPoster__form minds-textarea .m-placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark .m-commentPoster__wrapper .m-commentPoster__form minds-textarea .m-placeholder {
color: #b8c1ca; }
.m-commentPoster__wrapper .m-commentPoster__actions {
position: relative;
top: 6px;
right: 8px;
display: flex;
flex-direction: column; }
.m-commentPoster__wrapper .m-commentPoster__actions > div:first-child {
display: flex;
margin: 3px 10px 0; }
.m-commentPoster__wrapper .m-commentPoster__actions .m-dropdown--v2 {
margin: 0; }
.m-commentPoster__wrapper .m-commentPoster__actions .m-dropdown--v2 .m-commentPoster__menuButton i {
font-size: 23px; }
.m-commentPoster__wrapper .m-commentPoster__actions .m-commentPoster__postButton i,
.m-commentPoster__wrapper .m-commentPoster__actions .m-dropdown--v2 {
cursor: pointer;
font-size: 22px;
line-height: 24px;
transition: color 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-commentPoster__wrapper .m-commentPoster__actions .m-commentPoster__postButton i,
body .m-theme--wrapper.m-theme--wrapper__light .m-commentPoster__wrapper .m-commentPoster__actions .m-commentPoster__postButton i, body.m-theme__light
.m-commentPoster__wrapper .m-commentPoster__actions .m-dropdown--v2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-commentPoster__wrapper .m-commentPoster__actions .m-dropdown--v2 {
color: #72727c; }
body.m-theme__dark .m-commentPoster__wrapper .m-commentPoster__actions .m-commentPoster__postButton i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-commentPoster__wrapper .m-commentPoster__actions .m-commentPoster__postButton i, body.m-theme__dark
.m-commentPoster__wrapper .m-commentPoster__actions .m-dropdown--v2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-commentPoster__wrapper .m-commentPoster__actions .m-dropdown--v2 {
color: #b8c1ca; }
body.m-theme__light .m-commentPoster__wrapper .m-commentPoster__actions .m-commentPoster__postButton i:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-commentPoster__wrapper .m-commentPoster__actions .m-commentPoster__postButton i:hover, body.m-theme__light
.m-commentPoster__wrapper .m-commentPoster__actions .m-dropdown--v2:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-commentPoster__wrapper .m-commentPoster__actions .m-dropdown--v2:hover {
color: #43434d; }
body.m-theme__dark .m-commentPoster__wrapper .m-commentPoster__actions .m-commentPoster__postButton i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-commentPoster__wrapper .m-commentPoster__actions .m-commentPoster__postButton i:hover, body.m-theme__dark
.m-commentPoster__wrapper .m-commentPoster__actions .m-dropdown--v2:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-commentPoster__wrapper .m-commentPoster__actions .m-dropdown--v2:hover {
color: #ffffff; }
.m-commentPoster__wrapper .m-commentPoster__actions .m-commentPoster__postButton {
margin-left: 5px; }
.m-commentPoster__wrapper .m-commentPoster__limit {
font-size: 10px;
margin: 10px;
cursor: default; }
body.m-theme__light .m-commentPoster__wrapper .m-commentPoster__limit,
body .m-theme--wrapper.m-theme--wrapper__light .m-commentPoster__wrapper .m-commentPoster__limit {
color: #9b9b9b; }
body.m-theme__dark .m-commentPoster__wrapper .m-commentPoster__limit,
body .m-theme--wrapper.m-theme--wrapper__dark .m-commentPoster__wrapper .m-commentPoster__limit {
color: #797b82; }
body.m-theme__light .m-commentPoster__wrapper .m-commentPoster__limit--maxed,
body .m-theme--wrapper.m-theme--wrapper__light .m-commentPoster__wrapper .m-commentPoster__limit--maxed {
color: #e03c20; }
body.m-theme__dark .m-commentPoster__wrapper .m-commentPoster__limit--maxed,
body .m-theme--wrapper.m-theme--wrapper__dark .m-commentPoster__wrapper .m-commentPoster__limit--maxed {
color: #e35036; }
.m-commentPoster__wrapper .m-commentPosterLimit__inputed {
font-weight: 600; }
.m-commentPoster__wrapper.m-commentPoster__wrapper--editing {
margin-left: 0; }
.m-commentPoster__wrapper.m-commentPoster__wrapper--editing minds-textarea {
padding-left: 15px; }
.m-commentPoster .m-attachmentPreviewWrapper--richEmbed {
margin: 10px; }
.m-attachmentPreviewWrapper {
position: relative;
display: flex;
justify-content: center; }
.m-attachmentPreviewWrapper.m-attachmentPreviewWrapper--richEmbed {
max-width: 100%; }
.m-attachmentPreviewWrapper .attachment-preview {
max-width: 100%;
cursor: pointer;
width: 100%;
max-height: 200px;
height: 200px;
-o-object-fit: cover;
object-fit: cover; }
.m-attachmentPreviewWrapper .post-preview {
position: relative;
padding: 10px; }
.m-attachmentPreviewWrapper .video-placeholder {
padding: 40px;
display: flex;
justify-content: space-around;
align-items: center; }
body.m-theme__light .m-attachmentPreviewWrapper .video-placeholder,
body .m-theme--wrapper.m-theme--wrapper__light .m-attachmentPreviewWrapper .video-placeholder {
background-color: #f6f7f7; }
body.m-theme__dark .m-attachmentPreviewWrapper .video-placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark .m-attachmentPreviewWrapper .video-placeholder {
background-color: #1a2025; }
.m-attachmentPreviewWrapper .video-placeholder i {
font-size: 30px; }
body.m-theme__light .m-attachmentPreviewWrapper .video-placeholder i,
body .m-theme--wrapper.m-theme--wrapper__light .m-attachmentPreviewWrapper .video-placeholder i {
color: #72727c; }
body.m-theme__dark .m-attachmentPreviewWrapper .video-placeholder i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-attachmentPreviewWrapper .video-placeholder i {
color: #b8c1ca; }
.m-attachmentPreviewWrapper .attachment-preview-delete {
cursor: pointer;
position: absolute;
top: 10px;
right: 10px; }
body.m-theme__light .m-attachmentPreviewWrapper .attachment-preview-delete i,
body .m-theme--wrapper.m-theme--wrapper__light .m-attachmentPreviewWrapper .attachment-preview-delete i {
color: #fff;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); }
body.m-theme__dark .m-attachmentPreviewWrapper .attachment-preview-delete i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-attachmentPreviewWrapper .attachment-preview-delete i {
color: #fff;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); }
/**
* Padding, Margins and Offset
*/
minds-comments,
m-comments__tree,
m-comments__entityOutlet,
.m-comment-wrapper {
width: 100%; }
minds-comments m-comment:first-child,
m-comments__tree m-comment:first-child,
m-comments__entityOutlet m-comment:first-child,
.m-comment-wrapper m-comment:first-child {
margin-top: 20px; }
minds-comments .minds-comment,
m-comments__tree .minds-comment,
m-comments__entityOutlet .minds-comment,
.m-comment-wrapper .minds-comment {
min-height: 0;
margin: 0;
background-color: transparent;
overflow: visible;
padding: 5px 20px 25px 20px; }
@media screen and (max-width: 480px) {
minds-comments .minds-comment,
m-comments__tree .minds-comment,
m-comments__entityOutlet .minds-comment,
.m-comment-wrapper .minds-comment {
padding: 5px 20px 25px 20px; } }
minds-comments .minds-comment .m-comment-message,
m-comments__tree .minds-comment .m-comment-message,
m-comments__entityOutlet .minds-comment .m-comment-message,
.m-comment-wrapper .minds-comment .m-comment-message {
white-space: pre-line; }
minds-comments .minds-comment .minds-more,
m-comments__tree .minds-comment .minds-more,
m-comments__entityOutlet .minds-comment .minds-more,
.m-comment-wrapper .minds-comment .minds-more {
display: inline-block;
visibility: hidden; }
minds-comments .minds-comment .minds-more i,
m-comments__tree .minds-comment .minds-more i,
m-comments__entityOutlet .minds-comment .minds-more i,
.m-comment-wrapper .minds-comment .minds-more i {
font-size: 18px;
line-height: 18px;
width: 32px;
transform: initial;
position: static; }
minds-comments .minds-comment:hover .minds-more,
m-comments__tree .minds-comment:hover .minds-more,
m-comments__entityOutlet .minds-comment:hover .minds-more,
.m-comment-wrapper .minds-comment:hover .minds-more {
visibility: visible; }
minds-comments .minds-comment .mdl-card__menu,
m-comments__tree .minds-comment .mdl-card__menu,
m-comments__entityOutlet .minds-comment .mdl-card__menu,
.m-comment-wrapper .minds-comment .mdl-card__menu {
top: 0; }
minds-comments .minds-comment.minds-comment-post,
m-comments__tree .minds-comment.minds-comment-post,
m-comments__entityOutlet .minds-comment.minds-comment-post,
.m-comment-wrapper .minds-comment.minds-comment-post {
border-bottom: 0;
padding-bottom: 8px; }
minds-comments .minds-comment .minds-body,
m-comments__tree .minds-comment .minds-body,
m-comments__entityOutlet .minds-comment .minds-body,
.m-comment-wrapper .minds-comment .minds-body {
font-size: 12px;
max-width: calc(100% - 40px); }
@media screen and (max-width: 480px) {
minds-comments .minds-comment .minds-body,
m-comments__tree .minds-comment .minds-body,
m-comments__entityOutlet .minds-comment .minds-body,
.m-comment-wrapper .minds-comment .minds-body {
max-width: 100%; } }
minds-comments .minds-comment .minds-body .username,
m-comments__tree .minds-comment .minds-body .username,
m-comments__entityOutlet .minds-comment .minds-body .username,
.m-comment-wrapper .minds-comment .minds-body .username {
font-size: 13px;
text-decoration: none;
font-weight: bold; }
minds-comments .minds-comment .minds-body .minds-comment-span,
m-comments__tree .minds-comment .minds-body .minds-comment-span,
m-comments__entityOutlet .minds-comment .minds-body .minds-comment-span,
.m-comment-wrapper .minds-comment .minds-body .minds-comment-span {
font-size: 10px;
position: relative;
top: -1px; }
body.m-theme__light minds-comments .minds-comment .minds-body .minds-comment-span,
body .m-theme--wrapper.m-theme--wrapper__light minds-comments .minds-comment .minds-body .minds-comment-span, body.m-theme__light
m-comments__tree .minds-comment .minds-body .minds-comment-span,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .minds-comment .minds-body .minds-comment-span, body.m-theme__light
m-comments__entityOutlet .minds-comment .minds-body .minds-comment-span,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .minds-comment .minds-body .minds-comment-span, body.m-theme__light
.m-comment-wrapper .minds-comment .minds-body .minds-comment-span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .minds-comment .minds-body .minds-comment-span {
color: #9b9b9b; }
body.m-theme__dark minds-comments .minds-comment .minds-body .minds-comment-span,
body .m-theme--wrapper.m-theme--wrapper__dark minds-comments .minds-comment .minds-body .minds-comment-span, body.m-theme__dark
m-comments__tree .minds-comment .minds-body .minds-comment-span,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .minds-comment .minds-body .minds-comment-span, body.m-theme__dark
m-comments__entityOutlet .minds-comment .minds-body .minds-comment-span,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .minds-comment .minds-body .minds-comment-span, body.m-theme__dark
.m-comment-wrapper .minds-comment .minds-body .minds-comment-span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .minds-comment .minds-body .minds-comment-span {
color: #797b82; }
minds-comments .minds-comment .minds-body .minds-comment-span.minds-comment-bullet:before,
m-comments__tree .minds-comment .minds-body .minds-comment-span.minds-comment-bullet:before,
m-comments__entityOutlet .minds-comment .minds-body .minds-comment-span.minds-comment-bullet:before,
.m-comment-wrapper .minds-comment .minds-body .minds-comment-span.minds-comment-bullet:before {
content: '·';
font-weight: bold;
padding: 0 8px; }
@media screen and (max-width: 768px) {
minds-comments .minds-comment .minds-body .minds-comment-span,
m-comments__tree .minds-comment .minds-body .minds-comment-span,
m-comments__entityOutlet .minds-comment .minds-body .minds-comment-span,
.m-comment-wrapper .minds-comment .minds-body .minds-comment-span {
display: block;
position: initial;
top: initial; }
minds-comments .minds-comment .minds-body .minds-comment-span.minds-comment-bullet:before,
m-comments__tree .minds-comment .minds-body .minds-comment-span.minds-comment-bullet:before,
m-comments__entityOutlet .minds-comment .minds-body .minds-comment-span.minds-comment-bullet:before,
.m-comment-wrapper .minds-comment .minds-body .minds-comment-span.minds-comment-bullet:before {
content: '';
padding: 0; } }
minds-comments .minds-comment .minds-body a,
m-comments__tree .minds-comment .minds-body a,
m-comments__entityOutlet .minds-comment .minds-body a,
.m-comment-wrapper .minds-comment .minds-body a {
text-decoration: none; }
minds-comments .minds-comment .minds-comments-voting,
m-comments__tree .minds-comment .minds-comments-voting,
m-comments__entityOutlet .minds-comment .minds-comments-voting,
.m-comment-wrapper .minds-comment .minds-comments-voting {
display: inline-block;
position: relative;
top: 6px;
height: 36px;
vertical-align: middle; }
minds-comments .minds-comment .minds-comments-voting minds-button-thumbs-up,
minds-comments .minds-comment .minds-comments-voting minds-button-thumbs-down,
m-comments__tree .minds-comment .minds-comments-voting minds-button-thumbs-up,
m-comments__tree .minds-comment .minds-comments-voting minds-button-thumbs-down,
m-comments__entityOutlet .minds-comment .minds-comments-voting minds-button-thumbs-up,
m-comments__entityOutlet .minds-comment .minds-comments-voting minds-button-thumbs-down,
.m-comment-wrapper .minds-comment .minds-comments-voting minds-button-thumbs-up,
.m-comment-wrapper .minds-comment .minds-comments-voting minds-button-thumbs-down {
display: inline-block;
margin-left: 0.35em; }
minds-comments .minds-comment .minds-comments-voting .material-icons,
m-comments__tree .minds-comment .minds-comments-voting .material-icons,
m-comments__entityOutlet .minds-comment .minds-comments-voting .material-icons,
.m-comment-wrapper .minds-comment .minds-comments-voting .material-icons {
font-size: 18px;
vertical-align: middle; }
minds-comments .minds-comment .minds-comments-voting .minds-counter,
m-comments__tree .minds-comment .minds-comments-voting .minds-counter,
m-comments__entityOutlet .minds-comment .minds-comments-voting .minds-counter,
.m-comment-wrapper .minds-comment .minds-comments-voting .minds-counter {
font-size: 12px;
line-height: 18px;
vertical-align: top; }
minds-comments .minds-editable-container,
m-comments__tree .minds-editable-container,
m-comments__entityOutlet .minds-editable-container,
.m-comment-wrapper .minds-editable-container {
padding: 8px 0; }
minds-comments .m-comment-attachment,
minds-comments .m-comments-composer,
minds-comments .m-editable-attachment-container,
minds-comments .m-attachmentPreviewWrapper,
m-comments__tree .m-comment-attachment,
m-comments__tree .m-comments-composer,
m-comments__tree .m-editable-attachment-container,
m-comments__tree .m-attachmentPreviewWrapper,
m-comments__entityOutlet .m-comment-attachment,
m-comments__entityOutlet .m-comments-composer,
m-comments__entityOutlet .m-editable-attachment-container,
m-comments__entityOutlet .m-attachmentPreviewWrapper,
.m-comment-wrapper .m-comment-attachment,
.m-comment-wrapper .m-comments-composer,
.m-comment-wrapper .m-editable-attachment-container,
.m-comment-wrapper .m-attachmentPreviewWrapper {
background: transparent; }
minds-comments .m-comment-attachment .m-rich-embed,
minds-comments .m-comments-composer .m-rich-embed,
minds-comments .m-editable-attachment-container .m-rich-embed,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed,
m-comments__tree .m-comment-attachment .m-rich-embed,
m-comments__tree .m-comments-composer .m-rich-embed,
m-comments__tree .m-editable-attachment-container .m-rich-embed,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed,
m-comments__entityOutlet .m-comments-composer .m-rich-embed,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed,
.m-comment-wrapper .m-comment-attachment .m-rich-embed,
.m-comment-wrapper .m-comments-composer .m-rich-embed,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed {
text-align: left;
margin: 0 0 8px;
border-radius: 2px; }
body.m-theme__light minds-comments .m-comment-attachment .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light minds-comments .m-comment-attachment .m-rich-embed, body.m-theme__light
minds-comments .m-comments-composer .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-comments-composer .m-rich-embed, body.m-theme__light
minds-comments .m-editable-attachment-container .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-editable-attachment-container .m-rich-embed, body.m-theme__light
minds-comments .m-attachmentPreviewWrapper .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-attachmentPreviewWrapper .m-rich-embed, body.m-theme__light
m-comments__tree .m-comment-attachment .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comment-attachment .m-rich-embed, body.m-theme__light
m-comments__tree .m-comments-composer .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comments-composer .m-rich-embed, body.m-theme__light
m-comments__tree .m-editable-attachment-container .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-editable-attachment-container .m-rich-embed, body.m-theme__light
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed, body.m-theme__light
m-comments__entityOutlet .m-comment-attachment .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comment-attachment .m-rich-embed, body.m-theme__light
m-comments__entityOutlet .m-comments-composer .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comments-composer .m-rich-embed, body.m-theme__light
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed, body.m-theme__light
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed, body.m-theme__light
.m-comment-wrapper .m-comment-attachment .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comment-attachment .m-rich-embed, body.m-theme__light
.m-comment-wrapper .m-comments-composer .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comments-composer .m-rich-embed, body.m-theme__light
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed, body.m-theme__light
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed {
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark minds-comments .m-comment-attachment .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark minds-comments .m-comment-attachment .m-rich-embed, body.m-theme__dark
minds-comments .m-comments-composer .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-comments-composer .m-rich-embed, body.m-theme__dark
minds-comments .m-editable-attachment-container .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-editable-attachment-container .m-rich-embed, body.m-theme__dark
minds-comments .m-attachmentPreviewWrapper .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-attachmentPreviewWrapper .m-rich-embed, body.m-theme__dark
m-comments__tree .m-comment-attachment .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comment-attachment .m-rich-embed, body.m-theme__dark
m-comments__tree .m-comments-composer .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comments-composer .m-rich-embed, body.m-theme__dark
m-comments__tree .m-editable-attachment-container .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-editable-attachment-container .m-rich-embed, body.m-theme__dark
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed, body.m-theme__dark
m-comments__entityOutlet .m-comment-attachment .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comment-attachment .m-rich-embed, body.m-theme__dark
m-comments__entityOutlet .m-comments-composer .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comments-composer .m-rich-embed, body.m-theme__dark
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed, body.m-theme__dark
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed, body.m-theme__dark
.m-comment-wrapper .m-comment-attachment .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comment-attachment .m-rich-embed, body.m-theme__dark
.m-comment-wrapper .m-comments-composer .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comments-composer .m-rich-embed, body.m-theme__dark
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed, body.m-theme__dark
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed {
background-color: #242a30;
border: 1px solid #414c57; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview {
position: relative; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta, minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedPreview--noThumbnail .meta,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src.m-richEmbedSrc--noThumbnail .meta,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedPreview--noThumbnail .meta,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview.m-richEmbedSrc--noThumbnail .meta {
padding-left: 20px; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail {
display: block;
float: left;
width: 25%;
height: 100%;
position: absolute; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-thumbnail-wrapper,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-thumbnail-wrapper {
padding-bottom: 0;
background-size: cover;
background-position: center;
height: 100%;
border-radius: 2px 0 0 2px; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail > img,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail > img {
width: 100%; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed {
width: 100%;
max-height: 200px;
display: block;
float: none;
position: initial; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail.m-inline-embed .m-rich-embed-video-iframe,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail.m-inline-embed .m-rich-embed-video-iframe {
padding-bottom: 200px; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .thumbnail .m-rich-embed-video-iframe > iframe,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .thumbnail .m-rich-embed-video-iframe > iframe {
height: 200px; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta {
display: block;
padding: 10px 40px 10px calc(25% + 10px);
box-sizing: border-box;
width: 100%;
text-decoration: none; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta.m-rich-embed--title--no-padding,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta.m-rich-embed--title--no-padding {
padding: 8px; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2 {
margin-bottom: 0;
font-size: 15px;
font-weight: 700;
line-height: 20px; }
body.m-theme__light minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__light
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__light
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2 {
color: #43434d; }
body.m-theme__dark minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2, body.m-theme__dark
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta h2, body.m-theme__dark
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta h2 {
color: #ffffff; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p {
text-overflow: ellipsis;
overflow: hidden;
max-height: 3.4em;
line-height: 20px;
font-size: 15px; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p.m-blurb,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p.m-blurb {
display: none; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src a.meta p:last-child,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview a.meta p:last-child {
margin-bottom: 0; }
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
minds-comments .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
minds-comments .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
minds-comments .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
minds-comments .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
m-comments__tree .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
m-comments__tree .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
m-comments__tree .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
m-comments__tree .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
m-comments__entityOutlet .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
m-comments__entityOutlet .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
m-comments__entityOutlet .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
m-comments__entityOutlet .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
.m-comment-wrapper .m-comment-attachment .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
.m-comment-wrapper .m-comments-composer .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
.m-comment-wrapper .m-editable-attachment-container .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-src .m-has-inline-embed .meta,
.m-comment-wrapper .m-attachmentPreviewWrapper .m-rich-embed minds-rich-embed .m-rich-embed-preview .m-has-inline-embed .meta {
display: none; }
minds-comments .m-comment__attachment img,
minds-comments .m-comment__attachment minds-video,
minds-comments .m-comment__attachment m-video,
m-comments__tree .m-comment__attachment img,
m-comments__tree .m-comment__attachment minds-video,
m-comments__tree .m-comment__attachment m-video,
m-comments__entityOutlet .m-comment__attachment img,
m-comments__entityOutlet .m-comment__attachment minds-video,
m-comments__entityOutlet .m-comment__attachment m-video,
.m-comment-wrapper .m-comment__attachment img,
.m-comment-wrapper .m-comment__attachment minds-video,
.m-comment-wrapper .m-comment__attachment m-video {
max-width: 50%;
cursor: pointer; }
minds-comments .m-comment__attachment .m-rich-embed img,
m-comments__tree .m-comment__attachment .m-rich-embed img,
m-comments__entityOutlet .m-comment__attachment .m-rich-embed img,
.m-comment-wrapper .m-comment__attachment .m-rich-embed img {
max-width: 100%; }
minds-comments .m-comment-attachment.mdl-card,
m-comments__tree .m-comment-attachment.mdl-card,
m-comments__entityOutlet .m-comment-attachment.mdl-card,
.m-comment-wrapper .m-comment-attachment.mdl-card {
max-width: 550px;
box-sizing: border-box;
padding: 0; }
minds-comments .m-comment-attachment.mdl-card .item-image,
m-comments__tree .m-comment-attachment.mdl-card .item-image,
m-comments__entityOutlet .m-comment-attachment.mdl-card .item-image,
.m-comment-wrapper .m-comment-attachment.mdl-card .item-image {
max-width: 100%; }
minds-comments .m-comments-composer,
m-comments__tree .m-comments-composer,
m-comments__entityOutlet .m-comments-composer,
.m-comment-wrapper .m-comments-composer {
position: relative; }
minds-comments .m-comments-composer form,
m-comments__tree .m-comments-composer form,
m-comments__entityOutlet .m-comments-composer form,
.m-comment-wrapper .m-comments-composer form {
display: flex;
margin: 0; }
minds-comments .m-comments-composer form minds-textarea,
m-comments__tree .m-comments-composer form minds-textarea,
m-comments__entityOutlet .m-comments-composer form minds-textarea,
.m-comment-wrapper .m-comments-composer form minds-textarea {
font-family: inherit;
font-size: 14px;
line-height: 22px;
width: 0;
min-width: 0;
flex: 1;
margin-bottom: 8px;
border-radius: 26px; }
minds-comments .m-comments-composer form m-text-input--autocomplete-container,
m-comments__tree .m-comments-composer form m-text-input--autocomplete-container,
m-comments__entityOutlet .m-comments-composer form m-text-input--autocomplete-container,
.m-comment-wrapper .m-comments-composer form m-text-input--autocomplete-container {
width: 100%; }
minds-comments .m-comments-composer form minds-textarea,
minds-comments .minds-editable-container textarea,
m-comments__tree .m-comments-composer form minds-textarea,
m-comments__tree .minds-editable-container textarea,
m-comments__entityOutlet .m-comments-composer form minds-textarea,
m-comments__entityOutlet .minds-editable-container textarea,
.m-comment-wrapper .m-comments-composer form minds-textarea,
.m-comment-wrapper .minds-editable-container textarea {
width: 100%;
padding: 8px 96px 8px 16px; }
body.m-theme__light minds-comments .m-comments-composer form minds-textarea,
body .m-theme--wrapper.m-theme--wrapper__light minds-comments .m-comments-composer form minds-textarea, body.m-theme__light
minds-comments .minds-editable-container textarea,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .minds-editable-container textarea, body.m-theme__light
m-comments__tree .m-comments-composer form minds-textarea,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comments-composer form minds-textarea, body.m-theme__light
m-comments__tree .minds-editable-container textarea,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .minds-editable-container textarea, body.m-theme__light
m-comments__entityOutlet .m-comments-composer form minds-textarea,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comments-composer form minds-textarea, body.m-theme__light
m-comments__entityOutlet .minds-editable-container textarea,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .minds-editable-container textarea, body.m-theme__light
.m-comment-wrapper .m-comments-composer form minds-textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comments-composer form minds-textarea, body.m-theme__light
.m-comment-wrapper .minds-editable-container textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .minds-editable-container textarea {
background-color: #ffffff; }
body.m-theme__dark minds-comments .m-comments-composer form minds-textarea,
body .m-theme--wrapper.m-theme--wrapper__dark minds-comments .m-comments-composer form minds-textarea, body.m-theme__dark
minds-comments .minds-editable-container textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .minds-editable-container textarea, body.m-theme__dark
m-comments__tree .m-comments-composer form minds-textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comments-composer form minds-textarea, body.m-theme__dark
m-comments__tree .minds-editable-container textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .minds-editable-container textarea, body.m-theme__dark
m-comments__entityOutlet .m-comments-composer form minds-textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comments-composer form minds-textarea, body.m-theme__dark
m-comments__entityOutlet .minds-editable-container textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .minds-editable-container textarea, body.m-theme__dark
.m-comment-wrapper .m-comments-composer form minds-textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comments-composer form minds-textarea, body.m-theme__dark
.m-comment-wrapper .minds-editable-container textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .minds-editable-container textarea {
background-color: #242a30; }
minds-comments .m-comments-composer .mdl-card__actions,
m-comments__tree .m-comments-composer .mdl-card__actions,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions,
.m-comment-wrapper .m-comments-composer .mdl-card__actions {
top: 6px;
right: 8px; }
minds-comments .minds-editable-container .mdl-card__actions,
m-comments__tree .minds-editable-container .mdl-card__actions,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions,
.m-comment-wrapper .minds-editable-container .mdl-card__actions {
top: 62px;
right: 22px; }
minds-comments .m-comments-composer .mdl-card__actions,
minds-comments .m-commentPoster__wrapper .mdl-card__actions,
minds-comments .minds-editable-container .mdl-card__actions,
m-comments__tree .m-comments-composer .mdl-card__actions,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions,
m-comments__tree .minds-editable-container .mdl-card__actions,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions,
.m-comment-wrapper .m-comments-composer .mdl-card__actions,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions,
.m-comment-wrapper .minds-editable-container .mdl-card__actions {
position: absolute;
width: auto;
display: inline-block;
padding: 0;
text-align: right; }
minds-comments .m-comments-composer .mdl-card__actions .m-mature-button,
minds-comments .m-comments-composer .mdl-card__actions .m-post-button,
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-mature-button,
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-post-button,
minds-comments .minds-editable-container .mdl-card__actions .m-mature-button,
minds-comments .minds-editable-container .mdl-card__actions .m-post-button,
m-comments__tree .m-comments-composer .mdl-card__actions .m-mature-button,
m-comments__tree .m-comments-composer .mdl-card__actions .m-post-button,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-mature-button,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-post-button,
m-comments__tree .minds-editable-container .mdl-card__actions .m-mature-button,
m-comments__tree .minds-editable-container .mdl-card__actions .m-post-button,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-mature-button,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-post-button,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-mature-button,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-post-button,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-mature-button,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-post-button,
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-mature-button,
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-post-button,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-mature-button,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-post-button,
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-mature-button,
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-post-button {
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden;
cursor: pointer; }
minds-comments .m-comments-composer .mdl-card__actions .m-mature-button i,
minds-comments .m-comments-composer .mdl-card__actions .m-post-button i,
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i,
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-post-button i,
minds-comments .minds-editable-container .mdl-card__actions .m-mature-button i,
minds-comments .minds-editable-container .mdl-card__actions .m-post-button i,
m-comments__tree .m-comments-composer .mdl-card__actions .m-mature-button i,
m-comments__tree .m-comments-composer .mdl-card__actions .m-post-button i,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-post-button i,
m-comments__tree .minds-editable-container .mdl-card__actions .m-mature-button i,
m-comments__tree .minds-editable-container .mdl-card__actions .m-post-button i,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-mature-button i,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-post-button i,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-post-button i,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-mature-button i,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-post-button i,
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-mature-button i,
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-post-button i,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-post-button i,
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-mature-button i,
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-post-button i {
cursor: pointer;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light minds-comments .m-comments-composer .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__light minds-comments .m-comments-composer .mdl-card__actions .m-mature-button i, body.m-theme__light
minds-comments .m-comments-composer .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-comments-composer .mdl-card__actions .m-post-button i, body.m-theme__light
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i, body.m-theme__light
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-post-button i, body.m-theme__light
minds-comments .minds-editable-container .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .minds-editable-container .mdl-card__actions .m-mature-button i, body.m-theme__light
minds-comments .minds-editable-container .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .minds-editable-container .mdl-card__actions .m-post-button i, body.m-theme__light
m-comments__tree .m-comments-composer .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comments-composer .mdl-card__actions .m-mature-button i, body.m-theme__light
m-comments__tree .m-comments-composer .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comments-composer .mdl-card__actions .m-post-button i, body.m-theme__light
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i, body.m-theme__light
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-post-button i, body.m-theme__light
m-comments__tree .minds-editable-container .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .minds-editable-container .mdl-card__actions .m-mature-button i, body.m-theme__light
m-comments__tree .minds-editable-container .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .minds-editable-container .mdl-card__actions .m-post-button i, body.m-theme__light
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-mature-button i, body.m-theme__light
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-post-button i, body.m-theme__light
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i, body.m-theme__light
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-post-button i, body.m-theme__light
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-mature-button i, body.m-theme__light
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-post-button i, body.m-theme__light
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-mature-button i, body.m-theme__light
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-post-button i, body.m-theme__light
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i, body.m-theme__light
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-post-button i, body.m-theme__light
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-mature-button i, body.m-theme__light
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-post-button i {
color: #72727c; }
body.m-theme__dark minds-comments .m-comments-composer .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__dark minds-comments .m-comments-composer .mdl-card__actions .m-mature-button i, body.m-theme__dark
minds-comments .m-comments-composer .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-comments-composer .mdl-card__actions .m-post-button i, body.m-theme__dark
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i, body.m-theme__dark
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-post-button i, body.m-theme__dark
minds-comments .minds-editable-container .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .minds-editable-container .mdl-card__actions .m-mature-button i, body.m-theme__dark
minds-comments .minds-editable-container .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .minds-editable-container .mdl-card__actions .m-post-button i, body.m-theme__dark
m-comments__tree .m-comments-composer .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comments-composer .mdl-card__actions .m-mature-button i, body.m-theme__dark
m-comments__tree .m-comments-composer .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comments-composer .mdl-card__actions .m-post-button i, body.m-theme__dark
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i, body.m-theme__dark
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-post-button i, body.m-theme__dark
m-comments__tree .minds-editable-container .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .minds-editable-container .mdl-card__actions .m-mature-button i, body.m-theme__dark
m-comments__tree .minds-editable-container .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .minds-editable-container .mdl-card__actions .m-post-button i, body.m-theme__dark
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-mature-button i, body.m-theme__dark
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-post-button i, body.m-theme__dark
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i, body.m-theme__dark
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-post-button i, body.m-theme__dark
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-mature-button i, body.m-theme__dark
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-post-button i, body.m-theme__dark
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-mature-button i, body.m-theme__dark
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-post-button i, body.m-theme__dark
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i, body.m-theme__dark
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-post-button i, body.m-theme__dark
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-mature-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-mature-button i, body.m-theme__dark
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-post-button i,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-post-button i {
color: #b8c1ca; }
body.m-theme__light minds-comments .m-comments-composer .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light minds-comments .m-comments-composer .mdl-card__actions .m-mature-button i:hover, body.m-theme__light
minds-comments .m-comments-composer .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-comments-composer .mdl-card__actions .m-post-button i:hover, body.m-theme__light
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover, body.m-theme__light
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover, body.m-theme__light
minds-comments .minds-editable-container .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .minds-editable-container .mdl-card__actions .m-mature-button i:hover, body.m-theme__light
minds-comments .minds-editable-container .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .minds-editable-container .mdl-card__actions .m-post-button i:hover, body.m-theme__light
m-comments__tree .m-comments-composer .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comments-composer .mdl-card__actions .m-mature-button i:hover, body.m-theme__light
m-comments__tree .m-comments-composer .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comments-composer .mdl-card__actions .m-post-button i:hover, body.m-theme__light
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover, body.m-theme__light
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover, body.m-theme__light
m-comments__tree .minds-editable-container .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .minds-editable-container .mdl-card__actions .m-mature-button i:hover, body.m-theme__light
m-comments__tree .minds-editable-container .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .minds-editable-container .mdl-card__actions .m-post-button i:hover, body.m-theme__light
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-mature-button i:hover, body.m-theme__light
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-post-button i:hover, body.m-theme__light
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover, body.m-theme__light
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover, body.m-theme__light
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-mature-button i:hover, body.m-theme__light
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-post-button i:hover, body.m-theme__light
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-mature-button i:hover, body.m-theme__light
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-post-button i:hover, body.m-theme__light
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover, body.m-theme__light
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover, body.m-theme__light
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-mature-button i:hover, body.m-theme__light
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-post-button i:hover {
color: #9b9b9b; }
body.m-theme__dark minds-comments .m-comments-composer .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark minds-comments .m-comments-composer .mdl-card__actions .m-mature-button i:hover, body.m-theme__dark
minds-comments .m-comments-composer .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-comments-composer .mdl-card__actions .m-post-button i:hover, body.m-theme__dark
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover, body.m-theme__dark
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover, body.m-theme__dark
minds-comments .minds-editable-container .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .minds-editable-container .mdl-card__actions .m-mature-button i:hover, body.m-theme__dark
minds-comments .minds-editable-container .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .minds-editable-container .mdl-card__actions .m-post-button i:hover, body.m-theme__dark
m-comments__tree .m-comments-composer .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comments-composer .mdl-card__actions .m-mature-button i:hover, body.m-theme__dark
m-comments__tree .m-comments-composer .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comments-composer .mdl-card__actions .m-post-button i:hover, body.m-theme__dark
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover, body.m-theme__dark
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover, body.m-theme__dark
m-comments__tree .minds-editable-container .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .minds-editable-container .mdl-card__actions .m-mature-button i:hover, body.m-theme__dark
m-comments__tree .minds-editable-container .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .minds-editable-container .mdl-card__actions .m-post-button i:hover, body.m-theme__dark
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-mature-button i:hover, body.m-theme__dark
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-post-button i:hover, body.m-theme__dark
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover, body.m-theme__dark
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover, body.m-theme__dark
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-mature-button i:hover, body.m-theme__dark
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-post-button i:hover, body.m-theme__dark
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-mature-button i:hover, body.m-theme__dark
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-post-button i:hover, body.m-theme__dark
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-mature-button i:hover, body.m-theme__dark
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-post-button i:hover, body.m-theme__dark
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-mature-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-mature-button i:hover, body.m-theme__dark
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-post-button i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-post-button i:hover {
color: #797b82; }
minds-comments .m-comments-composer .mdl-card__actions .m-mature-button.m-button-disabled,
minds-comments .m-comments-composer .mdl-card__actions .m-post-button.m-button-disabled,
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-mature-button.m-button-disabled,
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-post-button.m-button-disabled,
minds-comments .minds-editable-container .mdl-card__actions .m-mature-button.m-button-disabled,
minds-comments .minds-editable-container .mdl-card__actions .m-post-button.m-button-disabled,
m-comments__tree .m-comments-composer .mdl-card__actions .m-mature-button.m-button-disabled,
m-comments__tree .m-comments-composer .mdl-card__actions .m-post-button.m-button-disabled,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-mature-button.m-button-disabled,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-post-button.m-button-disabled,
m-comments__tree .minds-editable-container .mdl-card__actions .m-mature-button.m-button-disabled,
m-comments__tree .minds-editable-container .mdl-card__actions .m-post-button.m-button-disabled,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-mature-button.m-button-disabled,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-post-button.m-button-disabled,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-mature-button.m-button-disabled,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-post-button.m-button-disabled,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-mature-button.m-button-disabled,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-post-button.m-button-disabled,
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-mature-button.m-button-disabled,
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-post-button.m-button-disabled,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-mature-button.m-button-disabled,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-post-button.m-button-disabled,
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-mature-button.m-button-disabled,
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-post-button.m-button-disabled {
cursor: default; }
minds-comments .m-comments-composer .mdl-card__actions .m-mature-button.m-button-disabled i,
minds-comments .m-comments-composer .mdl-card__actions .m-post-button.m-button-disabled i,
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-mature-button.m-button-disabled i,
minds-comments .m-commentPoster__wrapper .mdl-card__actions .m-post-button.m-button-disabled i,
minds-comments .minds-editable-container .mdl-card__actions .m-mature-button.m-button-disabled i,
minds-comments .minds-editable-container .mdl-card__actions .m-post-button.m-button-disabled i,
m-comments__tree .m-comments-composer .mdl-card__actions .m-mature-button.m-button-disabled i,
m-comments__tree .m-comments-composer .mdl-card__actions .m-post-button.m-button-disabled i,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-mature-button.m-button-disabled i,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .m-post-button.m-button-disabled i,
m-comments__tree .minds-editable-container .mdl-card__actions .m-mature-button.m-button-disabled i,
m-comments__tree .minds-editable-container .mdl-card__actions .m-post-button.m-button-disabled i,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-mature-button.m-button-disabled i,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .m-post-button.m-button-disabled i,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-mature-button.m-button-disabled i,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .m-post-button.m-button-disabled i,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-mature-button.m-button-disabled i,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .m-post-button.m-button-disabled i,
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-mature-button.m-button-disabled i,
.m-comment-wrapper .m-comments-composer .mdl-card__actions .m-post-button.m-button-disabled i,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-mature-button.m-button-disabled i,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .m-post-button.m-button-disabled i,
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-mature-button.m-button-disabled i,
.m-comment-wrapper .minds-editable-container .mdl-card__actions .m-post-button.m-button-disabled i {
cursor: default;
opacity: 0.65; }
minds-comments .m-comments-composer .mdl-card__actions .attachment-button:before,
minds-comments .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before,
minds-comments .minds-editable-container .mdl-card__actions .attachment-button:before,
m-comments__tree .m-comments-composer .mdl-card__actions .attachment-button:before,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before,
m-comments__tree .minds-editable-container .mdl-card__actions .attachment-button:before,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .attachment-button:before,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .attachment-button:before,
.m-comment-wrapper .m-comments-composer .mdl-card__actions .attachment-button:before,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before,
.m-comment-wrapper .minds-editable-container .mdl-card__actions .attachment-button:before {
font-family: 'material icons';
position: absolute;
top: 7px;
left: 6px; }
body.m-theme__light minds-comments .m-comments-composer .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__light minds-comments .m-comments-composer .mdl-card__actions .attachment-button:before, body.m-theme__light
minds-comments .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before, body.m-theme__light
minds-comments .minds-editable-container .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .minds-editable-container .mdl-card__actions .attachment-button:before, body.m-theme__light
m-comments__tree .m-comments-composer .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comments-composer .mdl-card__actions .attachment-button:before, body.m-theme__light
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before, body.m-theme__light
m-comments__tree .minds-editable-container .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .minds-editable-container .mdl-card__actions .attachment-button:before, body.m-theme__light
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .attachment-button:before, body.m-theme__light
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before, body.m-theme__light
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .attachment-button:before, body.m-theme__light
.m-comment-wrapper .m-comments-composer .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comments-composer .mdl-card__actions .attachment-button:before, body.m-theme__light
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before, body.m-theme__light
.m-comment-wrapper .minds-editable-container .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .minds-editable-container .mdl-card__actions .attachment-button:before {
color: #888; }
body.m-theme__dark minds-comments .m-comments-composer .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__dark minds-comments .m-comments-composer .mdl-card__actions .attachment-button:before, body.m-theme__dark
minds-comments .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before, body.m-theme__dark
minds-comments .minds-editable-container .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .minds-editable-container .mdl-card__actions .attachment-button:before, body.m-theme__dark
m-comments__tree .m-comments-composer .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comments-composer .mdl-card__actions .attachment-button:before, body.m-theme__dark
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before, body.m-theme__dark
m-comments__tree .minds-editable-container .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .minds-editable-container .mdl-card__actions .attachment-button:before, body.m-theme__dark
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .attachment-button:before, body.m-theme__dark
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before, body.m-theme__dark
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .attachment-button:before, body.m-theme__dark
.m-comment-wrapper .m-comments-composer .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comments-composer .mdl-card__actions .attachment-button:before, body.m-theme__dark
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .attachment-button:before, body.m-theme__dark
.m-comment-wrapper .minds-editable-container .mdl-card__actions .attachment-button:before,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .minds-editable-container .mdl-card__actions .attachment-button:before {
color: #737373; }
minds-comments .m-comments-composer .mdl-card__actions .attachment-button,
minds-comments .m-commentPoster__wrapper .mdl-card__actions .attachment-button,
minds-comments .minds-editable-container .mdl-card__actions .attachment-button,
m-comments__tree .m-comments-composer .mdl-card__actions .attachment-button,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .attachment-button,
m-comments__tree .minds-editable-container .mdl-card__actions .attachment-button,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .attachment-button,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .attachment-button,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .attachment-button,
.m-comment-wrapper .m-comments-composer .mdl-card__actions .attachment-button,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .attachment-button,
.m-comment-wrapper .minds-editable-container .mdl-card__actions .attachment-button {
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden;
cursor: pointer; }
minds-comments .m-comments-composer .mdl-card__actions .attachment-button input,
minds-comments .m-commentPoster__wrapper .mdl-card__actions .attachment-button input,
minds-comments .minds-editable-container .mdl-card__actions .attachment-button input,
m-comments__tree .m-comments-composer .mdl-card__actions .attachment-button input,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .attachment-button input,
m-comments__tree .minds-editable-container .mdl-card__actions .attachment-button input,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .attachment-button input,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .attachment-button input,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .attachment-button input,
.m-comment-wrapper .m-comments-composer .mdl-card__actions .attachment-button input,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .attachment-button input,
.m-comment-wrapper .minds-editable-container .mdl-card__actions .attachment-button input {
position: absolute;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
opacity: 0; }
body.m-theme__light minds-comments .m-comments-composer .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__light minds-comments .m-comments-composer .mdl-card__actions .attachment-button input, body.m-theme__light
minds-comments .m-commentPoster__wrapper .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .m-commentPoster__wrapper .mdl-card__actions .attachment-button input, body.m-theme__light
minds-comments .minds-editable-container .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__light
minds-comments .minds-editable-container .mdl-card__actions .attachment-button input, body.m-theme__light
m-comments__tree .m-comments-composer .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comments-composer .mdl-card__actions .attachment-button input, body.m-theme__light
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .attachment-button input, body.m-theme__light
m-comments__tree .minds-editable-container .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .minds-editable-container .mdl-card__actions .attachment-button input, body.m-theme__light
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .attachment-button input, body.m-theme__light
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .attachment-button input, body.m-theme__light
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .attachment-button input, body.m-theme__light
.m-comment-wrapper .m-comments-composer .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comments-composer .mdl-card__actions .attachment-button input, body.m-theme__light
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .attachment-button input, body.m-theme__light
.m-comment-wrapper .minds-editable-container .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .minds-editable-container .mdl-card__actions .attachment-button input {
color: #9b9b9b; }
body.m-theme__dark minds-comments .m-comments-composer .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__dark minds-comments .m-comments-composer .mdl-card__actions .attachment-button input, body.m-theme__dark
minds-comments .m-commentPoster__wrapper .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .m-commentPoster__wrapper .mdl-card__actions .attachment-button input, body.m-theme__dark
minds-comments .minds-editable-container .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-comments .minds-editable-container .mdl-card__actions .attachment-button input, body.m-theme__dark
m-comments__tree .m-comments-composer .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comments-composer .mdl-card__actions .attachment-button input, body.m-theme__dark
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .attachment-button input, body.m-theme__dark
m-comments__tree .minds-editable-container .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .minds-editable-container .mdl-card__actions .attachment-button input, body.m-theme__dark
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .attachment-button input, body.m-theme__dark
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .attachment-button input, body.m-theme__dark
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .attachment-button input, body.m-theme__dark
.m-comment-wrapper .m-comments-composer .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comments-composer .mdl-card__actions .attachment-button input, body.m-theme__dark
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .attachment-button input, body.m-theme__dark
.m-comment-wrapper .minds-editable-container .mdl-card__actions .attachment-button input,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .minds-editable-container .mdl-card__actions .attachment-button input {
color: #797b82; }
minds-comments .m-comments-composer .mdl-card__actions .attachment-button input::-webkit-file-upload-button,
minds-comments .m-commentPoster__wrapper .mdl-card__actions .attachment-button input::-webkit-file-upload-button,
minds-comments .minds-editable-container .mdl-card__actions .attachment-button input::-webkit-file-upload-button,
m-comments__tree .m-comments-composer .mdl-card__actions .attachment-button input::-webkit-file-upload-button,
m-comments__tree .m-commentPoster__wrapper .mdl-card__actions .attachment-button input::-webkit-file-upload-button,
m-comments__tree .minds-editable-container .mdl-card__actions .attachment-button input::-webkit-file-upload-button,
m-comments__entityOutlet .m-comments-composer .mdl-card__actions .attachment-button input::-webkit-file-upload-button,
m-comments__entityOutlet .m-commentPoster__wrapper .mdl-card__actions .attachment-button input::-webkit-file-upload-button,
m-comments__entityOutlet .minds-editable-container .mdl-card__actions .attachment-button input::-webkit-file-upload-button,
.m-comment-wrapper .m-comments-composer .mdl-card__actions .attachment-button input::-webkit-file-upload-button,
.m-comment-wrapper .m-commentPoster__wrapper .mdl-card__actions .attachment-button input::-webkit-file-upload-button,
.m-comment-wrapper .minds-editable-container .mdl-card__actions .attachment-button input::-webkit-file-upload-button {
cursor: pointer; }
minds-comments .post-preview,
m-comments__tree .post-preview,
m-comments__entityOutlet .post-preview,
.m-comment-wrapper .post-preview {
margin-bottom: 8px; }
minds-comments .minds-comments-container .m-comment-attachment .item-image.m-mature-content-shown .m-mature-overlay,
m-comments__tree .minds-comments-container .m-comment-attachment .item-image.m-mature-content-shown .m-mature-overlay,
m-comments__entityOutlet .minds-comments-container .m-comment-attachment .item-image.m-mature-content-shown .m-mature-overlay,
.m-comment-wrapper .minds-comments-container .m-comment-attachment .item-image.m-mature-content-shown .m-mature-overlay {
left: 8px;
right: auto; }
minds-comments .minds-comments-container .m-comment-attachment .item-image img,
minds-comments .minds-comments-container .m-comment-attachment .item-image minds-video,
m-comments__tree .minds-comments-container .m-comment-attachment .item-image img,
m-comments__tree .minds-comments-container .m-comment-attachment .item-image minds-video,
m-comments__entityOutlet .minds-comments-container .m-comment-attachment .item-image img,
m-comments__entityOutlet .minds-comments-container .m-comment-attachment .item-image minds-video,
.m-comment-wrapper .minds-comments-container .m-comment-attachment .item-image img,
.m-comment-wrapper .minds-comments-container .m-comment-attachment .item-image minds-video {
width: auto;
max-width: 100%;
max-height: 234px; }
minds-comments .minds-comments-container .m-comment-attachment .image-video,
m-comments__tree .minds-comments-container .m-comment-attachment .image-video,
m-comments__entityOutlet .minds-comments-container .m-comment-attachment .image-video,
.m-comment-wrapper .minds-comments-container .m-comment-attachment .image-video {
height: 300px; }
minds-comments .m-comments__viewMore,
m-comments__tree .m-comments__viewMore,
m-comments__entityOutlet .m-comments__viewMore,
.m-comment-wrapper .m-comments__viewMore {
display: flex;
justify-content: space-around;
margin: -10px 0 10px; }
minds-comments .m-comments__viewMore m-button button,
m-comments__tree .m-comments__viewMore m-button button,
m-comments__entityOutlet .m-comments__viewMore m-button button,
.m-comment-wrapper .m-comments__viewMore m-button button {
min-height: 30px !important;
padding: 4px 11px !important; }
body.m-theme__light minds-comments .m-comments__viewMore m-button button,
body .m-theme--wrapper.m-theme--wrapper__light minds-comments .m-comments__viewMore m-button button, body.m-theme__light
m-comments__tree .m-comments__viewMore m-button button,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__tree .m-comments__viewMore m-button button, body.m-theme__light
m-comments__entityOutlet .m-comments__viewMore m-button button,
body .m-theme--wrapper.m-theme--wrapper__light
m-comments__entityOutlet .m-comments__viewMore m-button button, body.m-theme__light
.m-comment-wrapper .m-comments__viewMore m-button button,
body .m-theme--wrapper.m-theme--wrapper__light
.m-comment-wrapper .m-comments__viewMore m-button button {
border: 1px solid #d3dbe3 !important; }
body.m-theme__dark minds-comments .m-comments__viewMore m-button button,
body .m-theme--wrapper.m-theme--wrapper__dark minds-comments .m-comments__viewMore m-button button, body.m-theme__dark
m-comments__tree .m-comments__viewMore m-button button,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__tree .m-comments__viewMore m-button button, body.m-theme__dark
m-comments__entityOutlet .m-comments__viewMore m-button button,
body .m-theme--wrapper.m-theme--wrapper__dark
m-comments__entityOutlet .m-comments__viewMore m-button button, body.m-theme__dark
.m-comment-wrapper .m-comments__viewMore m-button button,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-comment-wrapper .m-comments__viewMore m-button button {
border: 1px solid #414c57 !important; }
minds-comments .m-comments__viewMore m-button button div,
m-comments__tree .m-comments__viewMore m-button button div,
m-comments__entityOutlet .m-comments__viewMore m-button button div,
.m-comment-wrapper .m-comments__viewMore m-button button div {
font-weight: 500 !important;
font-size: 13px !important; }
.m-comment-wrapper {
margin-top: 0; }
.m-comment-wrapper .m-ribbon {
display: none; }
.m-comments--start-conversation-label {
font-size: 12px;
text-align: center;
margin: 16px 0; }
body.m-theme__light .m-comments--start-conversation-label,
body .m-theme--wrapper.m-theme--wrapper__light .m-comments--start-conversation-label {
color: #9b9b9b; }
body.m-theme__dark .m-comments--start-conversation-label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-comments--start-conversation-label {
color: #797b82; }
.m-comments--start-conversation-label a {
font-weight: inherit;
color: inherit;
cursor: pointer; }
.m-comments--start-conversation-label a b {
font-weight: bold; }
body.m-theme__light .m-comments--start-conversation-label a b,
body .m-theme--wrapper.m-theme--wrapper__light .m-comments--start-conversation-label a b {
color: #4690df; }
body.m-theme__dark .m-comments--start-conversation-label a b,
body .m-theme--wrapper.m-theme--wrapper__dark .m-comments--start-conversation-label a b {
color: #44aaff; }
.m-comments--load-error-label {
font-size: 12px;
text-align: center;
margin: 16px 0; }
body.m-theme__light .m-comments--load-error-label,
body .m-theme--wrapper.m-theme--wrapper__light .m-comments--load-error-label {
color: #c62828; }
body.m-theme__dark .m-comments--load-error-label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-comments--load-error-label {
color: #d63232; }
.m-comments--load-error-label i.material-icons {
font-size: 1.2em; }
.m-comments--load-error-label > * {
vertical-align: middle; }
.m-comment--poster .minds-body {
overflow: visible;
min-height: 50px;
max-width: calc(100% - 60px); }
m-composer__base {
display: block; }
.m-composer__base {
display: flex;
flex-direction: column;
width: 100%;
height: 390px;
align-items: center;
justify-content: center;
transition: all 0.3s ease 0s !important;
padding: 20px 0;
box-sizing: border-box; }
.m-composer__base.m-composer__base--withPreview {
height: 669px; }
.m-composer__base .m-composerBase__container {
flex: 1;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
min-height: 100%; }
@media screen and (max-width: 480px) {
.m-composer__base .m-composerBase__container {
justify-content: space-between; } }
.m-composer__base m-composer__titleBar {
margin-bottom: 20px; }
.m-composer__base .m-composerBase__textArea {
display: flex;
flex-direction: column;
flex: 1;
margin: 0;
padding: 20px 0 0; }
.m-composer__base .m-composerBase__error {
padding: 24px 8px 0;
text-align: center;
font-size: 13px;
border-top: 1px solid;
margin-top: 20px; }
body.m-theme__light .m-composer__base .m-composerBase__error,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__base .m-composerBase__error {
color: #e03c20;
border-color: #d3dbe3; }
body.m-theme__dark .m-composer__base .m-composerBase__error,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__base .m-composerBase__error {
color: #e03c20;
border-color: #414c57; }
.m-composer__base .m-composerBase__scrollableArea {
flex-grow: 1;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.m-composer__base .m-composerBase__scrollableArea::-webkit-scrollbar {
display: none; }
.m-composer__base--placeholder .m-composer__base {
height: 152px;
display: block;
padding: 0; }
.m-composer__base--placeholder .m-composer__base.m-composer__base--withPreview {
height: 680px; }
.m-composer__base--placeholder .m-composer__base m-composer__titleBar {
display: none; }
.m-composer__base--placeholder .m-composer__base m-composer__textArea .m-composer__textArea textarea {
min-height: 0;
padding: 20px; }
.m-composer__base--placeholder .m-composer__base .m-composer__toolbar {
padding: 20px; }
.m-composer__base--placeholder .m-composer__base:not(.m-composer__base--withPreview) .m-composer__toolbar {
border: 0; }
body.m-theme__light .m-composer__base--placeholder .m-composer__base .m-composer__preview,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__base--placeholder .m-composer__base .m-composer__preview {
background-color: rgba(255, 255, 255, 0.75); }
body.m-theme__dark .m-composer__base--placeholder .m-composer__base .m-composer__preview,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__base--placeholder .m-composer__base .m-composer__preview {
background-color: rgba(36, 42, 48, 0.75); }
.m-composer__base--placeholder .m-composer__base--small {
height: 120px; }
m-composer__coverPhotoSelector {
position: relative;
z-index: 0;
display: contents; }
.m-composer__coverPhotoSelector {
display: block;
box-sizing: border-box;
position: absolute;
bottom: 0;
padding: 20px;
width: 100%; }
.m-composerCoverPhotoSelector__button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 2px;
padding: 3px 4px 3px 10px;
line-height: 20px;
cursor: pointer; }
body.m-theme__light .m-composerCoverPhotoSelector__button,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerCoverPhotoSelector__button {
border: 0;
background-color: #ffffff;
color: #72727c; }
body.m-theme__dark .m-composerCoverPhotoSelector__button,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerCoverPhotoSelector__button {
border: 0;
background-color: #242a30;
color: #b8c1ca; }
.m-composerCoverPhotoSelector__button.m-composerCoverPhotoSelector__button--expanded {
border-radius: 2px 2px 0 0; }
.m-composerCoverPhotoSelector__button > span {
font-size: 15px;
margin-right: 5px; }
.m-composerCoverPhotoSelector__button > span,
.m-composerCoverPhotoSelector__button > i {
vertical-align: middle;
line-height: 20px; }
.m-composerCoverPhotoSelector__container {
border-radius: 0 0 2px 2px;
width: 100%;
margin: 0;
padding: 10px 20px;
box-sizing: border-box; }
body.m-theme__light .m-composerCoverPhotoSelector__container,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerCoverPhotoSelector__container {
background-color: #ffffff; }
body.m-theme__dark .m-composerCoverPhotoSelector__container,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerCoverPhotoSelector__container {
background-color: #242a30; }
.m-composerCoverPhotoSelector__container label {
font-size: 15px;
line-height: 20px; }
.m-composerCoverPhotoSelector__list {
display: flex;
flex-direction: row;
align-items: center;
list-style: none;
margin: 10px 0;
padding: 0; }
.m-composerCoverPhotoSelectorList__item {
width: 80px;
height: 80px;
margin-right: 20px;
border-radius: 2px;
overflow: hidden; }
body.m-theme__light .m-composerCoverPhotoSelectorList__item,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerCoverPhotoSelectorList__item {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-composerCoverPhotoSelectorList__item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerCoverPhotoSelectorList__item {
border: 1px solid #414c57; }
body.m-theme__light .m-composerCoverPhotoSelectorList__item.m-composerCoverPhotoSelectorList__item--selected,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerCoverPhotoSelectorList__item.m-composerCoverPhotoSelectorList__item--selected {
border-color: #4690df; }
body.m-theme__dark .m-composerCoverPhotoSelectorList__item.m-composerCoverPhotoSelectorList__item--selected,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerCoverPhotoSelectorList__item.m-composerCoverPhotoSelectorList__item--selected {
border-color: #44aaff; }
.m-composerCoverPhotoSelector__preview {
text-align: center;
width: 100%;
height: 100%;
vertical-align: middle;
display: inline-block;
padding: 0;
position: relative;
cursor: pointer; }
body.m-theme__light .m-composerCoverPhotoSelector__preview,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerCoverPhotoSelector__preview {
color: #72727c; }
body.m-theme__dark .m-composerCoverPhotoSelector__preview,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerCoverPhotoSelector__preview {
color: #b8c1ca; }
.m-composerCoverPhotoSelector__preview.m-composerCoverPhotoSelector__preview--icon {
padding: 30px 0; }
.m-composerCoverPhotoSelector__preview img {
-o-object-fit: cover;
object-fit: cover; }
.m-composerCoverPhotoSelector__preview .m-composerCoverPhotoSelector__delete {
position: absolute;
top: 0;
right: 0;
color: #fff;
text-shadow: 0 1px 2px #888;
z-index: 1; }
m-composer__modal {
position: relative;
display: block;
width: 100%;
max-width: 585px;
margin: 29px 0 34px;
border-radius: 5px;
box-sizing: border-box; }
body.m-theme__light m-composer__modal,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__modal {
background: #ffffff; }
body.m-theme__dark m-composer__modal,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__modal {
background: #242a30; }
@media screen and (max-width: 480px) {
m-composer__modal {
margin: 0;
padding: 0;
height: var(--mobileVH);
border-radius: 0; } }
m-composer__modal m-composer__base {
display: block; }
@media screen and (max-width: 480px) {
m-composer__modal m-composer__base {
padding-bottom: 0;
height: 100%; }
m-composer__modal m-composer__base .m-composer__base,
m-composer__modal m-composer__base .m-composer__base.m-composer__base--withPreview {
height: auto; } }
@media screen and (max-width: 480px) and (max-width: 480px) {
m-composer__modal m-composer__base .m-composer__base,
m-composer__modal m-composer__base .m-composer__base.m-composer__base--withPreview {
height: inherit; } }
.m-composer__monetize .m-composerPopup__title {
margin: 0 0 22px; }
.m-composer__monetize .m-composerPopup__text {
margin: 0 0 28px; }
.m-composer__monetize label:not(.m-composerPopup__trigger),
.m-composer__monetize .m-composerPopup__label {
margin: 0 0 10px; }
.m-composer__monetize .m-composerPopup__field {
position: relative;
margin: 0 0 40px 0; }
.m-composer__monetize .m-composerPopup__field.m-composerMonetize__typeField {
margin: 0 0 20px 0; }
.m-composer__monetize .m-composerPopup__field .m-form__field--radio,
.m-composer__monetize .m-composerPopup__field .m-form__customInputWrapper__radio {
margin-bottom: 0 !important; }
.m-composer__monetize .m-form__field--select select {
width: 100%; }
.m-composer__monetize .m-composerPopup__inlineFormFieldsContainer {
display: flex;
flex-flow: row wrap;
align-items: flex-end; }
.m-composer__monetize .m-form__field--checkbox {
display: block; }
.m-composer__monetize .m-form__field--text input {
min-width: 200px; }
.m-composer__monetize .m-form__row--label {
font-size: 16px; }
body.m-theme__light .m-composer__monetize .m-form__row--label,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__monetize .m-form__row--label {
color: #43434d; }
body.m-theme__dark .m-composer__monetize .m-form__row--label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__monetize .m-form__row--label {
color: #ffffff; }
m-composer__monetizeV2__custom .m-composerPopup__inlineFormFieldsContainer input[type='number'] {
min-width: 200px; }
m-composer__monetizeV2__custom .m-form__field--text {
margin-right: 20px; }
m-composer__monetizeV2__custom .m-formInputCheckbox__customLabel > span {
font-size: 15px !important; }
body.m-theme__light m-composer__monetizeV2__custom .m-formInputCheckbox__customLabel > span,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__monetizeV2__custom .m-formInputCheckbox__customLabel > span {
color: #43434d; }
body.m-theme__dark m-composer__monetizeV2__custom .m-formInputCheckbox__customLabel > span,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__monetizeV2__custom .m-formInputCheckbox__customLabel > span {
color: #ffffff; }
m-composer__monetizeV2__custom .m-composerPopup__checkbox--allowTokens {
display: flex; }
m-composer__monetizeV2__memberships .m-composerPopup__content.m-formWrapper {
max-height: 40vh;
overflow-y: scroll; }
m-composer__monetizeV2__memberships .m-form__row--label {
display: flex;
justify-content: space-between;
font-size: 15px; }
m-composer__monetizeV2__memberships .m-form__row--label a {
display: inline-block;
margin-left: 10px;
font-weight: 400; }
m-composer__monetizeV2__memberships .m-form__customInputWrapper__radio {
width: 100%; }
@media screen and (max-width: 480px) {
m-composer__monetizeV2__memberships .m-form__customInputWrapper__radio {
width: 100%; } }
m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel {
font-size: 16px;
display: flex;
flex-flow: row wrap;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
body.m-theme__light m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel {
color: #72727c; }
body.m-theme__dark m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel {
color: #b8c1ca; }
m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel span {
display: inline-block; }
m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel > span:first-child {
flex-basis: 65%; }
@media screen and (max-width: 585px) {
m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel > span:first-child {
flex-basis: 100%; } }
m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel > span:first-child > span:first-child {
margin-right: 4px; }
body.m-theme__light m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel > span:first-child > span:first-child,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel > span:first-child > span:first-child {
color: #43434d; }
body.m-theme__dark m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel > span:first-child > span:first-child,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__monetizeV2__memberships .m-composerPopup__memberships__radioLabel > span:first-child > span:first-child {
color: #ffffff; }
m-composer__monetizeV2 .m-tabs__container {
padding: 0;
margin-bottom: 30px; }
m-composer__monetizeV2 .m-composerPopup__title {
margin: 0 0 18px; }
m-composer__monetizeV2 .m-composerPopup__text {
margin: 0 0 20px; }
m-composer__monetizeV2 a {
font-size: 16px;
text-decoration: underline;
cursor: pointer; }
m-composer__monetizeV2 .m-composerPopup__action {
min-height: 63px; }
m-composer__monetizeV2 .m-composerPopup__content.m-formWrapper {
padding-bottom: 60px;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
@media screen and (max-width: 585px) {
m-composer__monetizeV2 .m-composerPopup__content.m-formWrapper {
padding-bottom: 0; } }
m-composer__monetizeV2 .m-form__row--label,
m-composer__monetizeV2 .m-form__row--label > span {
font-size: 16px;
font-weight: 400; }
body.m-theme__light m-composer__monetizeV2 .m-form__row--label,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__monetizeV2 .m-form__row--label, body.m-theme__light
m-composer__monetizeV2 .m-form__row--label > span,
body .m-theme--wrapper.m-theme--wrapper__light
m-composer__monetizeV2 .m-form__row--label > span {
color: #72727c; }
body.m-theme__dark m-composer__monetizeV2 .m-form__row--label,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__monetizeV2 .m-form__row--label, body.m-theme__dark
m-composer__monetizeV2 .m-form__row--label > span,
body .m-theme--wrapper.m-theme--wrapper__dark
m-composer__monetizeV2 .m-form__row--label > span {
color: #b8c1ca; }
body.m-theme__light m-composer__monetizeV2__plus .m-composerPopup__checkbox,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__monetizeV2__plus .m-composerPopup__checkbox {
color: #fff; }
body.m-theme__dark m-composer__monetizeV2__plus .m-composerPopup__checkbox,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__monetizeV2__plus .m-composerPopup__checkbox {
color: #202527; }
m-composer__monetizeV2__plus .m-composerPopup__checkbox .m-formInput__checkbox .m-formInputCheckbox__customLabel > span {
font-size: 16px; }
body.m-theme__light m-composer__monetizeV2__plus .m-composerPopup__checkbox .m-formInput__checkbox .m-formInputCheckbox__customLabel > span,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__monetizeV2__plus .m-composerPopup__checkbox .m-formInput__checkbox .m-formInputCheckbox__customLabel > span {
color: #43434d; }
body.m-theme__dark m-composer__monetizeV2__plus .m-composerPopup__checkbox .m-formInput__checkbox .m-formInputCheckbox__customLabel > span,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__monetizeV2__plus .m-composerPopup__checkbox .m-formInput__checkbox .m-formInputCheckbox__customLabel > span {
color: #ffffff; }
m-composer__monetizeV2__plus .m-composerPopup__subtitle {
margin: 0 0 40px 0 !important; }
m-composer__monetizeV2__plus .m-form__field--textboxToggle {
margin-top: 36px; }
m-composer__monetizeV2__plus .m-form__row--label.m-composerPopup__text {
font-weight: 400;
font-size: 16px;
margin-bottom: 12px; }
body.m-theme__light m-composer__monetizeV2__plus .m-form__row--label.m-composerPopup__text,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__monetizeV2__plus .m-form__row--label.m-composerPopup__text {
color: #72727c; }
body.m-theme__dark m-composer__monetizeV2__plus .m-form__row--label.m-composerPopup__text,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__monetizeV2__plus .m-form__row--label.m-composerPopup__text {
color: #b8c1ca; }
.m-composer__nsfw .m-composerPopup__title {
margin: 0 0 15px; }
.m-composer__nsfw .m-composerPopup__text {
margin: 0 0 38px; }
.m-composer__nsfw .m-composerNsfw__list {
list-style: none;
margin: 0 0 17px;
padding: 0; }
.m-composer__nsfw .m-composerNsfw__list .m-composerNsfw__item {
display: inline-block;
margin: 0 16px 20px 0;
padding: 5px 15px 6px 15px;
border: 1px solid;
border-radius: 17px;
font-size: 17px;
line-height: 23px;
cursor: pointer; }
.m-composer__nsfw .m-composerNsfw__list .m-composerNsfw__item:last-child {
margin-right: 0; }
body.m-theme__light .m-composer__nsfw .m-composerNsfw__list .m-composerNsfw__item,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__nsfw .m-composerNsfw__list .m-composerNsfw__item {
color: #43434d;
border-color: #d3dbe3; }
body.m-theme__light .m-composer__nsfw .m-composerNsfw__list .m-composerNsfw__item.m-composerNsfw__item--active,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__nsfw .m-composerNsfw__list .m-composerNsfw__item.m-composerNsfw__item--active {
color: #d3dbe3;
border-color: #72727c;
background: #72727c; }
body.m-theme__dark .m-composer__nsfw .m-composerNsfw__list .m-composerNsfw__item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__nsfw .m-composerNsfw__list .m-composerNsfw__item {
color: #ffffff;
border-color: #414c57; }
body.m-theme__dark .m-composer__nsfw .m-composerNsfw__list .m-composerNsfw__item.m-composerNsfw__item--active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__nsfw .m-composerNsfw__list .m-composerNsfw__item.m-composerNsfw__item--active {
color: #414c57;
border-color: #b8c1ca;
background: #b8c1ca; }
m-composer__popup {
display: block;
position: absolute;
border-radius: 5px;
z-index: 1; }
m-composer__popup.m-composer__popup--open {
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0; }
body.m-theme__light m-composer__popup.m-composer__popup--open,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__popup.m-composer__popup--open {
background: rgba(0, 0, 0, 0.2); }
body.m-theme__dark m-composer__popup.m-composer__popup--open,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__popup.m-composer__popup--open {
background: rgba(0, 0, 0, 0.3); }
.m-composer__popup {
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: auto;
min-height: 360px;
max-height: 100vh;
overflow-x: hidden;
overflow-y: auto;
display: flex;
flex-direction: column;
transform: translateY(-50%); }
body.m-theme__light .m-composer__popup,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__popup {
background: #ffffff; }
body.m-theme__dark .m-composer__popup,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__popup {
background: #242a30; }
@media screen and (max-width: 480px) {
.m-composer__popup {
top: 0;
bottom: 0;
overflow: scroll;
transform: initial; } }
.m-composer__popup > * {
flex: 1;
display: flex;
flex-direction: column; }
.m-composer__popup .m-composerPopup__close {
position: absolute;
flex: initial;
top: 24px;
right: 40px;
font-size: 16px;
cursor: pointer; }
body.m-theme__light .m-composer__popup .m-composerPopup__close,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__popup .m-composerPopup__close {
color: #72727c; }
body.m-theme__dark .m-composer__popup .m-composerPopup__close,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__popup .m-composerPopup__close {
color: #b8c1ca; }
.m-composerPopup__body {
flex: 1;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
padding: 20px 0 20px; }
.m-composerPopup__body a {
font-size: inherit;
font-weight: inherit; }
body.m-theme__light .m-composerPopup__body a,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body a {
color: #1b85d6; }
body.m-theme__dark .m-composerPopup__body a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body a {
color: #1b85d6; }
.m-composerPopup__body .m-tooltip > i.material-icons {
color: inherit;
font-weight: normal;
font-size: 1.15em;
vertical-align: middle;
margin-left: 7px; }
.m-composerPopup__body .m-composerPopup__content {
flex: 1;
padding: 0 40px; }
.m-composerPopup__body .m-composerPopup__title {
font-weight: normal;
font-size: 24px;
line-height: 32px; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__title,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__title {
color: #43434d; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__title {
color: #ffffff; }
.m-composerPopup__body h3,
.m-composerPopup__body h4,
.m-composerPopup__body p {
margin: 0; }
.m-composerPopup__body .m-composerPopup__subtitle {
font-size: 16px;
line-height: 21px;
font-weight: 500;
margin: 24px 0 20px; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__subtitle,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__subtitle {
color: #43434d; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__subtitle,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__subtitle {
color: #ffffff; }
.m-composerPopup__body .m-composerPopup__text,
.m-composerPopup__body .m-composerPopup__smallNote {
font-weight: normal;
padding-right: 60px; }
@media screen and (max-width: 480px) {
.m-composerPopup__body .m-composerPopup__text,
.m-composerPopup__body .m-composerPopup__smallNote {
padding-right: 0; } }
body.m-theme__light .m-composerPopup__body .m-composerPopup__text,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__text, body.m-theme__light
.m-composerPopup__body .m-composerPopup__smallNote,
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__smallNote {
color: #72727c; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__text,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__text, body.m-theme__dark
.m-composerPopup__body .m-composerPopup__smallNote,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__smallNote {
color: #b8c1ca; }
.m-composerPopup__body .m-composerPopup__text {
font-size: 16px;
line-height: 21px; }
.m-composerPopup__body .m-composerPopup__error {
margin-right: 10px; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__error,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__error {
color: #e03c20; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__error,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__error {
color: #e03c20; }
.m-composerPopup__body .m-composerPopup__smallNote {
font-size: 14px;
line-height: 23px; }
.m-composerPopup__body .m-composerPopup__field {
font-size: 16px;
line-height: 21px; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__field,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__field {
color: #43434d; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__field,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__field {
color: #ffffff; }
.m-composerPopup__body .m-composerPopup__field label.m-composerPopup__trigger {
display: inline-flex;
align-items: center;
justify-content: flex-start; }
.m-composerPopup__body .m-composerPopup__field label:not(.m-composerPopup__trigger),
.m-composerPopup__body .m-composerPopup__field .m-composerPopup__label {
display: block;
font-size: 16px;
line-height: 21px;
font-weight: normal; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__field label:not(.m-composerPopup__trigger),
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__field label:not(.m-composerPopup__trigger), body.m-theme__light
.m-composerPopup__body .m-composerPopup__field .m-composerPopup__label,
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field .m-composerPopup__label {
color: #72727c; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__field label:not(.m-composerPopup__trigger),
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__field label:not(.m-composerPopup__trigger), body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field .m-composerPopup__label,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field .m-composerPopup__label {
color: #b8c1ca; }
.m-composerPopup__body .m-composerPopup__field input[type='text'],
.m-composerPopup__body .m-composerPopup__field input[type='number'],
.m-composerPopup__body .m-composerPopup__field input[type='password'],
.m-composerPopup__body .m-composerPopup__field input[type='time'],
.m-composerPopup__body .m-composerPopup__field input[type='email'] {
width: 225px;
max-width: 100%;
padding: 9px 14px 10px;
margin: 0;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
background: transparent;
border: 1px solid;
border-radius: 2px;
font-size: inherit;
line-height: inherit; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__field input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__field input[type='text'], body.m-theme__light
.m-composerPopup__body .m-composerPopup__field input[type='number'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field input[type='number'], body.m-theme__light
.m-composerPopup__body .m-composerPopup__field input[type='password'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field input[type='password'], body.m-theme__light
.m-composerPopup__body .m-composerPopup__field input[type='time'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field input[type='time'], body.m-theme__light
.m-composerPopup__body .m-composerPopup__field input[type='email'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field input[type='email'] {
border-color: #d3dbe3; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__field input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__field input[type='text'], body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field input[type='number'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field input[type='number'], body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field input[type='password'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field input[type='password'], body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field input[type='time'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field input[type='time'], body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field input[type='email'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field input[type='email'] {
border-color: #414c57; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__field input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__field input[type='text'], body.m-theme__light
.m-composerPopup__body .m-composerPopup__field input[type='number'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field input[type='number'], body.m-theme__light
.m-composerPopup__body .m-composerPopup__field input[type='password'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field input[type='password'], body.m-theme__light
.m-composerPopup__body .m-composerPopup__field input[type='time'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field input[type='time'], body.m-theme__light
.m-composerPopup__body .m-composerPopup__field input[type='email'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field input[type='email'] {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__field input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__field input[type='text'], body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field input[type='number'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field input[type='number'], body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field input[type='password'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field input[type='password'], body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field input[type='time'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field input[type='time'], body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field input[type='email'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field input[type='email'] {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 480px) {
.m-composerPopup__body .m-composerPopup__field input[type='text'],
.m-composerPopup__body .m-composerPopup__field input[type='number'],
.m-composerPopup__body .m-composerPopup__field input[type='password'],
.m-composerPopup__body .m-composerPopup__field input[type='time'],
.m-composerPopup__body .m-composerPopup__field input[type='email'] {
width: 100%; } }
body.m-theme__light .m-composerPopup__body .m-composerPopup__field input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__field input[type='text'], body.m-theme__light
.m-composerPopup__body .m-composerPopup__field input[type='number'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field input[type='number'], body.m-theme__light
.m-composerPopup__body .m-composerPopup__field input[type='password'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field input[type='password'], body.m-theme__light
.m-composerPopup__body .m-composerPopup__field input[type='time'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field input[type='time'], body.m-theme__light
.m-composerPopup__body .m-composerPopup__field input[type='email'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-composerPopup__body .m-composerPopup__field input[type='email'] {
color: #72727c;
background: #ffffff; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__field input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__field input[type='text'], body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field input[type='number'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field input[type='number'], body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field input[type='password'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field input[type='password'], body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field input[type='time'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field input[type='time'], body.m-theme__dark
.m-composerPopup__body .m-composerPopup__field input[type='email'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composerPopup__body .m-composerPopup__field input[type='email'] {
color: #b8c1ca;
background: #242a30; }
.m-composerPopup__body .m-composerPopup__field button {
padding: 8px 23px;
margin: 0;
cursor: pointer;
font-weight: bold;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
background: transparent;
border: 1px solid;
border-radius: 2px;
font-size: inherit;
line-height: inherit; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__field button,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__field button {
border-color: #d3dbe3; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__field button,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__field button {
border-color: #414c57; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__field button,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__field button {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__field button,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__field button {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
body.m-theme__light .m-composerPopup__body .m-composerPopup__field button,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__field button {
color: #72727c;
background: #ffffff; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__field button,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__field button {
color: #b8c1ca;
background: #242a30; }
.m-composerPopup__body .m-composerPopup__field button[disabled] {
cursor: initial; }
.m-composerPopup__body .m-composerPopup__field input[type='checkbox'] {
display: inline-block;
width: 1em;
height: 1em;
margin: 0 10px 0 0;
padding: 0;
cursor: pointer;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
background: transparent;
border: 1px solid;
border-radius: 2px;
font-size: inherit;
line-height: inherit; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__field input[type='checkbox'],
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__field input[type='checkbox'] {
border-color: #d3dbe3; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__field input[type='checkbox'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__field input[type='checkbox'] {
border-color: #414c57; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__field input[type='checkbox'],
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__field input[type='checkbox'] {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__field input[type='checkbox'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__field input[type='checkbox'] {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.m-composerPopup__body .m-composerPopup__field input[type='checkbox']:checked::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: contain; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__field input[type='checkbox']:checked::after,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__field input[type='checkbox']:checked::after {
background: url('data:image/svg+xml;utf8,') no-repeat center center; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__field input[type='checkbox']:checked::after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__field input[type='checkbox']:checked::after {
background: url('data:image/svg+xml;utf8,') no-repeat center center; }
.m-composerPopup__body .m-composerPopup__action {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
padding: 20px 40px 0;
border-top: 1px solid; }
body.m-theme__light .m-composerPopup__body .m-composerPopup__action,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerPopup__body .m-composerPopup__action {
border-color: #d3dbe3; }
body.m-theme__dark .m-composerPopup__body .m-composerPopup__action,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerPopup__body .m-composerPopup__action {
border-color: #414c57; }
.m-composer__schedule .m-composerSchedule__layout {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between; }
@media screen and (max-width: 480px) {
.m-composer__schedule .m-composerSchedule__layout {
flex-direction: column; } }
.m-composer__schedule .m-composerPopup__title {
margin: 0 0 24px; }
.m-composer__schedule .m-composerSchedule__calendar {
width: 255px; }
.m-composer__schedule .m-composerSchedule__calendar .m-calendar__monthSelector {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 0 29px; }
.m-composer__schedule .m-composerSchedule__calendar .m-calendarMonthSelector__displayName {
flex: 1;
font-size: 16px;
line-height: 21px;
font-weight: bold;
letter-spacing: 0.63px; }
body.m-theme__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarMonthSelector__displayName,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarMonthSelector__displayName {
color: #72727c; }
body.m-theme__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarMonthSelector__displayName,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarMonthSelector__displayName {
color: #b8c1ca; }
.m-composer__schedule .m-composerSchedule__calendar .m-calendarMonthSelector__nav {
font-size: 16px;
margin-left: 20px;
cursor: pointer; }
body.m-theme__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarMonthSelector__nav,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarMonthSelector__nav {
color: #43434d; }
body.m-theme__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarMonthSelector__nav,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarMonthSelector__nav {
color: #ffffff; }
.m-composer__schedule .m-composerSchedule__calendar .m-calendarMonthSelector__nav.m-calendarMonthSelectorNav--disabled {
opacity: 0.25;
cursor: initial; }
.m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__columnHeader {
padding-bottom: 14px;
font-weight: 500;
font-size: 16px;
line-height: 19px; }
body.m-theme__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__columnHeader,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__columnHeader {
color: rgba(114, 114, 124, 0.5); }
body.m-theme__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__columnHeader,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__columnHeader {
color: rgba(184, 193, 202, 0.5); }
.m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date {
padding: 8px 0;
font-size: 15px;
line-height: 1;
cursor: pointer; }
body.m-theme__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date {
color: #43434d; }
body.m-theme__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date {
color: #ffffff; }
.m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date > a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 1.25em;
position: relative;
z-index: 0;
color: inherit !important;
font: inherit !important; }
body.m-theme__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--offset,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--offset {
color: #72727c; }
body.m-theme__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--offset,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--offset {
color: #b8c1ca; }
.m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--disabled {
opacity: 0.25;
cursor: initial; }
body.m-theme__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--selected,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--selected {
color: #fff; }
body.m-theme__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--selected,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--selected {
color: #fff; }
.m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--selected a::after {
content: '';
display: block;
width: 38px;
height: 38px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
border-radius: 50%; }
body.m-theme__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--selected a::after,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--selected a::after {
background: #1b85d6; }
body.m-theme__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--selected a::after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__schedule .m-composerSchedule__calendar .m-calendarGrid__date.m-calendarGridDate--selected a::after {
background: #1b85d6; }
.m-composer__schedule .m-composerSchedule__form {
display: flex;
flex-direction: column;
flex-wrap: wrap; }
@media screen and (max-width: 480px) {
.m-composer__schedule .m-composerSchedule__form {
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 32px 0 0; } }
.m-composer__schedule .m-composerSchedule__form .m-composerPopup__field {
margin: 0 0 20px 0; }
@media screen and (min-width: 481px) {
.m-composer__schedule .m-composerSchedule__form .m-composerPopup__field:last-child {
margin: 0; } }
@media screen and (max-width: 480px) {
.m-composer__schedule .m-composerSchedule__form .m-composerPopup__field {
max-width: calc(50% - 9px); } }
.m-composer__schedule .m-composerSchedule__form .m-composerPopup__field label:not(.m-composerPopup__trigger),
.m-composer__schedule .m-composerSchedule__form .m-composerPopup__field .m-composerPopup__label {
margin: 0 0 10px;
font-size: 15px;
line-height: 20px; }
.m-composer__schedule .m-composerSchedule__form .m-composerPopup__field input[type='text'],
.m-composer__schedule .m-composerSchedule__form .m-composerPopup__field input[type='number'],
.m-composer__schedule .m-composerSchedule__form .m-composerPopup__field input[type='password'],
.m-composer__schedule .m-composerSchedule__form .m-composerPopup__field input[type='time'],
.m-composer__schedule .m-composerSchedule__form .m-composerPopup__field input[type='email'] {
width: 167px; }
.m-composer__tags .m-composerPopup__title {
margin: 0 0 12px; }
.m-composer__tags .m-composerPopup__text {
margin: 0 0 28px; }
.m-composer__tags .m-composerTags__trending {
margin: 0 0 6px;
padding-right: 60px; }
@media screen and (max-width: 480px) {
.m-composer__tags .m-composerTags__trending {
padding-right: 0; } }
.m-composer__tags label:not(.m-composerPopup__trigger),
.m-composer__tags .m-composerPopup__label {
margin: 0 0 9px; }
.m-composer__tags .m-composerTags__tagInput {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
margin: 0 0 29px; }
.m-composer__tags .m-composerTags__tagInput m-hashtags__typeaheadInput {
flex: 1;
margin: 0 14px 0 0; }
.m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list {
border: 1px solid;
border-radius: 0 0 2px 2px;
font-size: inherit;
line-height: inherit;
top: calc(100% - 1px); }
body.m-theme__light .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list {
border-color: #d3dbe3;
color: #72727c;
background: #ffffff; }
body.m-theme__dark .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list {
border-color: #414c57;
color: #b8c1ca;
background: #242a30; }
body.m-theme__light .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); }
body.m-theme__dark .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__mruHeader {
display: flex;
flex-direction: row;
padding: 20px 20px 9px;
font-size: 14px;
line-height: 19px;
align-items: center;
justify-content: space-between;
color: red; }
body.m-theme__light .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__mruHeader,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__mruHeader {
color: #72727c; }
body.m-theme__dark .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__mruHeader,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__mruHeader {
color: #b8c1ca; }
.m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__item {
font-size: 16px;
line-height: 21px;
padding: 10px 20px 9px; }
body.m-theme__light .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__item,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__item {
color: #43434d; }
body.m-theme__light .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__item:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__item:hover {
background-color: #f6f7f7; }
body.m-theme__dark .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__item {
color: #ffffff; }
body.m-theme__dark .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__item:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__tags .m-composerTags__tagInput .m-hashtagsTypeaheadInput__list .m-hashtagsTypeaheadInputList__item:hover {
background-color: #1a2025; }
.m-composer__tags .m-composerTags__list {
list-style: none;
margin: 0 0 32px;
padding: 0;
min-height: 56px; }
.m-composer__tags .m-composerTags__list .m-composerTags__item {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 15px 20px 0;
padding: 5px 8px 6px 15px;
border: 1px solid;
border-radius: 17px;
font-size: 17px;
line-height: 23px; }
.m-composer__tags .m-composerTags__list .m-composerTags__item:last-child {
margin-right: 0; }
body.m-theme__light .m-composer__tags .m-composerTags__list .m-composerTags__item,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__tags .m-composerTags__list .m-composerTags__item {
color: #d3dbe3;
border-color: #72727c;
background: #72727c; }
body.m-theme__dark .m-composer__tags .m-composerTags__list .m-composerTags__item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__tags .m-composerTags__list .m-composerTags__item {
color: #414c57;
border-color: #b8c1ca;
background: #b8c1ca; }
.m-composer__tags .m-composerTags__list .m-composerTags__item .m-composerTagsItem__remove {
padding: 3px;
cursor: pointer; }
body.m-theme__light .m-composer__tags .m-composerTags__list .m-composerTags__item .m-composerTagsItem__remove,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__tags .m-composerTags__list .m-composerTags__item .m-composerTagsItem__remove {
color: rgba(211, 219, 227, 0.85); }
body.m-theme__dark .m-composer__tags .m-composerTags__list .m-composerTags__item .m-composerTagsItem__remove,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__tags .m-composerTags__list .m-composerTags__item .m-composerTagsItem__remove {
color: rgba(65, 76, 87, 0.85); }
.m-composer__preview {
position: relative;
width: 100%;
height: 330px; }
body.m-theme__light .m-composer__preview,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__preview {
background-color: #ffffff; }
body.m-theme__dark .m-composer__preview,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__preview {
background-color: #242a30; }
.m-composer__preview .m-composerPreview__image,
.m-composer__preview .m-composerPreview__video {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
pointer-events: none; }
@media screen and (min-width: 480px) {
.m-composer__preview .m-composerPreview__image,
.m-composer__preview .m-composerPreview__video {
height: 100%; } }
.m-composer__preview .m-composerPreview__close {
position: absolute;
top: 25px;
right: 25px;
z-index: 1;
padding: 1px 0 0 1px;
border: 1px solid;
border-radius: 2px;
cursor: pointer; }
body.m-theme__light .m-composer__preview .m-composerPreview__close,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__preview .m-composerPreview__close {
background-color: #ffffff;
color: #72727c;
border-color: #d3dbe3; }
body.m-theme__dark .m-composer__preview .m-composerPreview__close,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__preview .m-composerPreview__close {
background-color: #242a30;
color: #b8c1ca;
border-color: #414c57; }
.m-composer__preview .m-videoPlayer__placeholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: transparent; }
.m-composer__preview .m-videoPlayer__placeholder i {
cursor: not-allowed; }
@media screen and (max-width: 480px) {
.m-composer__preview m-composerattachmentpreview {
height: auto; }
.m-composer__preview m-composerattachmentpreview > img,
.m-composer__preview m-composerattachmentpreview > video {
height: auto;
max-height: 330px; }
.m-composer__preview m-composerattachmentpreview .m-videoPlayer__placeholder {
height: 100%;
max-height: 330px; }
.m-composer__preview m-composerattachmentpreview .m-videoPlayer__placeholder i {
opacity: 0.5; } }
.m-composerRichEmbedPreview {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: stretch;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.m-composerRichEmbedPreview .m-composerRichEmbedPreview__thumbnail {
flex: 1;
max-height: calc(100% - 84px); }
.m-composerRichEmbedPreview .m-composerRichEmbedPreview__thumbnail > img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
max-height: 100%; }
.m-composerRichEmbedPreview .m-composerRichEmbedPreview__title {
padding: 20px 21px 0;
font-size: 15px;
line-height: 20px;
font-weight: 500; }
body.m-theme__light .m-composerRichEmbedPreview .m-composerRichEmbedPreview__title,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerRichEmbedPreview .m-composerRichEmbedPreview__title {
color: rgba(67, 67, 77, 0.75); }
body.m-theme__dark .m-composerRichEmbedPreview .m-composerRichEmbedPreview__title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerRichEmbedPreview .m-composerRichEmbedPreview__title {
color: rgba(255, 255, 255, 0.75); }
.m-composerRichEmbedPreview .m-composerRichEmbedPreview__title {
/*! autoprefixer: off */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden; }
.m-composerRichEmbedPreview .m-composerRichEmbedPreview__domain {
padding: 0 21px 20px;
font-size: 13px;
line-height: 24px;
font-weight: 400; }
body.m-theme__light .m-composerRichEmbedPreview .m-composerRichEmbedPreview__domain,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerRichEmbedPreview .m-composerRichEmbedPreview__domain {
color: #9b9b9b; }
body.m-theme__dark .m-composerRichEmbedPreview .m-composerRichEmbedPreview__domain,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerRichEmbedPreview .m-composerRichEmbedPreview__domain {
color: #797b82; }
.m-composer__progress {
display: block;
width: 100%;
height: 5px;
background-color: transparent;
margin-bottom: 20px; }
body.m-theme__light .m-composer__progress.m-composer__progress--active,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__progress.m-composer__progress--active, body.m-theme__light .m-composer__progress.m-composer__progress--indeterminate,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__progress.m-composer__progress--indeterminate {
background-color: #d3dbe3; }
body.m-theme__dark .m-composer__progress.m-composer__progress--active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__progress.m-composer__progress--active, body.m-theme__dark .m-composer__progress.m-composer__progress--indeterminate,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__progress.m-composer__progress--indeterminate {
background-color: #414c57; }
.m-composer__progress.m-composer__progress--active .m-composerProgress__fill, .m-composer__progress.m-composer__progress--indeterminate .m-composerProgress__fill {
width: 0;
height: 100%; }
body.m-theme__light .m-composer__progress.m-composer__progress--active .m-composerProgress__fill,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__progress.m-composer__progress--active .m-composerProgress__fill, body.m-theme__light .m-composer__progress.m-composer__progress--indeterminate .m-composerProgress__fill,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__progress.m-composer__progress--indeterminate .m-composerProgress__fill {
background-color: #1b85d6; }
body.m-theme__dark .m-composer__progress.m-composer__progress--active .m-composerProgress__fill,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__progress.m-composer__progress--active .m-composerProgress__fill, body.m-theme__dark .m-composer__progress.m-composer__progress--indeterminate .m-composerProgress__fill,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__progress.m-composer__progress--indeterminate .m-composerProgress__fill {
background-color: #1b85d6; }
.m-composer__progress.m-composer__progress--indeterminate {
display: flex;
transform: translateZ(0); }
.m-composer__progress.m-composer__progress--indeterminate .m-composerProgress__fill {
width: 100%;
-webkit-animation: m-composer__progress--runningProgress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
animation: m-composer__progress--runningProgress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
transform: translateZ(0);
will-change: transform, margin-left, margin-right; }
.m-composer__progress.m-composer__progress--short {
margin: 0; }
@-webkit-keyframes m-composer__progress--runningProgress {
0% {
margin-left: 0;
margin-right: 100%; }
50% {
margin-left: 25%;
margin-right: 0; }
100% {
margin-left: 100%;
margin-right: 0; } }
@keyframes m-composer__progress--runningProgress {
0% {
margin-left: 0;
margin-right: 100%; }
50% {
margin-left: 25%;
margin-right: 0; }
100% {
margin-left: 100%;
margin-right: 0; } }
m-composer__textArea {
display: contents; }
m-composer__textArea .m-composer__textArea {
display: flex;
flex-direction: column;
flex: 1;
overflow-y: visible;
min-height: 0; }
@media screen and (max-width: 480px) {
m-composer__modal m-composer__textArea .m-composer__textArea {
flex: unset; } }
m-composer__textArea textarea {
display: block;
width: 100%;
height: 100%;
flex: 1;
box-sizing: border-box;
padding: 0 40px 30px 40px;
margin: 0;
border: none;
resize: none;
background: none transparent !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: inherit;
font-size: 16px;
line-height: 21px;
min-height: 50px;
transition: all 0.3s ease 0s !important;
padding-bottom: 30px; }
@media screen and (max-width: 480px) {
m-composer__textArea textarea {
height: auto;
overflow: visible; } }
m-composer__textArea textarea:focus {
outline: none; }
body.m-theme__light m-composer__textArea textarea,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__textArea textarea {
color: #43434d; }
body.m-theme__light m-composer__textArea textarea::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light m-composer__textArea textarea::-moz-placeholder {
color: #72727c; }
body.m-theme__light m-composer__textArea textarea:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light m-composer__textArea textarea:-ms-input-placeholder {
color: #72727c; }
body.m-theme__light m-composer__textArea textarea::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__textArea textarea::placeholder {
color: #72727c; }
body.m-theme__dark m-composer__textArea textarea,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__textArea textarea {
color: #ffffff; }
body.m-theme__dark m-composer__textArea textarea::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark m-composer__textArea textarea::-moz-placeholder {
color: #b8c1ca; }
body.m-theme__dark m-composer__textArea textarea:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark m-composer__textArea textarea:-ms-input-placeholder {
color: #b8c1ca; }
body.m-theme__dark m-composer__textArea textarea::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__textArea textarea::placeholder {
color: #b8c1ca; }
m-composer__textArea textarea.m-composerTextarea__textArea--short {
height: 65px !important; }
m-composer__textArea .m-composerTextarea__title {
padding: 0 40px 20px;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
min-height: 28px; }
m-composer__textArea .m-composerTextarea__title > textarea {
flex: 1;
margin-right: 10px;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none transparent !important;
border: none;
font-size: 24px;
width: 100%;
resize: vertical;
min-height: 20px; }
body.m-theme__light m-composer__textArea .m-composerTextarea__title > textarea,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__textArea .m-composerTextarea__title > textarea {
color: #43434d; }
body.m-theme__light m-composer__textArea .m-composerTextarea__title > textarea::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light m-composer__textArea .m-composerTextarea__title > textarea::-moz-placeholder {
color: #72727c; }
body.m-theme__light m-composer__textArea .m-composerTextarea__title > textarea:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light m-composer__textArea .m-composerTextarea__title > textarea:-ms-input-placeholder {
color: #72727c; }
body.m-theme__light m-composer__textArea .m-composerTextarea__title > textarea::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__textArea .m-composerTextarea__title > textarea::placeholder {
color: #72727c; }
body.m-theme__dark m-composer__textArea .m-composerTextarea__title > textarea,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__textArea .m-composerTextarea__title > textarea {
color: #ffffff; }
body.m-theme__dark m-composer__textArea .m-composerTextarea__title > textarea::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark m-composer__textArea .m-composerTextarea__title > textarea::-moz-placeholder {
color: #b8c1ca; }
body.m-theme__dark m-composer__textArea .m-composerTextarea__title > textarea:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark m-composer__textArea .m-composerTextarea__title > textarea:-ms-input-placeholder {
color: #b8c1ca; }
body.m-theme__dark m-composer__textArea .m-composerTextarea__title > textarea::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__textArea .m-composerTextarea__title > textarea::placeholder {
color: #b8c1ca; }
m-composer__textArea .m-composerTextarea__title > textarea:focus {
outline: none; }
m-composer__textArea .m-composerTextarea__title .m-composerTextareaTitle__toggle {
display: flex;
flex-direction: row;
align-items: center;
justify-content: stretch;
cursor: pointer;
font-size: 17px;
line-height: 23px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
body.m-theme__light m-composer__textArea .m-composerTextarea__title .m-composerTextareaTitle__toggle,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__textArea .m-composerTextarea__title .m-composerTextareaTitle__toggle {
color: #72727c; }
body.m-theme__dark m-composer__textArea .m-composerTextarea__title .m-composerTextareaTitle__toggle,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__textArea .m-composerTextarea__title .m-composerTextareaTitle__toggle {
color: #b8c1ca; }
m-composer__textArea .m-composerTextarea__title .m-composerTextareaTitle__toggle > m-icon {
opacity: 0.55; }
m-composer__textArea .m-composerTextarea__title .m-composerTextareaTitle__toggle > span {
margin-left: 10px;
font-weight: 300; }
m-composer__textArea m-text-input--autocomplete-container {
height: auto; }
@media screen and (max-width: 480px) {
m-composer__textArea m-text-input--autocomplete-container {
flex-grow: 1; } }
.m-composer__titlebar {
display: flex;
flex-direction: row;
align-items: center;
padding: 0 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.m-composerTitlebar__title {
flex-grow: 1;
font-size: 24px;
line-height: 32px; }
.m-composerTitlebar__title > label {
display: block;
cursor: pointer; }
body.m-theme__light .m-composerTitlebar__title,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerTitlebar__title {
color: #43434d; }
body.m-theme__dark .m-composerTitlebar__title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerTitlebar__title {
color: #ffffff; }
.m-composerTitleBar__createBlogTrigger {
padding: 0 25px;
font-size: 16px;
line-height: 21px;
font-weight: 400;
cursor: pointer; }
body.m-theme__light .m-composerTitleBar__createBlogTrigger,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerTitleBar__createBlogTrigger {
color: #72727c; }
body.m-theme__dark .m-composerTitleBar__createBlogTrigger,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerTitleBar__createBlogTrigger {
color: #b8c1ca; }
@media screen and (max-width: 480px) {
.m-composerTitleBar__createBlogTrigger {
display: none; } }
.m-composerTitlebar__menuButton {
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
cursor: pointer; }
body.m-theme__light .m-composerTitlebar__menuButton,
body .m-theme--wrapper.m-theme--wrapper__light .m-composerTitlebar__menuButton {
color: #d3dbe3; }
body.m-theme__dark .m-composerTitlebar__menuButton,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composerTitlebar__menuButton {
color: #414c57; }
@media screen and (max-width: 480px) {
.m-composerTitlebar__menuButton {
margin-right: 20px; } }
.m-composer__toolbar {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 20px 40px 0;
border-top: 1px solid;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 15px;
font-weight: 400; }
@media screen and (max-width: 480px) {
.m-composer__toolbar {
font-size: 16px;
padding: 30px 40px 10px; } }
body.m-theme__light .m-composer__toolbar,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__toolbar {
border-color: #d3dbe3; }
body.m-theme__dark .m-composer__toolbar,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__toolbar {
border-color: #414c57; }
.m-composer__toolbar .m-composerToolbar__item,
.m-composer__toolbar .m-composerToolbar__action {
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
cursor: pointer;
font-weight: inherit; }
body.m-theme__light .m-composer__toolbar .m-composerToolbar__item.m-composerToolbar__item--active,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__toolbar .m-composerToolbar__item.m-composerToolbar__item--active, body.m-theme__light
.m-composer__toolbar .m-composerToolbar__action.m-composerToolbar__item--active,
body .m-theme--wrapper.m-theme--wrapper__light
.m-composer__toolbar .m-composerToolbar__action.m-composerToolbar__item--active {
color: #1b85d6; }
body.m-theme__dark .m-composer__toolbar .m-composerToolbar__item.m-composerToolbar__item--active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__toolbar .m-composerToolbar__item.m-composerToolbar__item--active, body.m-theme__dark
.m-composer__toolbar .m-composerToolbar__action.m-composerToolbar__item--active,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composer__toolbar .m-composerToolbar__action.m-composerToolbar__item--active {
color: #1b85d6; }
.m-composer__toolbar .m-composerToolbar__item.m-composerToolbar__item--disabled,
.m-composer__toolbar .m-composerToolbar__action.m-composerToolbar__item--disabled {
opacity: 0.65;
cursor: initial;
pointer-events: none; }
body.m-theme__light .m-composer__toolbar .m-composerToolbar__item,
body .m-theme--wrapper.m-theme--wrapper__light .m-composer__toolbar .m-composerToolbar__item, body.m-theme__light
.m-composer__toolbar .m-composerToolbar__action,
body .m-theme--wrapper.m-theme--wrapper__light
.m-composer__toolbar .m-composerToolbar__action {
color: #72727c; }
body.m-theme__dark .m-composer__toolbar .m-composerToolbar__item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-composer__toolbar .m-composerToolbar__item, body.m-theme__dark
.m-composer__toolbar .m-composerToolbar__action,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-composer__toolbar .m-composerToolbar__action {
color: #b8c1ca; }
.m-composer__toolbar m-button.m-composerToolbar__action {
height: 34px; }
.m-composer__toolbar m-button.m-composerToolbar__action > button {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.m-composer__toolbar .m-composerToolbar__action {
align-items: stretch;
padding: 0; }
.m-composer__toolbar .m-composerToolbar__itemSpacer {
flex: 1; }
@media screen and (max-width: 400px) {
.m-composer__toolbar .m-composerToolbar__itemSpacer {
flex: initial; } }
.m-composer__toolbar .m-composerToolbarItem__icon--monetize {
font-size: 20px;
margin-right: -5px; }
.m-composer__toolbar .m-composerToolbarItem__icon + .m-composerToolbarItem__label {
display: inline-block;
margin-left: 10px; }
@media screen and (max-width: 480px) {
.m-composer__toolbar .m-composerToolbarItem__icon + .m-composerToolbarItem__label {
display: none; } }
.m-composer__toolbar.m-composer__toolbar--narrow .m-composerToolbarItem__icon
+ .m-composerToolbarItem__label {
display: none; }
m-composer {
position: relative;
z-index: 0;
display: block;
margin-bottom: 16px;
border-radius: 4px;
box-sizing: border-box; }
body.m-theme__light m-composer,
body .m-theme--wrapper.m-theme--wrapper__light m-composer {
background: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark m-composer,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer {
background: #242a30;
border: 1px solid #414c57; }
@media screen and (max-width: 480px) {
m-composer {
border-radius: 0; } }
.m-composer__trigger {
display: block;
position: relative;
cursor: pointer; }
.m-composer__trigger .m-composer__triggerPreview {
pointer-events: none; }
.m-composer__trigger .m-composer__triggerPreview.m-composer__triggerPreview--hidden > * {
opacity: 0.15; }
.m-composer__trigger .m-composer__triggerOverlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1; }
m-composer__topbarButton {
display: block; }
m-composer__topbarButton i {
font-size: 1.75em; }
body.m-theme__light m-composer__topbarButton i,
body .m-theme--wrapper.m-theme--wrapper__light m-composer__topbarButton i {
color: #72727c; }
body.m-theme__dark m-composer__topbarButton i,
body .m-theme--wrapper.m-theme--wrapper__dark m-composer__topbarButton i {
color: #b8c1ca; }
m-composer__topbarButton m-icon .m-icon__assetsFile {
background: url("/static/en//assets/icons/compose.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
@media screen and (min-width: 480px) {
m-composer__topbarButton .m-tooltip--bubble {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content; } }
.m-discoveryDisclaimer__text {
margin-bottom: 0;
line-height: 20px; }
body.m-theme__light .m-discoveryDisclaimer__text,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryDisclaimer__text {
color: #72727c; }
body.m-theme__dark .m-discoveryDisclaimer__text,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryDisclaimer__text {
color: #b8c1ca; }
.m-discoveryDisclaimer__text a {
text-decoration: underline;
font-weight: initial; }
body.m-theme__light .m-discoveryDisclaimer__text a,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryDisclaimer__text a {
color: #1b85d6; }
body.m-theme__dark .m-discoveryDisclaimer__text a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryDisclaimer__text a {
color: #1b85d6; }
.m-discovery__disclaimer--popover m-sidebarWidget {
display: none; }
@media screen and (max-width: 1040px) {
.m-discovery__disclaimer--popover m-sidebarWidget {
display: block;
position: fixed;
bottom: 20px;
left: 20vw;
right: 20vw;
z-index: 70;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); } }
@media screen and (max-width: 700px) {
.m-discovery__disclaimer--popover m-sidebarWidget {
left: 20px;
right: 20px; } }
.m-discovery__sidebar {
padding: 20px 40px;
padding-right: 0; }
.m-discovery__sidebar m-sidebarWidget {
margin-bottom: 20px; }
.m-discovery__trends {
list-style: none;
padding: 0;
margin: 0; }
body.m-theme__light .m-discovery__trends,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__trends {
border-top: 6px solid #d3dbe3; }
body.m-theme__dark .m-discovery__trends,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__trends {
border-top: 6px solid #414c57; }
body.m-theme__light .m-discoveryTrends__trend,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryTrends__trend {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-discoveryTrends__trend,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryTrends__trend {
border-bottom: 1px solid #414c57; }
.m-discoveryTrends__trend a {
display: flex;
flex-direction: row;
padding: 20px 40px;
text-decoration: none; }
.m-discoveryTrends__trend a > div {
flex: 1; }
.m-discoveryTrends__trend h4 {
padding: 0;
margin: 0;
font-weight: 600;
font-size: 16px;
line-height: 20px;
word-break: break-word; }
body.m-theme__light .m-discoveryTrends__trend h4,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryTrends__trend h4 {
color: #43434d; }
body.m-theme__dark .m-discoveryTrends__trend h4,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryTrends__trend h4 {
color: #ffffff; }
.m-discoveryTrends__trend .m-discoveryTrendListItem__supportingText--above {
margin-bottom: 4px; }
.m-discoveryTrends__trend .m-discoveryTrendListItem__supportingText--below {
margin-top: 8px; }
.m-discoveryTrends__trend m-paywallBadge .m-paywallBadge {
margin-right: 10px; }
.m-discoveryTrends__trend .m-discoveryTrendListItem__supportingText--below span {
margin-right: 4px;
font-weight: 400; }
.m-discoveryTrends__trend .m-discoveryTrendListItem__supportingText--below span::after {
content: '·';
margin-left: 4px;
font-weight: 800; }
.m-discoveryTrends__trend .m-discoveryTrendListItem__supportingText--below span:last-child::after {
display: none; }
body.m-theme__light .m-discoveryTrends__trend .m-discoveryTrendListItem__supportingText--below span,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryTrends__trend .m-discoveryTrendListItem__supportingText--below span {
color: #9b9b9b; }
body.m-theme__dark .m-discoveryTrends__trend .m-discoveryTrendListItem__supportingText--below span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryTrends__trend .m-discoveryTrendListItem__supportingText--below span {
color: #797b82; }
.m-discoveryTrends__trend .m-discoveryTrendListItem__supportingText--below .m-paywallBadge span::after {
display: none; }
.m-discoveryTrends__trend img.m-discoveryTrendListItem__image {
width: 100px;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
margin-left: 20px; }
.m-discoveryTrends__trend.m-discoveryTrends__trend--hero a {
padding: 0;
flex-direction: column-reverse; }
.m-discoveryTrends__trend.m-discoveryTrends__trend--hero a > div {
padding: 20px 40px; }
body.m-theme__light .m-discoveryTrends__trend.m-discoveryTrends__trend--hero a > div,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryTrends__trend.m-discoveryTrends__trend--hero a > div {
background-color: #ffffff; }
body.m-theme__dark .m-discoveryTrends__trend.m-discoveryTrends__trend--hero a > div,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryTrends__trend.m-discoveryTrends__trend--hero a > div {
background-color: #242a30; }
.m-discoveryTrends__trend.m-discoveryTrends__trend--hero img {
width: 100%;
height: 300px;
margin-left: 0; }
.m-discoveryTrends__trend .m-discoveryTrendListItem__chevron {
align-self: center;
font-size: 32px; }
body.m-theme__light .m-discoveryTrends__trend .m-discoveryTrendListItem__chevron,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryTrends__trend .m-discoveryTrendListItem__chevron {
color: #72727c; }
body.m-theme__dark .m-discoveryTrends__trend .m-discoveryTrendListItem__chevron,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryTrends__trend .m-discoveryTrendListItem__chevron {
color: #b8c1ca; }
.m-discovery__feedItem {
padding: 20px 40px; }
body.m-theme__light .m-discovery__feedItem,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__feedItem {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-discovery__feedItem,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__feedItem {
border-bottom: 1px solid #414c57; }
@media screen and (max-width: 1040px) {
.m-discovery__feedItem {
padding: 20px; } }
.m-discovery__feedItem.m-discovery__feedItem--user {
padding-bottom: 0; }
body.m-theme__light .m-discovery__feedItem.m-discovery__feedItem--user,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__feedItem.m-discovery__feedItem--user {
border-bottom: none; }
body.m-theme__dark .m-discovery__feedItem.m-discovery__feedItem--user,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__feedItem.m-discovery__feedItem--user {
border-bottom: none; }
@media screen and (max-width: 1040px) {
.m-discovery__feedItem.m-discovery__feedItem--user {
padding-bottom: 0; } }
.m-discovery__feedItem.m-discovery__feedItem--group a {
display: flex;
flex-direction: row;
align-items: flex-start;
text-decoration: none; }
.m-discovery__feedItem.m-discovery__feedItem--group h4 > u {
text-decoration: none; }
.m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__avatar {
width: 40px;
height: 40px;
flex-shrink: 0;
border-radius: 50%;
background-size: cover;
margin-right: 20px; }
body.m-theme__light .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__avatar,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__avatar {
background-color: #72727c; }
body.m-theme__dark .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__avatar,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__avatar {
background-color: #b8c1ca; }
.m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body, .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body {
flex: 1; }
.m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body h4, .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body h4 {
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
font-weight: 600;
word-break: break-word; }
body.m-theme__light .m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body h4,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body h4, body.m-theme__light .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body h4,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body h4 {
color: #43434d; }
body.m-theme__dark .m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body h4,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body h4, body.m-theme__dark .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body h4,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body h4 {
color: #ffffff; }
.m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body span, .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body span {
font-size: 15px; }
body.m-theme__light .m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body span,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body span, body.m-theme__light .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body span,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body span {
color: #9b9b9b; }
body.m-theme__dark .m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body span, body.m-theme__dark .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body span {
color: #797b82; }
.m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body p, .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body p {
padding: 0;
margin: 0;
word-break: break-word; }
body.m-theme__light .m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body p,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body p, body.m-theme__light .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body p,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body p {
color: #72727c; }
body.m-theme__dark .m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__feedItem.m-discovery__feedItem--user .m-discoveryFeedItem__body p, body.m-theme__dark .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__feedItem.m-discovery__feedItem--group .m-discoveryFeedItem__body p {
color: #b8c1ca; }
body.m-theme__light .m-discovery__feedItem.m-discovery__feedItem--user .m-btn,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__feedItem.m-discovery__feedItem--user .m-btn, body.m-theme__light .m-discovery__feedItem.m-discovery__feedItem--group .m-btn,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__feedItem.m-discovery__feedItem--group .m-btn {
border-color: #d3dbe3; }
body.m-theme__dark .m-discovery__feedItem.m-discovery__feedItem--user .m-btn,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__feedItem.m-discovery__feedItem--user .m-btn, body.m-theme__dark .m-discovery__feedItem.m-discovery__feedItem--group .m-btn,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__feedItem.m-discovery__feedItem--group .m-btn {
border-color: #414c57; }
m-discovery__feedsettings {
display: contents; }
.m-discoveryTagSettings__section .m-form__customInputWrapper__checkbox,
.m-discoveryTagSettings__section .m-form__customInputWrapper__radio {
margin-bottom: 10px; }
m-discovery__settingsButton {
display: contents; }
body.m-theme__light m-discovery__settingsButton,
body .m-theme--wrapper.m-theme--wrapper__light m-discovery__settingsButton {
color: #72727c; }
body.m-theme__dark m-discovery__settingsButton,
body .m-theme--wrapper.m-theme--wrapper__dark m-discovery__settingsButton {
color: #b8c1ca; }
.m-discovery__settingsButton {
align-self: center;
width: 32px;
text-align: center; }
.m-discovery__settingsButton i {
font-size: 16px; }
.m-discovery__noTagsPrompt {
text-align: center;
box-sizing: border-box;
display: block;
padding: 40px; }
.m-discovery__noTagsPrompt h3 {
font-size: 24px;
line-height: 32px;
font-weight: 500;
display: block;
padding: 0;
margin: 0;
margin-bottom: 20px; }
body.m-theme__light .m-discovery__noTagsPrompt h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-discovery__noTagsPrompt h3 {
color: #72727c; }
body.m-theme__dark .m-discovery__noTagsPrompt h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discovery__noTagsPrompt h3 {
color: #b8c1ca; }
m-discovery__tagSettings {
display: contents; }
.m-discoveryTagSettings__section {
margin-bottom: 20px; }
.m-discoveryTagSettings__section h3 {
font-size: 16px;
font-weight: 400;
line-height: 18px;
margin: 10px 0; }
body.m-theme__light .m-discoveryTagSettings__section h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryTagSettings__section h3 {
color: #72727c; }
body.m-theme__dark .m-discoveryTagSettings__section h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryTagSettings__section h3 {
color: #b8c1ca; }
.m-discoveryTagSettings__section .m-discoveryTagSettings__input {
width: 100%;
height: 40px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 2px;
font-size: 15px;
padding: 8px 12px; }
body.m-theme__light .m-discoveryTagSettings__section .m-discoveryTagSettings__input,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryTagSettings__section .m-discoveryTagSettings__input {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-discoveryTagSettings__section .m-discoveryTagSettings__input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryTagSettings__section .m-discoveryTagSettings__input {
border: 1px solid #414c57; }
.m-discoveryTagSettings__list {
list-style: none;
margin: 0 -10px;
padding: 0; }
.m-discoveryTagSettingsList__item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-size: 16px;
line-height: 18px;
padding: 10px; }
body.m-theme__light .m-discoveryTagSettingsList__item,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryTagSettingsList__item {
color: #43434d; }
body.m-theme__dark .m-discoveryTagSettingsList__item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryTagSettingsList__item {
color: #ffffff; }
.m-discoveryTagSettingsList__item i {
display: none; }
.m-discoveryTagSettingsList__item:hover {
border-radius: 2px; }
body.m-theme__light .m-discoveryTagSettingsList__item:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryTagSettingsList__item:hover {
background-color: #f6f7f7; }
body.m-theme__dark .m-discoveryTagSettingsList__item:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryTagSettingsList__item:hover {
background-color: #1a2025; }
.m-discoveryTagSettingsList__item:hover i {
display: inline;
line-height: 18px;
cursor: pointer; }
.m-discoveryTags__sectionHeader {
padding: 40px 40px 20px;
display: flex;
flex-direction: row; }
body.m-theme__light .m-discoveryTags__sectionHeader,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryTags__sectionHeader {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-discoveryTags__sectionHeader,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryTags__sectionHeader {
border-bottom: 1px solid #414c57; }
.m-discoveryTags__sectionHeader h3 {
font-size: 24px;
line-height: 32px;
padding: 0;
margin: 0;
text-transform: capitalize;
flex: 1; }
body.m-theme__light .m-discoveryTags__sectionHeader h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoveryTags__sectionHeader h3 {
color: #43434d; }
body.m-theme__dark .m-discoveryTags__sectionHeader h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoveryTags__sectionHeader h3 {
color: #ffffff; }
.m-discoveryTags__sectionHeader m-tooltip {
align-self: center;
width: 32px;
text-align: center; }
.m-discoveryTags__sectionHeader m-tooltip i {
font-size: 16px; }
.m-discoveryTags__list {
list-style: none;
padding: 0;
margin: 0; }
.m-discoveryTags__list--user .m-discoveryTrends__trend a > div {
align-self: center; }
.m-discoverTrends__trend--feedLink a {
align-items: center; }
body.m-theme__light .m-discoverTrends__trend--feedLink a h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-discoverTrends__trend--feedLink a h3 {
color: #72727c; }
body.m-theme__dark .m-discoverTrends__trend--feedLink a h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-discoverTrends__trend--feedLink a h3 {
color: #b8c1ca; }
/**
* Padding, Margins and Offset
*/
minds-form-fb-register {
margin-top: 16px;
width: 100% !important; }
minds-form-fb-register .m-form,
minds-form-fb-register .mdl-card {
min-height: 0; }
minds-form-fb-register .mdl-card__actions {
text-align: center; }
minds-form-fb-register .mdl-grid {
padding: 0;
width: 100%; }
minds-form-fb-register label {
font-weight: bold; }
minds-form-fb-register input {
padding: 16px;
margin: 8px 0;
font-size: 16px;
width: 100%;
-webkit-appearance: none; }
body.m-theme__light minds-form-fb-register input,
body .m-theme--wrapper.m-theme--wrapper__light minds-form-fb-register input {
border: 1px solid #d3dbe3; }
body.m-theme__dark minds-form-fb-register input,
body .m-theme--wrapper.m-theme--wrapper__dark minds-form-fb-register input {
border: 1px solid #414c57; }
/**
* Padding, Margins and Offset
*/
minds-form-onboarding {
max-height: 100vh;
overflow: scroll; }
minds-form-onboarding .mdl-grid {
align-items: center;
padding-top: 38px; }
minds-form-onboarding .mdl-card__actions {
text-align: center; }
minds-form-onboarding minds-avatar {
margin: auto;
display: block;
width: 200px; }
minds-form-onboarding .m-onboarding-banner {
position: relative; }
minds-form-onboarding .m-onboarding-banner img {
width: 100%; }
minds-form-onboarding .m-onboarding-banner input[type='file'] {
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
cursor: pointer; }
minds-form-onboarding .m-onboarding-gender {
font-size: 11px; }
minds-form-onboarding label {
font-weight: bold;
text-transform: uppercase; }
minds-form-onboarding input {
padding: 8px;
width: 100%; }
minds-form-onboarding input[type='radio'] {
width: auto; }
/**
* Padding, Margins and Offset
*/
minds-tutorial {
max-height: 70vh;
overflow: scroll; }
minds-tutorial .m-tutorial-items {
margin: 0;
padding: 0 0 8px; }
minds-tutorial .m-tutorial-items li {
font-size: 14px;
padding: 12px 16px; }
minds-tutorial .m-tutorial-items .m-tutorial-reward {
padding: 4px 16px;
min-height: 6px; }
minds-tutorial .m-tutorial-items .m-tutorial-reward .mdl-list__item-secondary-content {
font-size: 22px; }
minds-card-group .minds-usercard-block > .body {
margin-top: 32px; }
minds-card-group .avatar img {
width: 100px;
height: 100px; }
minds-groups-create {
padding: 20px 40px;
display: block;
position: relative; }
minds-groups-create .m-groups__create {
width: 100%;
max-width: 100%; }
minds-groups-create .m-groups__create .m-modalV2__body {
max-height: unset; }
minds-groups-create .m-groups__create .m-modalV2__body .m-channelEdit__imagery {
margin: 0 -40px; }
minds-groups-create .m-groups__create .m-modalV2__body .m-groupsCreate__buttonsContainer {
margin: 0 !important; }
/**
* Padding, Margins and Offset
*/
.groups-grid {
max-width: 990px;
margin: 0 auto; }
.minds-banner-card minds-groups-join-button {
position: absolute;
margin: -38px 130px; }
.minds-banner-card .m-groups-card-stats {
position: absolute;
margin: -48px 0 0 116px;
width: 168px; }
.minds-banner-card.m-group-card {
min-height: 142px !important; }
.minds-banner-card.m-group-card .minds-usercard-banner img {
margin-top: -24px; }
minds-groups-profile .members-grid {
display: flex;
flex-flow: row wrap; }
minds-groups-profile .minds-channel-media-sidebard {
display: flex;
flex-wrap: wrap;
padding: 0;
width: calc(100% + 2px);
margin: 0 -2px; }
minds-groups-profile .minds-channel-media-sidebard a {
height: 88px;
display: inline-block;
width: calc(100% / 3);
padding: 1px;
box-sizing: border-box;
background-position: center center;
background-size: cover; }
body.m-theme__light minds-groups-profile .minds-channel-media-sidebard a,
body .m-theme--wrapper.m-theme--wrapper__light minds-groups-profile .minds-channel-media-sidebard a {
background-color: #333; }
body.m-theme__dark minds-groups-profile .minds-channel-media-sidebard a,
body .m-theme--wrapper.m-theme--wrapper__dark minds-groups-profile .minds-channel-media-sidebard a {
background-color: #eaeaea; }
minds-groups-profile .minds-channel-media-sidebard img {
width: 100%;
max-width: 80px;
max-height: 80px; }
minds-groups-profile header {
position: relative;
display: flex;
align-items: flex-end;
height: 360px;
box-sizing: content-box;
overflow: visible; }
@media screen and (max-width: 720px) {
minds-groups-profile header {
height: 160px; } }
minds-groups-profile header.m-group--conversation-view.m-group--view-mode {
height: 80px; }
minds-groups-profile minds-banner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: visible; }
minds-groups-profile minds-banner .minds-banner {
max-height: 440px;
height: 440px; }
@media screen and (max-width: 720px) {
minds-groups-profile minds-banner .minds-banner {
height: 240px; } }
minds-groups-profile minds-banner .save-bar {
background: transparent !important; }
minds-groups-profile minds-banner .save-bar .save-button {
display: none !important; }
minds-groups-profile header.m-group--conversation-view.m-group--view-mode
minds-banner
.minds-banner {
height: 200px; }
@media screen and (max-width: 840px) {
minds-groups-profile .m-group--sidebar {
margin: 0 auto; } }
@media screen and (max-width: 650px) {
minds-groups-profile .m-group--sidebar {
width: calc(85% - 16px); } }
minds-groups-profile .m-group--sidebar .mdl-card {
padding: 0;
overflow: visible; }
minds-groups-profile .m-group--sidebar minds-avatar {
margin-top: -75px;
width: 150px;
height: 150px;
margin: -75px auto 0;
padding: 0; }
minds-groups-profile .m-group--sidebar minds-avatar .minds-avatar {
margin: 0;
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
border-radius: 50%; }
minds-groups-profile .m-group--stats {
border: 0;
pointer-events: all; }
@media screen and (max-width: 768px) {
minds-groups-profile .m-group--stats {
justify-content: center; } }
minds-groups-profile .m-group--stats.m-group--stats--narrow .mdl-tabs__tab {
padding: 0 16px; }
minds-groups-profile .m-group--stats a span {
width: 100%;
display: block;
font-size: 11px;
height: 11px;
vertical-align: middle;
line-height: 36px; }
minds-groups-profile .m-group--stats.m-group--stats--narrow a span {
font-size: 9px; }
minds-groups-profile .m-group--stats .mdl-tabs__action-buttons {
padding-top: 4px;
padding-right: 0;
display: flex;
flex-flow: row nowrap;
overflow: visible; }
minds-groups-profile .groups-grid-bottom {
pointer-events: none;
align-items: flex-end;
padding: 0;
width: 100%; }
minds-groups-profile .m-groups-invite-form {
width: 100%;
box-sizing: border-box; }
minds-groups-profile .m-groups-invite-actions {
text-align: right; }
minds-groups-profile .m-group-invite-dialog {
padding: 16px;
text-align: center; }
minds-groups-profile .m-group-invite-dialog minds-groups-join-button {
margin-left: 0.5em; }
minds-groups-profile minds-groups-profile-members {
margin-top: 0 !important; }
minds-groups-profile minds-groups-profile-members .mdl-card {
overflow: visible; }
minds-groups-profile minds-groups-profile-members .m-groups-member-card minds-card-user.minds-user-ephemeral {
opacity: 0.5;
-webkit-filter: grayscale(100%); }
minds-groups-profile .m-group-closed-splash .m-group-closed-splash-inner {
width: 360px;
margin: 290px auto;
text-align: center;
position: relative; }
@media screen and (max-width: 720px) {
minds-groups-profile .m-group-closed-splash .m-group-closed-splash-inner {
margin: 200px auto; } }
minds-groups-profile .m-group-closed-splash .m-group-closed-splash-inner .m-group-avatar {
min-height: 140px; }
minds-groups-profile .m-group-closed-splash .m-group-closed-splash-inner .minds-avatar {
background: transparent;
margin: auto; }
minds-groups-profile .m-groups-search-member input {
padding: 12px;
font-size: 14px;
width: 100%; }
minds-groups-profile m-modal .m-modal-container {
min-height: 0; }
minds-groups-profile m-modal .m-modal-container .mdl-card {
min-height: 0; }
minds-groups-profile m-modal .m-modal-container .minds-modal-dialog-actions {
padding: 0 16px 16px; }
minds-groups-profile-members-invite {
width: 100%; }
minds-groups-profile-members-invite .mdl-card__title {
padding-bottom: 0; }
minds-groups-profile-members-invite .mdl-card__supporting-text {
width: 100%;
box-sizing: border-box; }
minds-groups-profile-members-invite span {
display: block;
padding: 8px; }
minds-groups-profile-members-invite .m-search-inline {
margin-top: 16px; }
.m-group--conversation .m-group-info-brief-description,
.m-group--conversation .m-group-info-tags,
.m-group--conversation .m-group-info-membership,
.m-group--conversation .m-group-info-moderated,
.m-group--conversation .m-group-info-default-view,
.m-group--conversation .m-group-info-video-calls,
.m-group--conversation .m-group-boost {
display: none; }
.m-group--conversation .m-group-info-members,
.m-group--conversation .m-group--sidebar .mdl-card__supporting-text {
display: none; }
.m-group__infoWrapper .m-groupInfo__name input[type='text'],
.m-group__infoWrapper .m-groupInfo__name select,
.m-group__infoWrapper .m-groupInfo__name textarea,
.m-group__infoWrapper .m-groupInfo__description input[type='text'],
.m-group__infoWrapper .m-groupInfo__description select,
.m-group__infoWrapper .m-groupInfo__description textarea {
width: 100%;
padding: 8px;
vertical-align: middle; }
body.m-theme__light .m-group__infoWrapper .m-groupInfo__name input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light .m-group__infoWrapper .m-groupInfo__name input[type='text'], body.m-theme__light
.m-group__infoWrapper .m-groupInfo__name select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group__infoWrapper .m-groupInfo__name select, body.m-theme__light
.m-group__infoWrapper .m-groupInfo__name textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group__infoWrapper .m-groupInfo__name textarea, body.m-theme__light
.m-group__infoWrapper .m-groupInfo__description input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-group__infoWrapper .m-groupInfo__description input[type='text'], body.m-theme__light
.m-group__infoWrapper .m-groupInfo__description select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group__infoWrapper .m-groupInfo__description select, body.m-theme__light
.m-group__infoWrapper .m-groupInfo__description textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group__infoWrapper .m-groupInfo__description textarea {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-group__infoWrapper .m-groupInfo__name input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-group__infoWrapper .m-groupInfo__name input[type='text'], body.m-theme__dark
.m-group__infoWrapper .m-groupInfo__name select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group__infoWrapper .m-groupInfo__name select, body.m-theme__dark
.m-group__infoWrapper .m-groupInfo__name textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group__infoWrapper .m-groupInfo__name textarea, body.m-theme__dark
.m-group__infoWrapper .m-groupInfo__description input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group__infoWrapper .m-groupInfo__description input[type='text'], body.m-theme__dark
.m-group__infoWrapper .m-groupInfo__description select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group__infoWrapper .m-groupInfo__description select, body.m-theme__dark
.m-group__infoWrapper .m-groupInfo__description textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group__infoWrapper .m-groupInfo__description textarea {
border: 1px solid #414c57; }
.m-group__infoWrapper .m-groupInfo__name input[type='text'].h1,
.m-group__infoWrapper .m-groupInfo__name select.h1,
.m-group__infoWrapper .m-groupInfo__name textarea.h1,
.m-group__infoWrapper .m-groupInfo__description input[type='text'].h1,
.m-group__infoWrapper .m-groupInfo__description select.h1,
.m-group__infoWrapper .m-groupInfo__description textarea.h1 {
font-size: 26px;
font-weight: 400; }
.m-group__infoWrapper .m-groupInfo__name input[type='text'].icon-prefix,
.m-group__infoWrapper .m-groupInfo__name select.icon-prefix,
.m-group__infoWrapper .m-groupInfo__name textarea.icon-prefix,
.m-group__infoWrapper .m-groupInfo__description input[type='text'].icon-prefix,
.m-group__infoWrapper .m-groupInfo__description select.icon-prefix,
.m-group__infoWrapper .m-groupInfo__description textarea.icon-prefix {
width: 85%;
width: calc(100% - 38px); }
@media screen and (max-width: 768px) {
.m-group-info {
order: -1; } }
.m-group-info .mdl-card {
padding: 8px;
margin-bottom: 8px; }
.m-group-info m-channel--modules.mdl-card {
padding: 0;
min-height: 0;
margin-top: 8px; }
.m-group-info .m-group-info-brief-description {
overflow: visible; }
.m-group-info .m-group-info-name,
.m-group-info .m-group-info-brief-description,
.m-group-info .m-group-info-tags,
.m-group-info .m-group-info-membership,
.m-group-info .m-group-info-moderated,
.m-group-info .m-group-info-default-view,
.m-group-info .m-group-info-video-calls,
.m-group-info .m-group-boost {
width: auto;
min-height: 0;
padding: 16px; }
.m-group-info .m-group-info-name i.material-icons,
.m-group-info .m-group-info-brief-description i.material-icons,
.m-group-info .m-group-info-tags i.material-icons,
.m-group-info .m-group-info-membership i.material-icons,
.m-group-info .m-group-info-moderated i.material-icons,
.m-group-info .m-group-info-default-view i.material-icons,
.m-group-info .m-group-info-video-calls i.material-icons,
.m-group-info .m-group-boost i.material-icons {
vertical-align: middle;
padding-right: 8px; }
.m-group-info .m-group-info-name > div,
.m-group-info .m-group-info-name > div > a,
.m-group-info .m-group-info-brief-description > div,
.m-group-info .m-group-info-brief-description > div > a,
.m-group-info .m-group-info-tags > div,
.m-group-info .m-group-info-tags > div > a,
.m-group-info .m-group-info-membership > div,
.m-group-info .m-group-info-membership > div > a,
.m-group-info .m-group-info-moderated > div,
.m-group-info .m-group-info-moderated > div > a,
.m-group-info .m-group-info-default-view > div,
.m-group-info .m-group-info-default-view > div > a,
.m-group-info .m-group-info-video-calls > div,
.m-group-info .m-group-info-video-calls > div > a,
.m-group-info .m-group-boost > div,
.m-group-info .m-group-boost > div > a {
color: inherit;
text-decoration: inherit; }
.m-group-info .m-group-info-name > div > span,
.m-group-info .m-group-info-name > div > a > span,
.m-group-info .m-group-info-brief-description > div > span,
.m-group-info .m-group-info-brief-description > div > a > span,
.m-group-info .m-group-info-tags > div > span,
.m-group-info .m-group-info-tags > div > a > span,
.m-group-info .m-group-info-membership > div > span,
.m-group-info .m-group-info-membership > div > a > span,
.m-group-info .m-group-info-moderated > div > span,
.m-group-info .m-group-info-moderated > div > a > span,
.m-group-info .m-group-info-default-view > div > span,
.m-group-info .m-group-info-default-view > div > a > span,
.m-group-info .m-group-info-video-calls > div > span,
.m-group-info .m-group-info-video-calls > div > a > span,
.m-group-info .m-group-boost > div > span,
.m-group-info .m-group-boost > div > a > span {
vertical-align: middle;
font-size: 11px;
padding: 4px 7px;
margin: 2px 2px;
border-radius: 3px;
display: inline-block; }
body.m-theme__light .m-group-info .m-group-info-name > div > span,
body .m-theme--wrapper.m-theme--wrapper__light .m-group-info .m-group-info-name > div > span, body.m-theme__light
.m-group-info .m-group-info-name > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-name > div > a > span, body.m-theme__light
.m-group-info .m-group-info-brief-description > div > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-brief-description > div > span, body.m-theme__light
.m-group-info .m-group-info-brief-description > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-brief-description > div > a > span, body.m-theme__light
.m-group-info .m-group-info-tags > div > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-tags > div > span, body.m-theme__light
.m-group-info .m-group-info-tags > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-tags > div > a > span, body.m-theme__light
.m-group-info .m-group-info-membership > div > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-membership > div > span, body.m-theme__light
.m-group-info .m-group-info-membership > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-membership > div > a > span, body.m-theme__light
.m-group-info .m-group-info-moderated > div > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-moderated > div > span, body.m-theme__light
.m-group-info .m-group-info-moderated > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-moderated > div > a > span, body.m-theme__light
.m-group-info .m-group-info-default-view > div > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-default-view > div > span, body.m-theme__light
.m-group-info .m-group-info-default-view > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-default-view > div > a > span, body.m-theme__light
.m-group-info .m-group-info-video-calls > div > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-video-calls > div > span, body.m-theme__light
.m-group-info .m-group-info-video-calls > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-video-calls > div > a > span, body.m-theme__light
.m-group-info .m-group-boost > div > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-boost > div > span, body.m-theme__light
.m-group-info .m-group-boost > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-boost > div > a > span {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-group-info .m-group-info-name > div > span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-group-info .m-group-info-name > div > span, body.m-theme__dark
.m-group-info .m-group-info-name > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-name > div > a > span, body.m-theme__dark
.m-group-info .m-group-info-brief-description > div > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-brief-description > div > span, body.m-theme__dark
.m-group-info .m-group-info-brief-description > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-brief-description > div > a > span, body.m-theme__dark
.m-group-info .m-group-info-tags > div > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-tags > div > span, body.m-theme__dark
.m-group-info .m-group-info-tags > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-tags > div > a > span, body.m-theme__dark
.m-group-info .m-group-info-membership > div > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-membership > div > span, body.m-theme__dark
.m-group-info .m-group-info-membership > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-membership > div > a > span, body.m-theme__dark
.m-group-info .m-group-info-moderated > div > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-moderated > div > span, body.m-theme__dark
.m-group-info .m-group-info-moderated > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-moderated > div > a > span, body.m-theme__dark
.m-group-info .m-group-info-default-view > div > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-default-view > div > span, body.m-theme__dark
.m-group-info .m-group-info-default-view > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-default-view > div > a > span, body.m-theme__dark
.m-group-info .m-group-info-video-calls > div > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-video-calls > div > span, body.m-theme__dark
.m-group-info .m-group-info-video-calls > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-video-calls > div > a > span, body.m-theme__dark
.m-group-info .m-group-boost > div > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-boost > div > span, body.m-theme__dark
.m-group-info .m-group-boost > div > a > span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-boost > div > a > span {
border: 1px solid #414c57; }
.m-group-info .m-group-info-name h1,
.m-group-info .m-group-info-brief-description h1,
.m-group-info .m-group-info-tags h1,
.m-group-info .m-group-info-membership h1,
.m-group-info .m-group-info-moderated h1,
.m-group-info .m-group-info-default-view h1,
.m-group-info .m-group-info-video-calls h1,
.m-group-info .m-group-boost h1 {
font-size: 26px;
font-weight: 400;
margin: 0;
text-align: center; }
.m-group-info .m-group-info-name input[type='text'],
.m-group-info .m-group-info-name select,
.m-group-info .m-group-info-name textarea,
.m-group-info .m-group-info-brief-description input[type='text'],
.m-group-info .m-group-info-brief-description select,
.m-group-info .m-group-info-brief-description textarea,
.m-group-info .m-group-info-tags input[type='text'],
.m-group-info .m-group-info-tags select,
.m-group-info .m-group-info-tags textarea,
.m-group-info .m-group-info-membership input[type='text'],
.m-group-info .m-group-info-membership select,
.m-group-info .m-group-info-membership textarea,
.m-group-info .m-group-info-moderated input[type='text'],
.m-group-info .m-group-info-moderated select,
.m-group-info .m-group-info-moderated textarea,
.m-group-info .m-group-info-default-view input[type='text'],
.m-group-info .m-group-info-default-view select,
.m-group-info .m-group-info-default-view textarea,
.m-group-info .m-group-info-video-calls input[type='text'],
.m-group-info .m-group-info-video-calls select,
.m-group-info .m-group-info-video-calls textarea,
.m-group-info .m-group-boost input[type='text'],
.m-group-info .m-group-boost select,
.m-group-info .m-group-boost textarea {
width: 100%;
padding: 8px;
vertical-align: middle; }
body.m-theme__light .m-group-info .m-group-info-name input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light .m-group-info .m-group-info-name input[type='text'], body.m-theme__light
.m-group-info .m-group-info-name select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-name select, body.m-theme__light
.m-group-info .m-group-info-name textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-name textarea, body.m-theme__light
.m-group-info .m-group-info-brief-description input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-brief-description input[type='text'], body.m-theme__light
.m-group-info .m-group-info-brief-description select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-brief-description select, body.m-theme__light
.m-group-info .m-group-info-brief-description textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-brief-description textarea, body.m-theme__light
.m-group-info .m-group-info-tags input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-tags input[type='text'], body.m-theme__light
.m-group-info .m-group-info-tags select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-tags select, body.m-theme__light
.m-group-info .m-group-info-tags textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-tags textarea, body.m-theme__light
.m-group-info .m-group-info-membership input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-membership input[type='text'], body.m-theme__light
.m-group-info .m-group-info-membership select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-membership select, body.m-theme__light
.m-group-info .m-group-info-membership textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-membership textarea, body.m-theme__light
.m-group-info .m-group-info-moderated input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-moderated input[type='text'], body.m-theme__light
.m-group-info .m-group-info-moderated select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-moderated select, body.m-theme__light
.m-group-info .m-group-info-moderated textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-moderated textarea, body.m-theme__light
.m-group-info .m-group-info-default-view input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-default-view input[type='text'], body.m-theme__light
.m-group-info .m-group-info-default-view select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-default-view select, body.m-theme__light
.m-group-info .m-group-info-default-view textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-default-view textarea, body.m-theme__light
.m-group-info .m-group-info-video-calls input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-video-calls input[type='text'], body.m-theme__light
.m-group-info .m-group-info-video-calls select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-video-calls select, body.m-theme__light
.m-group-info .m-group-info-video-calls textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-info-video-calls textarea, body.m-theme__light
.m-group-info .m-group-boost input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-boost input[type='text'], body.m-theme__light
.m-group-info .m-group-boost select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-boost select, body.m-theme__light
.m-group-info .m-group-boost textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-group-info .m-group-boost textarea {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-group-info .m-group-info-name input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-group-info .m-group-info-name input[type='text'], body.m-theme__dark
.m-group-info .m-group-info-name select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-name select, body.m-theme__dark
.m-group-info .m-group-info-name textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-name textarea, body.m-theme__dark
.m-group-info .m-group-info-brief-description input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-brief-description input[type='text'], body.m-theme__dark
.m-group-info .m-group-info-brief-description select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-brief-description select, body.m-theme__dark
.m-group-info .m-group-info-brief-description textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-brief-description textarea, body.m-theme__dark
.m-group-info .m-group-info-tags input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-tags input[type='text'], body.m-theme__dark
.m-group-info .m-group-info-tags select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-tags select, body.m-theme__dark
.m-group-info .m-group-info-tags textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-tags textarea, body.m-theme__dark
.m-group-info .m-group-info-membership input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-membership input[type='text'], body.m-theme__dark
.m-group-info .m-group-info-membership select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-membership select, body.m-theme__dark
.m-group-info .m-group-info-membership textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-membership textarea, body.m-theme__dark
.m-group-info .m-group-info-moderated input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-moderated input[type='text'], body.m-theme__dark
.m-group-info .m-group-info-moderated select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-moderated select, body.m-theme__dark
.m-group-info .m-group-info-moderated textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-moderated textarea, body.m-theme__dark
.m-group-info .m-group-info-default-view input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-default-view input[type='text'], body.m-theme__dark
.m-group-info .m-group-info-default-view select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-default-view select, body.m-theme__dark
.m-group-info .m-group-info-default-view textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-default-view textarea, body.m-theme__dark
.m-group-info .m-group-info-video-calls input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-video-calls input[type='text'], body.m-theme__dark
.m-group-info .m-group-info-video-calls select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-video-calls select, body.m-theme__dark
.m-group-info .m-group-info-video-calls textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-info-video-calls textarea, body.m-theme__dark
.m-group-info .m-group-boost input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-boost input[type='text'], body.m-theme__dark
.m-group-info .m-group-boost select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-boost select, body.m-theme__dark
.m-group-info .m-group-boost textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-group-info .m-group-boost textarea {
border: 1px solid #414c57; }
.m-group-info .m-group-info-name input[type='text'].h1,
.m-group-info .m-group-info-name select.h1,
.m-group-info .m-group-info-name textarea.h1,
.m-group-info .m-group-info-brief-description input[type='text'].h1,
.m-group-info .m-group-info-brief-description select.h1,
.m-group-info .m-group-info-brief-description textarea.h1,
.m-group-info .m-group-info-tags input[type='text'].h1,
.m-group-info .m-group-info-tags select.h1,
.m-group-info .m-group-info-tags textarea.h1,
.m-group-info .m-group-info-membership input[type='text'].h1,
.m-group-info .m-group-info-membership select.h1,
.m-group-info .m-group-info-membership textarea.h1,
.m-group-info .m-group-info-moderated input[type='text'].h1,
.m-group-info .m-group-info-moderated select.h1,
.m-group-info .m-group-info-moderated textarea.h1,
.m-group-info .m-group-info-default-view input[type='text'].h1,
.m-group-info .m-group-info-default-view select.h1,
.m-group-info .m-group-info-default-view textarea.h1,
.m-group-info .m-group-info-video-calls input[type='text'].h1,
.m-group-info .m-group-info-video-calls select.h1,
.m-group-info .m-group-info-video-calls textarea.h1,
.m-group-info .m-group-boost input[type='text'].h1,
.m-group-info .m-group-boost select.h1,
.m-group-info .m-group-boost textarea.h1 {
font-size: 26px;
font-weight: 400; }
.m-group-info .m-group-info-name input[type='text'].icon-prefix,
.m-group-info .m-group-info-name select.icon-prefix,
.m-group-info .m-group-info-name textarea.icon-prefix,
.m-group-info .m-group-info-brief-description input[type='text'].icon-prefix,
.m-group-info .m-group-info-brief-description select.icon-prefix,
.m-group-info .m-group-info-brief-description textarea.icon-prefix,
.m-group-info .m-group-info-tags input[type='text'].icon-prefix,
.m-group-info .m-group-info-tags select.icon-prefix,
.m-group-info .m-group-info-tags textarea.icon-prefix,
.m-group-info .m-group-info-membership input[type='text'].icon-prefix,
.m-group-info .m-group-info-membership select.icon-prefix,
.m-group-info .m-group-info-membership textarea.icon-prefix,
.m-group-info .m-group-info-moderated input[type='text'].icon-prefix,
.m-group-info .m-group-info-moderated select.icon-prefix,
.m-group-info .m-group-info-moderated textarea.icon-prefix,
.m-group-info .m-group-info-default-view input[type='text'].icon-prefix,
.m-group-info .m-group-info-default-view select.icon-prefix,
.m-group-info .m-group-info-default-view textarea.icon-prefix,
.m-group-info .m-group-info-video-calls input[type='text'].icon-prefix,
.m-group-info .m-group-info-video-calls select.icon-prefix,
.m-group-info .m-group-info-video-calls textarea.icon-prefix,
.m-group-info .m-group-boost input[type='text'].icon-prefix,
.m-group-info .m-group-boost select.icon-prefix,
.m-group-info .m-group-boost textarea.icon-prefix {
width: 85%;
width: calc(100% - 38px); }
.m-group-info .m-group-info-name.m-group-info-brief-description span,
.m-group-info .m-group-info-brief-description.m-group-info-brief-description span,
.m-group-info .m-group-info-tags.m-group-info-brief-description span,
.m-group-info .m-group-info-membership.m-group-info-brief-description span,
.m-group-info .m-group-info-moderated.m-group-info-brief-description span,
.m-group-info .m-group-info-default-view.m-group-info-brief-description span,
.m-group-info .m-group-info-video-calls.m-group-info-brief-description span,
.m-group-info .m-group-boost.m-group-info-brief-description span {
white-space: pre-line;
word-wrap: break-word;
max-width: 100%;
box-sizing: border-box; }
.m-group-info .m-group-info-name minds-form-tags-input,
.m-group-info .m-group-info-brief-description minds-form-tags-input,
.m-group-info .m-group-info-tags minds-form-tags-input,
.m-group-info .m-group-info-membership minds-form-tags-input,
.m-group-info .m-group-info-moderated minds-form-tags-input,
.m-group-info .m-group-info-default-view minds-form-tags-input,
.m-group-info .m-group-info-video-calls minds-form-tags-input,
.m-group-info .m-group-boost minds-form-tags-input {
width: 80%;
width: calc(100% - 48px);
display: inline-block; }
.m-group-info .m-group-info-name select,
.m-group-info .m-group-info-brief-description select,
.m-group-info .m-group-info-tags select,
.m-group-info .m-group-info-membership select,
.m-group-info .m-group-info-moderated select,
.m-group-info .m-group-info-default-view select,
.m-group-info .m-group-info-video-calls select,
.m-group-info .m-group-boost select {
padding: 8px;
border-radius: 0;
-webkit-appearance: none; }
.m-group-info .m-group-info-membership {
font-size: 12px; }
.m-group-info .m-group-info-brief-description > .mdl-card__supporting-text {
padding-top: 0; }
.m-group-info .m-group-info-members {
width: auto; }
.m-group-info .m-group-info-members .mdl-card__title {
padding-bottom: 0;
position: relative; }
.m-group-info .m-group-info-members .mdl-card__title > a {
position: absolute;
right: 16px;
top: 25px;
font-size: 13px;
color: inherit;
text-decoration: none; }
body.m-theme__light .m-group-info .m-group-info-members .mdl-card__title > a,
body .m-theme--wrapper.m-theme--wrapper__light .m-group-info .m-group-info-members .mdl-card__title > a {
border-bottom: 1px dotted #ddd; }
body.m-theme__dark .m-group-info .m-group-info-members .mdl-card__title > a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-group-info .m-group-info-members .mdl-card__title > a {
border-bottom: 1px dotted #404040; }
.m-group-info .m-group-info-members .members-grid {
min-height: 0; }
.group-avatar {
padding: 8px; }
.group-avatar img {
width: 100%; }
minds-groups-create .m-group-saving-overlay {
width: 100%;
height: 100%;
position: fixed;
text-align: center;
padding-top: 30%;
padding-top: 50vh;
padding-top: calc(50vh - 50px); }
body.m-theme__light minds-groups-create .m-group-saving-overlay,
body .m-theme--wrapper.m-theme--wrapper__light minds-groups-create .m-group-saving-overlay {
background: rgba(0, 0, 0, 0.8); }
body.m-theme__dark minds-groups-create .m-group-saving-overlay,
body .m-theme--wrapper.m-theme--wrapper__dark minds-groups-create .m-group-saving-overlay {
background: rgba(255, 255, 255, 0.8); }
minds-groups-create .minds-banner {
max-height: 400px;
height: 400px; }
minds-groups-create form {
width: 100%; }
minds-groups-create .m-groups-name,
minds-groups-create .m-groups-tags,
minds-groups-create .m-groups-new-invitee {
width: 100%; }
minds-groups-create .m-groups-name input,
minds-groups-create .m-groups-tags input,
minds-groups-create .m-groups-new-invitee input {
padding: 16px; }
minds-groups-create .m-groups-name label,
minds-groups-create .m-groups-tags label,
minds-groups-create .m-groups-new-invitee label {
padding: 12px 16px; }
minds-groups-create .m-groups-brief {
width: 100%; }
minds-groups-create .m-groups-brief textarea {
padding: 16px; }
minds-groups-create .m-groups-brief label {
top: inherit;
bottom: 24px;
padding: 12px 16px; }
minds-groups-create .m-groups-brief.is-focused label {
bottom: 0;
top: 24px; }
minds-groups-create .m-groups-visibilty {
width: 100%; }
minds-groups-create .m-groups-visibilty .mdl-radio {
display: block; }
minds-groups-create .m-groups-save button {
float: right;
margin: 8px; }
.m-group--action-buttons {
padding: 0;
margin: auto;
display: flex; }
.m-group--action-buttons minds-groups-settings-button {
position: relative;
margin: 0 16px; }
.m-group--action-buttons minds-groups-settings-button > button {
position: relative;
top: 8px;
font-size: 23px;
text-transform: none; }
.m-group--action-buttons minds-groups-settings-button .minds-dropdown-menu {
position: absolute;
top: 44px;
right: 0;
left: auto;
width: 200px;
margin-top: 0;
text-transform: capitalize; }
.m-group--action-buttons minds-groups-settings-button m-modal {
position: relative; }
.m-group--action-buttons .minds-button-edit,
.m-group--action-buttons minds-button-feature {
padding: 8px; }
.m-group--action-buttons .minds-button-edit button.material-icons,
.m-group--action-buttons minds-button-feature button.material-icons {
padding: 4px 8px;
font-size: 23px; }
.m-group--action-buttons .minds-button-edit button > .material-icons,
.m-group--action-buttons minds-button-feature button > .material-icons {
font-size: 23px; }
.m-group--action-buttons minds-groups-join-button {
padding: 8px 0; }
body.m-theme__light .m-group--action-buttons minds-groups-join-button .m-btn.subscribed,
body .m-theme--wrapper.m-theme--wrapper__light .m-group--action-buttons minds-groups-join-button .m-btn.subscribed {
color: #444 !important; }
body.m-theme__dark .m-group--action-buttons minds-groups-join-button .m-btn.subscribed,
body .m-theme--wrapper.m-theme--wrapper__dark .m-group--action-buttons minds-groups-join-button .m-btn.subscribed {
color: #b7b7b7 !important; }
.m-group-title h1,
.m-group-title input {
font-size: 56px; }
minds-groups-profile-requests {
transform-style: preserve-3d; }
minds-groups-profile-requests > .mdl-card {
max-height: 94px; }
minds-groups-profile-requests .mdl-cell {
min-height: 0; }
minds-groups-profile-requests .mdl-card__title {
position: relative;
top: 6px;
padding: 8px; }
minds-groups-profile-requests .minds-avatar {
margin-right: 8px; }
minds-groups-profile-requests .minds-avatar img {
width: 50px; }
minds-groups-profile-requests .minds-body > a {
display: block;
font-size: 1.1em;
text-decoration: none; }
minds-groups-profile-requests .minds-body > span {
display: block;
font-size: 0.75em; }
minds-groups-profile-requests .mdl-card__actions {
border-top: 0;
width: auto;
right: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 0 16px; }
.m-groups-button-badge {
font-size: 14px;
position: absolute;
bottom: 0;
right: 0;
border-radius: 2px;
opacity: 0.65; }
body.m-theme__light .m-groups-button-badge,
body .m-theme--wrapper.m-theme--wrapper__light .m-groups-button-badge {
background-color: #ffffff;
color: #455a64; }
body.m-theme__dark .m-groups-button-badge,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groups-button-badge {
background-color: #242a30;
color: #9fb0b9; }
.m-group-closed .tabs minds-button-remind {
display: none; }
.m-group-closed .tabs .minds-boost-button {
display: none; }
minds-groups-card-user-actions-button > button {
padding: 0 !important; }
minds-groups-card-user-actions-button .minds-dropdown-menu {
top: 12px;
right: 0;
width: 180px; }
minds-groups-card-user-actions-button m-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; }
minds-groups-card-user-actions-button m-modal .m-modal-container {
max-width: 480px;
min-width: 0;
height: auto;
min-height: 0;
margin: 0 auto;
text-transform: none;
text-align: left; }
minds-groups-card-user-actions-button m-modal .m-modal-container .mdl-card {
min-height: 0; }
minds-groups-card-user-actions-button m-modal .minds-modal-dialog-actions {
padding: 0 8px 8px;
box-sizing: border-box;
text-align: right; }
minds-groups-card-user-actions-button m-modal .minds-modal-dialog-actions > button {
line-height: 1em; }
body.m-theme__light .minds-dropdown-menu .minds-menu-info-item,
body .m-theme--wrapper.m-theme--wrapper__light .minds-dropdown-menu .minds-menu-info-item {
color: #999; }
body.m-theme__dark .minds-dropdown-menu .minds-menu-info-item,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-dropdown-menu .minds-menu-info-item {
color: #626262; }
minds-groups-create .invitees > span {
display: inline-block;
padding: 1px 6px 2px;
border-radius: 2px;
margin-right: 0.35em; }
body.m-theme__light minds-groups-create .invitees > span,
body .m-theme--wrapper.m-theme--wrapper__light minds-groups-create .invitees > span {
background-color: #ddd; }
body.m-theme__dark minds-groups-create .invitees > span,
body .m-theme--wrapper.m-theme--wrapper__dark minds-groups-create .invitees > span {
background-color: #404040; }
minds-groups-create .invitees > span .m-remove-invitee {
font-size: inherit;
position: relative;
top: 2px;
cursor: pointer; }
body.m-theme__light minds-groups-create .invitees > span .m-remove-invitee,
body .m-theme--wrapper.m-theme--wrapper__light minds-groups-create .invitees > span .m-remove-invitee {
color: #999; }
body.m-theme__dark minds-groups-create .invitees > span .m-remove-invitee,
body .m-theme--wrapper.m-theme--wrapper__dark minds-groups-create .invitees > span .m-remove-invitee {
color: #626262; }
minds-groups-create header {
position: relative; }
minds-groups-create header .avatar-wrapper {
position: relative;
pointer-events: none;
max-width: 900px;
margin: 0 auto; }
minds-groups-create header minds-avatar {
position: absolute;
bottom: 12px;
right: 0;
pointer-events: all; }
minds-groups-create header minds-avatar .minds-avatar {
background-position: center center;
background-size: cover;
width: 200px;
height: 200px; }
.m-group-conversation--link b > * {
vertical-align: middle; }
.m-group-conversation--link .m-group-conversation--link--new {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%; }
body.m-theme__light .m-group-conversation--link .m-group-conversation--link--new,
body .m-theme--wrapper.m-theme--wrapper__light .m-group-conversation--link .m-group-conversation--link--new {
background-color: #4caf50; }
body.m-theme__dark .m-group-conversation--link .m-group-conversation--link--new,
body .m-theme--wrapper.m-theme--wrapper__dark .m-group-conversation--link .m-group-conversation--link--new {
background-color: #5cb860; }
minds-groups-profile-feed {
z-index: 1; }
minds-groups-profile-feed .minds-list.m-groupProfileFeed__mediaList {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-flow: row wrap;
max-width: 1280px;
margin: auto;
align-items: flex-start; }
minds-groups-profile-feed .minds-list.m-groupProfileFeed__mediaList minds-activity {
margin: 8px 2px;
flex-basis: calc(50% - 4px);
max-width: calc(50% - 4px); }
@media screen and (max-width: 900px) {
minds-groups-profile-feed .minds-list.m-groupProfileFeed__mediaList minds-activity {
flex-basis: calc(100% - 8px);
max-width: calc(100% - 8px); } }
minds-groups-profile-feed .minds-list.m-groupProfileFeed__mediaList minds-activity .item-image img {
width: 100%;
height: 300px;
-o-object-fit: cover;
object-fit: cover; }
minds-groups-profile-conversation.mdl-card {
overflow: visible; }
.m-group--kick-modal .m-modal-container > .mdl-card {
border-radius: 6px;
padding: 16px; }
.m-group--kick-modal .m-modal-container > .mdl-card input[type='checkbox'] {
margin-left: 0;
vertical-align: middle; }
.m-group--kick-modal .minds-modal-dialog-actions {
text-align: right; }
m-group--members-module > .mdl-card__title[href] {
cursor: pointer; }
m-group--members-module .minds-group-sidebar-loader {
margin-left: 16px; }
.m-group--conversation {
max-width: 1600px; }
@media screen and (max-width: 768px) {
.m-group--conversation .m-group--sidebar {
margin: 0 auto; } }
@media screen and (max-width: 650px) {
.m-group--conversation .m-group--sidebar {
width: calc(85% - 16px); } }
.m-group--conversation .mdl-cell--8-col {
flex: 1; }
.m-group--conversation .m-comment--compact {
padding: 5px 10px 20px 30px; }
minds-groups-profile-conversation {
position: fixed;
top: 52px;
width: calc(33% - 12px);
display: block;
margin-bottom: 0;
flex: 1; }
@media screen and (max-width: 700px) {
minds-groups-profile-conversation {
width: 100%; } }
@media screen and (min-width: 1221px) {
minds-groups-profile-conversation {
width: calc(30% - 12px); } }
minds-groups-profile-conversation > m-comments__tree
> m-comments__thread
> .m-comments__thread
> m-comment__poster {
margin: 0 0 40px 30px; }
minds-groups-profile-conversation .m-group__chat,
minds-groups-profile-conversation .m-group__chat > m-comments__thread {
height: 100%;
height: calc(100vh - 45px);
position: relative;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding-bottom: 24px; }
body.m-theme__light minds-groups-profile-conversation .m-group__chat,
body .m-theme--wrapper.m-theme--wrapper__light minds-groups-profile-conversation .m-group__chat, body.m-theme__light
minds-groups-profile-conversation .m-group__chat > m-comments__thread,
body .m-theme--wrapper.m-theme--wrapper__light
minds-groups-profile-conversation .m-group__chat > m-comments__thread {
background-color: #ffffff; }
body.m-theme__dark minds-groups-profile-conversation .m-group__chat,
body .m-theme--wrapper.m-theme--wrapper__dark minds-groups-profile-conversation .m-group__chat, body.m-theme__dark
minds-groups-profile-conversation .m-group__chat > m-comments__thread,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-groups-profile-conversation .m-group__chat > m-comments__thread {
background-color: #242a30; }
minds-groups-profile-conversation .m-group__chat .minds-comments-container,
minds-groups-profile-conversation .m-group__chat .m-comments__thread,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .minds-comments-container,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .m-comments__thread {
overflow-y: auto;
max-height: none;
flex: 1;
display: flex;
flex-direction: column; }
minds-groups-profile-conversation .m-group__chat .minds-comments-container .minds-avatar,
minds-groups-profile-conversation .m-group__chat .m-comments__thread .minds-avatar,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .minds-comments-container .minds-avatar,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .m-comments__thread .minds-avatar {
width: 36px;
height: 36px; }
minds-groups-profile-conversation .m-group__chat .minds-comments-container .m-comment-attachment .item-image img,
minds-groups-profile-conversation .m-group__chat .minds-comments-container .m-comment-attachment .item-image minds-video,
minds-groups-profile-conversation .m-group__chat .m-comments__thread .m-comment-attachment .item-image img,
minds-groups-profile-conversation .m-group__chat .m-comments__thread .m-comment-attachment .item-image minds-video,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .minds-comments-container .m-comment-attachment .item-image img,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .minds-comments-container .m-comment-attachment .item-image minds-video,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .m-comments__thread .m-comment-attachment .item-image img,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .m-comments__thread .m-comment-attachment .item-image minds-video {
max-width: 50%; }
minds-groups-profile-conversation .m-group__chat .minds-comment .mdl-card__menu,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .minds-comment .mdl-card__menu {
display: none; }
minds-groups-profile-conversation .m-group__chat .minds-comment:hover .mdl-card__menu,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .minds-comment:hover .mdl-card__menu {
display: block; }
minds-groups-profile-conversation .m-group__chat .minds-comment .m-comment-attachment .m-rich-embed,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .minds-comment .m-comment-attachment .m-rich-embed {
max-width: 63%; }
minds-groups-profile-conversation .m-group__chat .minds-comment .m-comment-attachment .m-rich-embed .m-blurb,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .minds-comment .m-comment-attachment .m-rich-embed .m-blurb {
display: block; }
minds-groups-profile-conversation .m-group__chat .minds-comment-post,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .minds-comment-post {
flex-shrink: 0; }
minds-groups-profile-conversation .m-group__chat .post-preview,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .post-preview {
width: 63%;
height: auto; }
minds-groups-profile-conversation .m-group__chat .post-preview .attachment-preview,
minds-groups-profile-conversation .m-group__chat > m-comments__thread .post-preview .attachment-preview {
height: 140px;
-o-object-fit: cover;
object-fit: cover; }
minds-groups-profile-conversation .minds-comments-container {
overflow-y: visible;
height: auto;
max-height: none; }
.m-theme__2020 minds-groups-profile-conversation {
top: 75px; }
.m-mindsList__tools {
display: flex;
position: relative;
padding: 8px;
margin-bottom: 16px;
flex-direction: row;
align-items: center;
z-index: 3; }
.m-mindsList__tools .m-group--sorted__SortSelector {
margin-left: auto; }
.mindsListTools__scheduled {
align-items: center;
display: flex; }
m-group-profile-feed__sorted m-activity {
margin-bottom: 20px; }
m-groups--filter-selector {
display: flex;
justify-content: flex-end;
align-items: center;
margin: auto;
position: relative;
max-width: 780px;
box-sizing: border-box; }
@media screen and (max-width: 840px) {
m-groups--filter-selector {
text-align: center; } }
m-groups--filter-selector .m-group--feed-sort {
flex-grow: 1; }
m-groups--filter-selector .m-group--feed-sort .m-topbar--navigation--item {
border-top: none !important;
border-bottom: none !important;
padding: 4px 8px 5px; }
m-groups--filter-selector .m-groups--filter-selector {
padding: 8px;
border-radius: 24px;
font-size: 11px;
line-height: 1;
text-align: right;
display: inline-block; }
body.m-theme__light m-groups--filter-selector .m-groups--filter-selector,
body .m-theme--wrapper.m-theme--wrapper__light m-groups--filter-selector .m-groups--filter-selector {
background-color: #ffffff; }
body.m-theme__dark m-groups--filter-selector .m-groups--filter-selector,
body .m-theme--wrapper.m-theme--wrapper__dark m-groups--filter-selector .m-groups--filter-selector {
background-color: #242a30; }
@media screen and (max-width: 840px) {
m-groups--filter-selector .m-groups--filter-selector {
position: inherit;
display: block;
margin: 0 auto; } }
m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item {
display: inline-block;
padding: 0 1.5em;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 2px;
cursor: pointer; }
body.m-theme__light m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item,
body .m-theme--wrapper.m-theme--wrapper__light m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item {
color: #444;
border-right: 1px solid rgba(153, 153, 153, 0.25); }
body.m-theme__dark m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item,
body .m-theme--wrapper.m-theme--wrapper__dark m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item {
color: #b7b7b7;
border-right: 1px solid rgba(98, 98, 98, 0.25); }
m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item:last-child {
border-right: none; }
body.m-theme__light m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item:hover,
body .m-theme--wrapper.m-theme--wrapper__light m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item:hover, body.m-theme__light m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item.m-groups--filter-selector-active,
body .m-theme--wrapper.m-theme--wrapper__light m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item.m-groups--filter-selector-active {
color: #4690df; }
body.m-theme__dark m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item:hover, body.m-theme__dark m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item.m-groups--filter-selector-active,
body .m-theme--wrapper.m-theme--wrapper__dark m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item.m-groups--filter-selector-active {
color: #44aaff; }
m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item > * {
vertical-align: middle; }
m-groups--filter-selector .m-groups--filter-selector .m-groups--filter-selector-item > i {
line-height: 16px;
height: 16px; }
.m-groupMemberPreviews__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: row;
align-items: center; }
@media screen and (max-width: 750px) and (min-width: 600px) {
.m-groupMemberPreviews__list {
max-width: 75%; } }
@media screen and (max-width: 600px) {
.m-groupMemberPreviews__list {
max-width: 65%; } }
.m-groupMemberPreviews__member,
.m-groupMemberPreviews__member--count {
border-radius: 100px;
overflow: hidden;
width: 32px;
height: 32px;
margin-right: 8px; }
.m-groupMemberPreviews__member:not(.m-groupMemberPreviews__member--count),
.m-groupMemberPreviews__member--count:not(.m-groupMemberPreviews__member--count) {
flex-shrink: 0; }
.m-groupMemberPreviews__member.m-groupMemberPreviews__member--count,
.m-groupMemberPreviews__member--count.m-groupMemberPreviews__member--count {
width: auto;
font-weight: 500;
padding: 0 8px;
line-height: 32px;
display: inline-block;
min-width: 32px;
box-sizing: border-box;
text-align: center;
cursor: pointer; }
body.m-theme__light .m-groupMemberPreviews__member.m-groupMemberPreviews__member--count,
body .m-theme--wrapper.m-theme--wrapper__light .m-groupMemberPreviews__member.m-groupMemberPreviews__member--count, body.m-theme__light
.m-groupMemberPreviews__member--count.m-groupMemberPreviews__member--count,
body .m-theme--wrapper.m-theme--wrapper__light
.m-groupMemberPreviews__member--count.m-groupMemberPreviews__member--count {
background-color: #e8e8e8;
color: #777; }
body.m-theme__dark .m-groupMemberPreviews__member.m-groupMemberPreviews__member--count,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groupMemberPreviews__member.m-groupMemberPreviews__member--count, body.m-theme__dark
.m-groupMemberPreviews__member--count.m-groupMemberPreviews__member--count,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-groupMemberPreviews__member--count.m-groupMemberPreviews__member--count {
background-color: #2f2f2f;
color: #848484; }
.m-groupMemberPreviews__member.m-groupMemberPreviews__member--count span,
.m-groupMemberPreviews__member--count.m-groupMemberPreviews__member--count span {
vertical-align: middle;
display: inline; }
.m-groupMemberPreviews__member img,
.m-groupMemberPreviews__member--count img {
width: 32px;
height: 32px; }
.m-groupMemberInvite {
padding: 16px; }
body.m-theme__light .m-groupMemberInvite,
body .m-theme--wrapper.m-theme--wrapper__light .m-groupMemberInvite {
background-color: #ffffff; }
body.m-theme__dark .m-groupMemberInvite,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groupMemberInvite {
background-color: #242a30; }
.m-groupMemberInvite__title {
margin: 0;
font-size: 24px;
line-height: 1;
font-weight: 600; }
.m-groupMemberInvite__title a {
font-size: 20px;
vertical-align: middle;
margin-left: 8px;
line-height: 30px;
text-decoration: none; }
.m-groupMemberInvite__instructions {
padding-left: 16px; }
.m-groupMembers__search {
margin-bottom: 8px; }
body.m-theme__light .m-groupMembers__search input,
body .m-theme--wrapper.m-theme--wrapper__light .m-groupMembers__search input {
background-color: #ffffff; }
body.m-theme__dark .m-groupMembers__search input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groupMembers__search input {
background-color: #242a30; }
body.m-theme__light .m-groupMembers__list,
body .m-theme--wrapper.m-theme--wrapper__light .m-groupMembers__list {
background-color: #ffffff; }
body.m-theme__dark .m-groupMembers__list,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groupMembers__list {
background-color: #242a30; }
.m-groupMembers__memberCard .mdl-card {
overflow: visible; }
.m-groupMembers__memberCard minds-card-user .minds-usercard-buttons {
right: 8px !important;
bottom: 16px !important;
top: inherit !important; }
/**
* Padding, Margins and Offset
*/
.m-group__grid {
position: relative;
z-index: 0;
display: flex;
flex-direction: row; }
.m-group__grid .m-groupGrid__left {
flex: 2; }
.m-group__grid .m-groupGrid__right {
flex: 1;
min-width: 33%;
width: 33%; }
body.m-theme__light .m-group__grid .m-groupGrid__right,
body .m-theme--wrapper.m-theme--wrapper__light .m-group__grid .m-groupGrid__right {
border-left: 1px solid #d3dbe3; }
body.m-theme__dark .m-group__grid .m-groupGrid__right,
body .m-theme--wrapper.m-theme--wrapper__dark .m-group__grid .m-groupGrid__right {
border-left: 1px solid #414c57; }
@media screen and (max-width: 700px) {
.m-group__grid {
display: block; }
.m-group__grid .m-groupGrid__right {
min-width: 100%;
width: 100%; } }
.m-group__grid .m-groupGrid__toggleBtn {
position: fixed;
top: 55px;
right: 60px;
display: block;
z-index: 1;
cursor: pointer; }
@media screen and (max-width: 992px) {
.m-group__grid .m-groupGrid__toggleBtn {
right: 8px;
top: 106px; } }
.m-group__grid .m-groupGrid__toggleBtn i {
font-size: 32px; }
body.m-theme__light .m-group__grid .m-groupGrid__toggleBtn .material-icons,
body .m-theme--wrapper.m-theme--wrapper__light .m-group__grid .m-groupGrid__toggleBtn .material-icons {
text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff;
color: #888; }
body.m-theme__dark .m-group__grid .m-groupGrid__toggleBtn .material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark .m-group__grid .m-groupGrid__toggleBtn .material-icons {
text-shadow: 0px 0px 1px #202527, 0px 0px 1px #202527;
color: #737373; }
.m-group__feeds {
position: relative;
padding: 8px;
max-width: 780px;
margin: auto; }
.m-group__infoWrapper {
margin: auto;
padding: 8px; }
.m-group__info {
margin: auto;
padding: 16px;
position: relative;
max-width: 780px;
box-sizing: border-box; }
body.m-theme__light .m-group__info,
body .m-theme--wrapper.m-theme--wrapper__light .m-group__info {
background-color: #ffffff; }
body.m-theme__dark .m-group__info,
body .m-theme--wrapper.m-theme--wrapper__dark .m-group__info {
background-color: #242a30; }
.m-group__info minds-groups-settings-button.m-button {
position: absolute;
top: 0;
right: 0; }
.m-group__info minds-groups-settings-button.m-button > button.material-icons {
border: 0;
font-size: 18px;
padding: 14px 8px; }
.m-group__info minds-groups-settings-button.m-button > button.material-icons i {
font-size: 18px; }
.m-group__info minds-groups-settings-button.m-button .m-groups-settings-dropdown__item--nsfw {
overflow: visible; }
.m-group__info minds-groups-settings-button.m-button .m-groups-settings-dropdown__item--nsfw m-nsfw-selector {
border: 0;
width: 100%;
padding: 0; }
.m-group__info minds-groups-settings-button.m-button .m-groups-settings-dropdown__item--nsfw m-nsfw-selector .m-nsfwSelector__label m-tooltip {
display: none; }
.m-group__info minds-groups-settings-button.m-button .m-groups-settings-dropdown__item--nsfw m-nsfw-selector .m-dropdown .m-dropdown__list {
width: 210px; }
.m-group__info minds-avatar {
width: 100px;
height: 100px;
margin: -70px 0 0;
padding: 0;
display: block; }
.m-group__info minds-avatar .minds-avatar {
margin: 0;
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
border-radius: 50%; }
.m-group__info .m-groupInfo__name {
margin: 8px 0; }
.m-group__info .m-groupInfo__name h1 {
margin: 0;
display: inline;
vertical-align: middle;
font-size: 24px;
font-weight: 600; }
.m-group__info .m-groupInfo__description {
white-space: pre-line;
margin-top: 16px;
line-height: 1.25; }
.m-group__info .m-groupInfo__actionButtons {
margin-top: 10px;
display: inline-flex; }
@media screen and (max-width: 700px) {
.m-group__info .m-groupInfo__actionButtons .m-gatheringIcon {
display: none; } }
.m-group__info .m-groupInfo__member-previews {
position: absolute;
top: 8px;
left: 126px;
width: calc(100% - 180px); }
@media screen and (max-width: 700px) {
.m-group__info .m-groupInfo__member-previews .m-groupMemberPreviews__member {
display: none; } }
.m-group__goBack {
text-decoration: none;
margin-left: 8px;
margin-bottom: 16px;
display: block; }
m-groups--profile .m-group__grid header {
height: 180px; }
m-groups--profile .m-group__grid header minds-banner .minds-banner {
max-height: 268px;
height: 268px; }
m-groups--profile .m-group__grid header minds-banner .minds-banner .minds-banner-overlay {
display: none; }
.m-group__splash--closed-group .m-groupSplash__inner {
margin: auto;
max-width: 990px;
text-align: center; }
.m-group__splash--closed-group .m-groupSplash__inner h1 {
font-weight: 500; }
.m-group__splash--closed-group .m-groupSplash__avatar {
margin-top: -50px; }
.m-group__splash--closed-group .m-groupSplash__avatar .minds-avatar {
border-radius: 50%;
width: 100px;
height: 100px;
background-size: cover;
margin: auto; }
.m-group__splash--closed-group .m-groupSplash__error {
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: bold; }
body.m-theme__light .m-group__splash--closed-group .m-groupSplash__error,
body .m-theme--wrapper.m-theme--wrapper__light .m-group__splash--closed-group .m-groupSplash__error {
color: #e03c20; }
body.m-theme__dark .m-group__splash--closed-group .m-groupSplash__error,
body .m-theme--wrapper.m-theme--wrapper__dark .m-group__splash--closed-group .m-groupSplash__error {
color: #e35036; }
.m-group-profile__Filter {
max-width: 780px;
margin: 8px auto;
padding: 8px;
box-sizing: border-box; }
body.m-theme__light .m-group-profile__Filter,
body .m-theme--wrapper.m-theme--wrapper__light .m-group-profile__Filter {
background-color: #ffffff; }
body.m-theme__dark .m-group-profile__Filter,
body .m-theme--wrapper.m-theme--wrapper__dark .m-group-profile__Filter {
background-color: #242a30; }
.m-theme__2020 .m-group__infoWrapper,
.m-theme__2020 .m-group__feeds {
margin: 0 40px; }
@media screen and (max-width: 1039px) {
.m-theme__2020 .m-group__infoWrapper,
.m-theme__2020 .m-group__feeds {
margin: 0; } }
.m-theme__2020 .m-groupGrid__toggleBtn {
top: 75px; }
/**
* Padding, Margins and Offset
*/
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar h5.m-groupSidebarMarkers__header {
font-size: 11px;
line-height: 30px;
letter-spacing: 1.83px;
text-transform: uppercase; }
body.m-theme__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar h5.m-groupSidebarMarkers__header,
body .m-theme--wrapper.m-theme--wrapper__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar h5.m-groupSidebarMarkers__header {
color: #9b9b9b; }
body.m-theme__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar h5.m-groupSidebarMarkers__header,
body .m-theme--wrapper.m-theme--wrapper__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar h5.m-groupSidebarMarkers__header {
color: #797b82; }
@media screen and (max-width: 1220px) and (min-width: 480px) {
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar h5.m-groupSidebarMarkers__header {
display: none; } }
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list {
margin: 0;
padding: 0;
width: auto !important;
height: auto !important;
max-width: unset;
min-height: unset;
box-shadow: unset !important;
display: block !important;
overflow: unset !important; }
.m-sidebarNavigation--slide m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list {
padding: 0 20px; }
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li {
width: auto;
height: auto;
border: unset !important;
position: relative; }
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a {
display: inline-flex;
flex-direction: row;
padding: 8px 16px 8px 0;
line-height: 30px;
box-sizing: border-box;
width: 100%;
justify-content: center; }
@media screen and (max-width: 1220px) {
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a {
padding: 8px 0; } }
body.m-theme__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--newGroup,
body .m-theme--wrapper.m-theme--wrapper__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--newGroup, body.m-theme__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--discoverGroups,
body .m-theme--wrapper.m-theme--wrapper__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--discoverGroups {
color: #9b9b9b; }
body.m-theme__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--newGroup,
body .m-theme--wrapper.m-theme--wrapper__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--newGroup, body.m-theme__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--discoverGroups,
body .m-theme--wrapper.m-theme--wrapper__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--discoverGroups {
color: #797b82; }
body.m-theme__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--newGroup i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--newGroup i.material-icons, body.m-theme__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--discoverGroups i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--discoverGroups i.material-icons {
color: #72727c; }
body.m-theme__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--newGroup i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--newGroup i.material-icons, body.m-theme__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--discoverGroups i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a.m-groupSidebarMarkersList__item--discoverGroups i.material-icons {
color: #b8c1ca; }
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a .m-groupSidebarMarkersListItem__label {
display: inline-block;
flex: 1;
font-size: 14px;
font-weight: normal;
margin-left: 24px;
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: hidden; }
body.m-theme__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a .m-groupSidebarMarkersListItem__label,
body .m-theme--wrapper.m-theme--wrapper__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a .m-groupSidebarMarkersListItem__label {
color: #72727c; }
body.m-theme__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a .m-groupSidebarMarkersListItem__label,
body .m-theme--wrapper.m-theme--wrapper__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a .m-groupSidebarMarkersListItem__label {
color: #b8c1ca; }
@media screen and (max-width: 1220px) and (min-width: 480px) {
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a .m-groupSidebarMarkersListItem__label {
display: none; } }
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a m-tooltip {
vertical-align: middle; }
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a m-tooltip img {
width: 27px;
height: 27px; }
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list > li a m-tooltip i.material-icons {
font-size: 20px;
width: 27px;
height: 27px; }
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list infinite-scroll {
padding: 2px 0 !important;
width: 48px !important; }
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list infinite-scroll .m-infinite-scroll-manual {
font-size: 10px;
padding: 2px;
background-color: transparent !important;
transform: rotate(0) !important;
text-align: left; }
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list infinite-scroll.hasNewNavigation {
margin-bottom: 40px;
display: block; }
body.m-theme__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list infinite-scroll.hasNewNavigation .m-infinite-scroll-manual i,
body .m-theme--wrapper.m-theme--wrapper__light m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list infinite-scroll.hasNewNavigation .m-infinite-scroll-manual i {
color: #72727c; }
body.m-theme__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list infinite-scroll.hasNewNavigation .m-infinite-scroll-manual i,
body .m-theme--wrapper.m-theme--wrapper__dark m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list infinite-scroll.hasNewNavigation .m-infinite-scroll-manual i {
color: #b8c1ca; }
@media screen and (max-width: 1220px) and (min-width: 480px) {
m-group--sidebar-markers.m-groupSidebarMarkers__leftSidebar .m-groupSidebarMarkers__list infinite-scroll.hasNewNavigation {
display: flex; } }
.m-groupSidebarMarkers__list {
display: block;
margin: auto;
max-width: 1280px;
padding: 0;
min-height: 100%;
height: 100%;
padding-bottom: 20px;
padding-right: 20px;
width: 90px;
overflow-y: auto;
list-style-type: none; }
@media screen and (min-width: 992px) {
body.m-theme__light .m-groupSidebarMarkers__list,
body .m-theme--wrapper.m-theme--wrapper__light .m-groupSidebarMarkers__list {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
body.m-theme__dark .m-groupSidebarMarkers__list,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groupSidebarMarkers__list {
box-shadow: 0 2px 5px rgba(255, 255, 255, 0.2); } }
@media screen and (max-width: 992px) {
.m-groupSidebarMarkers__list {
padding-right: 0; }
.m-groupSidebarMarkers__list::-webkit-scrollbar, .m-groupSidebarMarkers__list::-webkit-scrollbar:horizontal {
display: none; } }
.m-groupSidebarMarkers__list infinite-scroll {
padding: 2px 0; }
@media screen and (min-width: 992px) {
.m-groupSidebarMarkers__list infinite-scroll {
width: 48px; } }
.m-groupSidebarMarkers__list infinite-scroll .m-infinite-scroll-manual {
font-size: 10px;
padding: 2px;
background-color: transparent !important; }
@media screen and (max-width: 992px) {
.m-groupSidebarMarkers__list {
max-width: initial;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
height: 48px;
display: flex; }
.m-groupSidebarMarkers__list infinite-scroll {
width: initial;
padding: 12px; }
.m-groupSidebarMarkers__list infinite-scroll .m-infinite-scroll-manual {
white-space: nowrap;
transform: rotate(-90deg); } }
.m-groupSidebarMarkers__list li {
margin: 0;
padding: 0;
vertical-align: middle;
line-height: 1;
width: 48px;
height: 48px;
position: relative; }
body.m-theme__light .m-groupSidebarMarkers__list li,
body .m-theme--wrapper.m-theme--wrapper__light .m-groupSidebarMarkers__list li {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-groupSidebarMarkers__list li,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groupSidebarMarkers__list li {
border-bottom: 1px solid #414c57; }
@media screen and (max-width: 992px) {
.m-groupSidebarMarkers__list li {
border-bottom: none; }
body.m-theme__light .m-groupSidebarMarkers__list li:not(:last-child),
body .m-theme--wrapper.m-theme--wrapper__light .m-groupSidebarMarkers__list li:not(:last-child) {
border-right: 1px solid #d3dbe3; }
body.m-theme__dark .m-groupSidebarMarkers__list li:not(:last-child),
body .m-theme--wrapper.m-theme--wrapper__dark .m-groupSidebarMarkers__list li:not(:last-child) {
border-right: 1px solid #414c57; } }
.m-groupSidebarMarkers__list li a {
display: block;
padding: 8px;
text-decoration: none; }
.m-groupSidebarMarkers__list li a .m-tooltip--bubble--anchor-right {
white-space: initial;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content; }
.m-groupSidebarMarkers__list li i.material-icons {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%; }
body.m-theme__light .m-groupSidebarMarkers__list li i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light .m-groupSidebarMarkers__list li i.material-icons {
border: 1px solid #d3dbe3;
transform: translateX(-1px); }
body.m-theme__dark .m-groupSidebarMarkers__list li i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groupSidebarMarkers__list li i.material-icons {
border: 1px solid #414c57;
transform: translateX(-1px); }
.m-groupSidebarMarkers__list li img {
width: 30px;
height: 30px;
border-radius: 50%;
vertical-align: middle; }
body.m-theme__light .m-groupSidebarMarkers__list li img,
body .m-theme--wrapper.m-theme--wrapper__light .m-groupSidebarMarkers__list li img {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-groupSidebarMarkers__list li img,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groupSidebarMarkers__list li img {
border: 1px solid #414c57; }
.m-groupSidebarMarkers__list li span {
font-size: 11px;
vertical-align: middle;
display: none; }
.m-groupSidebarMarkers__list .has-marker::after {
border-radius: 50%;
display: block;
height: 8px;
width: 8px;
content: '';
position: absolute;
top: 4px;
left: 4px; }
body.m-theme__light .m-groupSidebarMarkers__list .has-marker::after,
body .m-theme--wrapper.m-theme--wrapper__light .m-groupSidebarMarkers__list .has-marker::after {
background-color: #4690df; }
body.m-theme__dark .m-groupSidebarMarkers__list .has-marker::after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groupSidebarMarkers__list .has-marker::after {
background-color: #44aaff; }
.m-groupSidebarMarkers__list .has-gathering::after {
border-radius: 50%;
display: block;
height: 8px;
width: 8px;
content: '';
position: absolute;
top: calc(50% - 4px);
right: 16px;
-webkit-animation: pulse--small 1.5s infinite;
animation: pulse--small 1.5s infinite; }
body.m-theme__light .m-groupSidebarMarkers__list .has-gathering::after,
body .m-theme--wrapper.m-theme--wrapper__light .m-groupSidebarMarkers__list .has-gathering::after {
background-color: #e03c20; }
body.m-theme__dark .m-groupSidebarMarkers__list .has-gathering::after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groupSidebarMarkers__list .has-gathering::after {
background-color: #e03c20; }
@media screen and (max-width: 1220px) {
.m-groupSidebarMarkers__list .has-gathering::after {
right: 6px; } }
.m-groupSidebarMarkers__list .m-tooltip--bubble--anchor-right {
margin-top: -36px;
text-align: right;
width: auto;
max-width: 200px;
white-space: nowrap; }
.m-groups--tile {
padding: 0;
position: relative; }
body.m-theme__light .m-groups--tile,
body .m-theme--wrapper.m-theme--wrapper__light .m-groups--tile {
background-color: #ffffff; }
body.m-theme__dark .m-groups--tile,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groups--tile {
background-color: #242a30; }
.m-groups--tile .m-groups--tile-banner {
width: 100%;
height: 150px;
position: absolute;
z-index: 1; }
body.m-theme__light .m-groups--tile .m-groups--tile-banner,
body .m-theme--wrapper.m-theme--wrapper__light .m-groups--tile .m-groups--tile-banner {
background-color: #444; }
body.m-theme__dark .m-groups--tile .m-groups--tile-banner,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groups--tile .m-groups--tile-banner {
background-color: #b7b7b7; }
.m-groups--tile .m-groups--tile-banner .m-groups--tile-banner-img {
background-size: cover;
width: 100%;
height: 100%; }
.m-groups--tile .m-groups--tile-block {
margin-top: 75px;
position: relative;
z-index: 2;
display: block;
text-align: center;
text-decoration: none; }
.m-groups--tile .m-groups--tile-block h3 {
font-weight: 600;
font-size: 24px;
line-height: 24px;
margin: 16px 0 8px 0;
padding: 0 16px; }
body.m-theme__light .m-groups--tile .m-groups--tile-block h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-groups--tile .m-groups--tile-block h3 {
color: #444; }
body.m-theme__dark .m-groups--tile .m-groups--tile-block h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groups--tile .m-groups--tile-block h3 {
color: #b7b7b7; }
.m-groups--tile .m-groups--tile-block span {
text-transform: uppercase;
font-family: 'Roboto', Helvetica, sans-serif;
letter-spacing: 0.25px; }
body.m-theme__light .m-groups--tile .m-groups--tile-block span,
body .m-theme--wrapper.m-theme--wrapper__light .m-groups--tile .m-groups--tile-block span {
color: #666; }
body.m-theme__dark .m-groups--tile .m-groups--tile-block span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groups--tile .m-groups--tile-block span {
color: #959595; }
.m-groups--tile img {
width: 150px;
height: 150px;
border-radius: 50%; }
body.m-theme__light .m-groups--tile img,
body .m-theme--wrapper.m-theme--wrapper__light .m-groups--tile img {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-groups--tile img,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groups--tile img {
border: 1px solid #414c57; }
.m-groups--tile .m-groups--tile-buttons {
text-align: center;
padding: 16px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center; }
.m-groups--tile .m-groups--tile-buttons > * {
margin: 0 4px; }
.m-groupTile--hasUpdates .body span {
position: relative; }
.m-groupTile--hasUpdates .body span:after {
border-radius: 50%;
display: block;
height: 8px;
width: 8px;
content: '';
position: absolute;
top: -2px;
right: -12px; }
body.m-theme__light .m-groupTile--hasUpdates .body span:after,
body .m-theme--wrapper.m-theme--wrapper__light .m-groupTile--hasUpdates .body span:after {
background-color: #4690df; }
body.m-theme__dark .m-groupTile--hasUpdates .body span:after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-groupTile--hasUpdates .body span:after {
background-color: #44aaff; }
.m-hashtags__trending {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
max-width: 100%;
padding: 0;
margin: 0;
list-style: none;
overflow-x: hidden; }
.m-hashtags__trending::after {
content: '';
display: block;
width: 20px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 1; }
body.m-theme__light .m-hashtags__trending::after,
body .m-theme--wrapper.m-theme--wrapper__light .m-hashtags__trending::after {
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%); }
body.m-theme__dark .m-hashtags__trending::after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-hashtags__trending::after {
background: linear-gradient(90deg, rgba(36, 42, 48, 0) 0%, #242a30 50%); }
.m-hashtags__trending > * {
margin: 0 25px 20px 0;
font-size: 15px;
line-height: 20px; }
.m-hashtags__trending > *.m-hashtagsTrending__decoration {
margin: 0 17px 20px 0; }
.m-hashtags__trending > *.m-hashtagsTrending__decoration img {
width: 24px;
height: 24px;
-o-object-fit: contain;
object-fit: contain; }
.m-hashtags__trending > * a {
font-weight: inherit;
cursor: pointer; }
body.m-theme__light .m-hashtags__trending > * a,
body .m-theme--wrapper.m-theme--wrapper__light .m-hashtags__trending > * a {
color: #1b85d6; }
body.m-theme__dark .m-hashtags__trending > * a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-hashtags__trending > * a {
color: #1b85d6; }
m-hashtags__typeaheadInput {
display: inline-block;
position: relative; }
m-hashtags__typeaheadInput .m-hashtagsTypeaheadInput__input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 100%; }
m-hashtags__typeaheadInput .m-hashtagsTypeaheadInput__input:focus {
outline: none; }
m-hashtags__typeaheadInput .m-hashtagsTypeaheadInput__list {
position: absolute;
top: 100%;
left: 0;
z-index: 1;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box; }
body.m-theme__light m-hashtags__typeaheadInput .m-hashtagsTypeaheadInput__list,
body .m-theme--wrapper.m-theme--wrapper__light m-hashtags__typeaheadInput .m-hashtagsTypeaheadInput__list {
background-color: #f6f7f7; }
body.m-theme__dark m-hashtags__typeaheadInput .m-hashtagsTypeaheadInput__list,
body .m-theme--wrapper.m-theme--wrapper__dark m-hashtags__typeaheadInput .m-hashtagsTypeaheadInput__list {
background-color: #1a2025; }
m-hashtags__typeaheadInput .m-hashtagsTypeaheadInputList__mruHeader a {
color: inherit !important;
font-weight: inherit;
cursor: pointer; }
m-hashtags__typeaheadInput .m-hashtagsTypeaheadInputList__item {
cursor: pointer;
padding: 10px; }
body.m-theme__light m-hashtags__typeaheadInput .m-hashtagsTypeaheadInputList__item,
body .m-theme--wrapper.m-theme--wrapper__light m-hashtags__typeaheadInput .m-hashtagsTypeaheadInputList__item {
outline: 1px solid #d3dbe3; }
body.m-theme__dark m-hashtags__typeaheadInput .m-hashtagsTypeaheadInputList__item,
body .m-theme--wrapper.m-theme--wrapper__dark m-hashtags__typeaheadInput .m-hashtagsTypeaheadInputList__item {
outline: 1px solid #414c57; }
m-helpdesk--category-creator m-dropdown {
display: inline-block; }
body.m-theme__light .m-helpdesk--question-creator--error,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk--question-creator--error {
color: #e03c20; }
body.m-theme__dark .m-helpdesk--question-creator--error,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk--question-creator--error {
color: #e35036; }
m-helpdesk--question-creator m-dropdown {
display: inline-block; }
m-helpdesk--question-creator .m-h1-input {
font-size: 36px;
line-height: 36px;
font-weight: 600; }
m-helpdesk--question-creator .medium-editor-element img {
width: 100%;
max-width: initial; }
m-helpdesk--question-creator .medium-insert-embeds {
width: 100%;
margin: 0; }
/**
* Padding, Margins and Offset
*/
m-helpdesk--dashboard {
grid-area: content / span 2; }
body.m-theme__light .m-helpdesk__dashboard,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk__dashboard {
background-color: #ffffff; }
body.m-theme__dark .m-helpdesk__dashboard,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk__dashboard {
background-color: #242a30; }
.m-helpdesk__dashboard .m-helpdeskQuestions__questions {
margin-left: 32px; }
@media screen and (max-width: 480px) {
.m-helpdesk__dashboard .m-helpdeskQuestions__questions {
margin-left: 0; } }
.m-helpdesk__dashboard .m-layout__cell {
max-width: 100%; }
.m-helpdesk__dashboard .m-helpdeskSearch__results {
position: relative;
width: 30em;
max-width: 90%;
max-height: 300px;
font-size: 16px;
margin-top: 12px;
overflow-y: auto;
box-sizing: border-box; }
body.m-theme__light .m-helpdesk__dashboard .m-helpdeskSearch__results,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk__dashboard .m-helpdeskSearch__results {
background-color: #ffffff; }
body.m-theme__dark .m-helpdesk__dashboard .m-helpdeskSearch__results,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk__dashboard .m-helpdeskSearch__results {
background-color: #242a30; }
.m-helpdesk__dashboard .m-helpdeskSearch__results:after {
bottom: 100%;
left: 95%;
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 8px;
margin-left: -8px; }
body.m-theme__light .m-helpdesk__dashboard .m-helpdeskSearch__results:after,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk__dashboard .m-helpdeskSearch__results:after {
border-color: rgba(102, 102, 102, 0);
border-bottom-color: #fff; }
body.m-theme__dark .m-helpdesk__dashboard .m-helpdeskSearch__results:after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk__dashboard .m-helpdeskSearch__results:after {
border-color: rgba(149, 149, 149, 0);
border-bottom-color: #202527; }
.m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result {
padding: 16px;
cursor: pointer;
display: flex;
justify-content: space-between;
font-weight: 400; }
body.m-theme__light .m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result {
border-top: 1px solid #d3dbe3; }
body.m-theme__dark .m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result {
border-top: 1px solid #414c57; }
body.m-theme__light .m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result:hover, body.m-theme__light .m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result.m-helpdeskSearch__result--highlight,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result.m-helpdeskSearch__result--highlight {
color: #000; }
body.m-theme__dark .m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result:hover, body.m-theme__dark .m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result.m-helpdeskSearch__result--highlight,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result.m-helpdeskSearch__result--highlight {
color: #fff; }
.m-helpdesk__dashboard .m-helpdeskSearch__results .m-helpdeskSearch__result:first-child {
border-top: 0; }
.m-helpdesk__dashboardInput {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 40px;
width: 100%; }
.m-helpdesk__dashboardInput > i.material-icons {
position: absolute;
left: 8px;
font-size: 40px; }
body.m-theme__light .m-helpdesk__dashboardInput > i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk__dashboardInput > i.material-icons {
color: #888; }
body.m-theme__dark .m-helpdesk__dashboardInput > i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk__dashboardInput > i.material-icons {
color: #737373; }
.m-helpdesk__dashboardInput > input {
font-size: 18px;
width: 100%;
padding: 16px 16px 16px 56px; }
body.m-theme__light .m-helpdesk__dashboardInput > input,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk__dashboardInput > input {
background-color: #ffffff; }
body.m-theme__dark .m-helpdesk__dashboardInput > input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk__dashboardInput > input {
background-color: #242a30; }
@media screen and (max-width: 768px) {
.m-helpdesk__dashboardInput > i.material-icons {
font-size: 25px;
left: 4px; }
.m-helpdesk__dashboardInput > input {
font-size: 16px;
padding-right: 2px;
padding-left: 33px; } }
.m-helpdesk__dashboardButtons {
margin-top: 20px;
display: flex;
align-items: flex-start; }
.m-helpdesk__dashboardButtons m-button {
margin-right: 10px; }
.m-helpdesk__dashboard h1,
.m-helpdesk__dashboard h3,
.m-helpdesk__dashboard h2 {
font-family: 'Roboto', Helvetica, sans-serif;
margin: 0; }
body.m-theme__light .m-helpdesk__dashboard h1,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk__dashboard h1, body.m-theme__light
.m-helpdesk__dashboard h3,
body .m-theme--wrapper.m-theme--wrapper__light
.m-helpdesk__dashboard h3, body.m-theme__light
.m-helpdesk__dashboard h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-helpdesk__dashboard h2 {
color: #fff; }
body.m-theme__dark .m-helpdesk__dashboard h1,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk__dashboard h1, body.m-theme__dark
.m-helpdesk__dashboard h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-helpdesk__dashboard h3, body.m-theme__dark
.m-helpdesk__dashboard h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-helpdesk__dashboard h2 {
color: #202527; }
.m-helpdesk__dashboard h1 {
letter-spacing: 1.25px;
font-weight: 800;
font-size: 78px; }
@media only screen and (max-width: 400px) {
.m-helpdesk__dashboard h1 {
font-size: 30px; } }
.m-helpdesk__dashboard h2 {
font-weight: 600;
letter-spacing: 0.25px; }
.m-helpdesk__dashboard h3 {
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
line-height: 24px;
padding-right: 70px; }
@media only screen and (max-width: 400px) {
.m-helpdesk__dashboard h3 {
font-size: 14px; } }
.m-helpdesk--dashboard--section {
font-weight: 100;
font-size: 41px;
display: block;
text-align: left;
height: auto; }
body.m-theme__light .m-helpdesk--dashboard--section,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk--dashboard--section {
background-color: #ffffff; }
body.m-theme__dark .m-helpdesk--dashboard--section,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk--dashboard--section {
background-color: #242a30; }
.m-helpdesk--dashboard--section.m-helpdesk--dashboard--section-margin {
max-width: 1280px;
margin: auto; }
@media screen and (max-width: 1320px) {
.m-helpdesk--dashboard--section.m-helpdesk--dashboard--section-margin {
padding-left: 16px;
padding-right: 16px; } }
.m-helpdesk--dashboard--section h1 {
font-size: 72px;
font-weight: 600;
font-weight: 800;
letter-spacing: 0.25px;
margin-left: 8px;
margin-right: 8px; }
body.m-theme__light .m-helpdesk--dashboard--section h1,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk--dashboard--section h1 {
color: #444; }
body.m-theme__dark .m-helpdesk--dashboard--section h1,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk--dashboard--section h1 {
color: #b7b7b7; }
@media screen and (max-width: 720px) {
.m-helpdesk--dashboard--section h1 {
font-size: 28px; } }
.m-helpdesk--dashboard--section h2 {
font-size: 56px;
line-height: 1;
font-weight: 600;
letter-spacing: 1.25px; }
body.m-theme__light .m-helpdesk--dashboard--section h2,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk--dashboard--section h2 {
color: #444; }
body.m-theme__dark .m-helpdesk--dashboard--section h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk--dashboard--section h2 {
color: #b7b7b7; }
@media screen and (max-width: 720px) {
.m-helpdesk--dashboard--section h2 {
font-size: 22px; } }
.m-helpdesk--dashboard--section h2.m-hompeage--wide-letters {
letter-spacing: 4px; }
@media screen and (max-width: 1250px) {
.m-helpdesk--dashboard--section h4 {
font-size: 24px; } }
.m-helpdesk--dashboard--section h4 .m-break--8spaces {
padding-left: 60px; }
.m-helpdesk--dashboard--section h5 {
font-size: 12px;
letter-spacing: 0.75px;
line-height: 1;
margin: 0;
margin-top: -18px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
text-transform: uppercase; }
body.m-theme__light .m-helpdesk--dashboard--section h5,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk--dashboard--section h5 {
color: #aaa; }
body.m-theme__dark .m-helpdesk--dashboard--section h5,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk--dashboard--section h5 {
color: #515151; }
@media screen and (max-width: 720px) {
.m-helpdesk--dashboard--section h5 {
margin-top: 0; } }
.m-helpdesk--dashboard--popular-questions {
text-align: left; }
body.m-theme__light .m-helpdesk--dashboard--popular-questions,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk--dashboard--popular-questions {
background-color: #ffffff; }
body.m-theme__dark .m-helpdesk--dashboard--popular-questions,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk--dashboard--popular-questions {
background-color: #242a30; }
.m-helpdesk--dashboard--popular-questions .m-helpdesk--dashboard--popular-questions--title {
font-size: 30px;
font-weight: bold;
padding: 16px; }
.m-helpdesk--dashboard--popular-questions .m-helpdesk--dashboard--popular-questions--question {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 16px;
padding-top: 8px;
font-size: 18px; }
body.m-theme__light .m-helpdesk--dashboard--popular-questions .m-helpdesk--dashboard--popular-questions--question:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk--dashboard--popular-questions .m-helpdesk--dashboard--popular-questions--question:hover {
background-color: #e8e8e8; }
body.m-theme__dark .m-helpdesk--dashboard--popular-questions .m-helpdesk--dashboard--popular-questions--question:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk--dashboard--popular-questions .m-helpdesk--dashboard--popular-questions--question:hover {
background-color: #2f2f2f; }
.m-helpdesk--dashboard--links {
display: flex;
flex-direction: column;
margin: 0 40px; }
.m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item {
display: flex;
align-items: center;
text-align: left; }
.m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item img {
width: 80px; }
.m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item .m-helpdesk--dashboard--big-item--text {
padding-left: 40px;
max-width: 430px; }
.m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item .m-helpdesk--dashboard--big-item--text .m-helpdesk--dashboard--big-item--title {
font-size: 30px;
font-weight: bold;
line-height: 1.2em; }
body.m-theme__light .m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item .m-helpdesk--dashboard--big-item--text .m-helpdesk--dashboard--big-item--title,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item .m-helpdesk--dashboard--big-item--text .m-helpdesk--dashboard--big-item--title {
color: #555; }
body.m-theme__dark .m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item .m-helpdesk--dashboard--big-item--text .m-helpdesk--dashboard--big-item--title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item .m-helpdesk--dashboard--big-item--text .m-helpdesk--dashboard--big-item--title {
color: #a6a6a6; }
.m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item .m-helpdesk--dashboard--big-item--text .m-helpdesk--dashboard--big-item--subtext {
font-size: 16px; }
body.m-theme__light .m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item .m-helpdesk--dashboard--big-item--text .m-helpdesk--dashboard--big-item--subtext,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item .m-helpdesk--dashboard--big-item--text .m-helpdesk--dashboard--big-item--subtext {
color: #444; }
body.m-theme__dark .m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item .m-helpdesk--dashboard--big-item--text .m-helpdesk--dashboard--big-item--subtext,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item .m-helpdesk--dashboard--big-item--text .m-helpdesk--dashboard--big-item--subtext {
color: #b7b7b7; }
@media screen and (max-width: 480px) {
.m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item {
margin: 0 16px; }
.m-helpdesk--dashboard--links .m-helpdesk--dashboard--big-item .m-helpdesk--dashboard--big-item--text {
padding-left: 16px; } }
@media screen and (max-width: 480px) {
.m-helpdesk__dashboard .m-layout__inner {
flex-direction: column; } }
.m-helpdesk__dashboard .m-layout__hero {
background-image: url('balloon.jpg'); }
.m-helpdesk__dashboard .m-layout__hero .m-layout__cell:nth-of-type(1) {
align-self: center; }
body.m-theme__light .m-helpdesk__dashboard .m-layout__hero h2,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdesk__dashboard .m-layout__hero h2 {
color: #fff; }
body.m-theme__dark .m-helpdesk__dashboard .m-layout__hero h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdesk__dashboard .m-layout__hero h2 {
color: #fff; }
.m-helpdesk__heroIcon {
text-align: center; }
/**
* Padding, Margins and Offset
*/
m-helpdesk--questions > .m-page {
max-width: 1280px;
margin: auto; }
@media screen and (max-width: 480px) {
m-helpdesk--questions > .m-page {
height: auto;
flex-direction: column-reverse; } }
m-helpdesk--questions .m-page--main {
margin-top: -100px; }
m-helpdesk--questions .m-helpdeskRelatedPosts__list {
padding-top: 16px;
margin: 0; }
m-helpdesk--questions .m-helpdeskRelatedPosts__list h4 {
font-size: 16px;
font-weight: 600;
margin: 0 8px 8px; }
body.m-theme__light m-helpdesk--questions .m-helpdeskRelatedPosts__list h4,
body .m-theme--wrapper.m-theme--wrapper__light m-helpdesk--questions .m-helpdeskRelatedPosts__list h4 {
color: #444; }
body.m-theme__dark m-helpdesk--questions .m-helpdeskRelatedPosts__list h4,
body .m-theme--wrapper.m-theme--wrapper__dark m-helpdesk--questions .m-helpdeskRelatedPosts__list h4 {
color: #b7b7b7; }
m-helpdesk--questions .m-helpdeskQuestions__question {
padding: 24px;
position: relative; }
m-helpdesk--questions h1 {
line-height: 1;
font-size: 36px;
margin-bottom: 16px;
margin-top: 16px;
font-weight: 600; }
body.m-theme__light m-helpdesk--questions h1,
body .m-theme--wrapper.m-theme--wrapper__light m-helpdesk--questions h1 {
color: #444; }
body.m-theme__dark m-helpdesk--questions h1,
body .m-theme--wrapper.m-theme--wrapper__dark m-helpdesk--questions h1 {
color: #b7b7b7; }
m-helpdesk--questions .m-helpdeskQuestions__adminContainer {
position: absolute;
top: 16px;
right: 16px; }
m-helpdesk--questions .m-helpdeskQuestions__adminContainer .m-helpdeskQuestions__editIcon,
m-helpdesk--questions .m-helpdeskQuestions__adminContainer .m-helpdeskQuestions__deleteIcon {
padding: 8px; }
m-helpdesk--questions p.m-helpdeskQuestions__answer {
font-size: 16px; }
body.m-theme__light m-helpdesk--questions p.m-helpdeskQuestions__answer,
body .m-theme--wrapper.m-theme--wrapper__light m-helpdesk--questions p.m-helpdeskQuestions__answer {
color: #444; }
body.m-theme__dark m-helpdesk--questions p.m-helpdeskQuestions__answer,
body .m-theme--wrapper.m-theme--wrapper__dark m-helpdesk--questions p.m-helpdeskQuestions__answer {
color: #b7b7b7; }
m-helpdesk--questions p.m-helpdeskQuestions__answer img {
max-width: 100%; }
m-helpdesk--questions .m-helpdeskQuestions__goBack {
display: flex;
align-items: center;
font-size: 13px;
font-weight: bold;
text-decoration: none;
margin-bottom: 8px; }
body.m-theme__light m-helpdesk--questions .m-helpdeskQuestions__goBack,
body .m-theme--wrapper.m-theme--wrapper__light m-helpdesk--questions .m-helpdeskQuestions__goBack {
color: #666; }
body.m-theme__dark m-helpdesk--questions .m-helpdeskQuestions__goBack,
body .m-theme--wrapper.m-theme--wrapper__dark m-helpdesk--questions .m-helpdeskQuestions__goBack {
color: #959595; }
m-helpdesk--questions .m-helpdeskQuestions__input {
margin-bottom: 8px;
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
position: relative; }
m-helpdesk--questions .m-helpdeskQuestions__input > i.material-icons {
width: 60px;
position: absolute;
left: 6px;
border: none;
font-size: 24px; }
body.m-theme__light m-helpdesk--questions .m-helpdeskQuestions__input > i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light m-helpdesk--questions .m-helpdeskQuestions__input > i.material-icons {
color: #888; }
body.m-theme__dark m-helpdesk--questions .m-helpdeskQuestions__input > i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark m-helpdesk--questions .m-helpdeskQuestions__input > i.material-icons {
color: #737373; }
m-helpdesk--questions .m-helpdeskQuestions__input > input {
font-size: 13px;
flex-grow: 1;
padding: 16px 16px 16px 36px; }
body.m-theme__light m-helpdesk--questions .m-helpdeskQuestions__input > input,
body .m-theme--wrapper.m-theme--wrapper__light m-helpdesk--questions .m-helpdeskQuestions__input > input {
border-color: #d3dbe3;
color: #444;
background-color: #ffffff; }
body.m-theme__dark m-helpdesk--questions .m-helpdeskQuestions__input > input,
body .m-theme--wrapper.m-theme--wrapper__dark m-helpdesk--questions .m-helpdeskQuestions__input > input {
border-color: #414c57;
color: #b7b7b7;
background-color: #242a30; }
m-helpdesk--questions .m-helpdesk--search-autocomplete--results {
position: relative;
width: 30em;
max-width: 90%;
max-height: 300px;
font-size: 16px;
border-radius: 3px;
padding: 8px;
margin-top: 12px;
overflow-y: auto;
box-sizing: border-box; }
body.m-theme__light m-helpdesk--questions .m-helpdesk--search-autocomplete--results,
body .m-theme--wrapper.m-theme--wrapper__light m-helpdesk--questions .m-helpdesk--search-autocomplete--results {
background-color: rgba(0, 0, 0, 0.15); }
body.m-theme__dark m-helpdesk--questions .m-helpdesk--search-autocomplete--results,
body .m-theme--wrapper.m-theme--wrapper__dark m-helpdesk--questions .m-helpdesk--search-autocomplete--results {
background-color: rgba(255, 255, 255, 0.15); }
m-helpdesk--questions .m-helpdesk--search-autocomplete--results:after {
bottom: 100%;
left: 95%;
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 8px;
margin-left: -8px; }
body.m-theme__light m-helpdesk--questions .m-helpdesk--search-autocomplete--results:after,
body .m-theme--wrapper.m-theme--wrapper__light m-helpdesk--questions .m-helpdesk--search-autocomplete--results:after {
border-color: rgba(102, 102, 102, 0);
border-bottom-color: #fff; }
body.m-theme__dark m-helpdesk--questions .m-helpdesk--search-autocomplete--results:after,
body .m-theme--wrapper.m-theme--wrapper__dark m-helpdesk--questions .m-helpdesk--search-autocomplete--results:after {
border-color: rgba(149, 149, 149, 0);
border-bottom-color: #202527; }
m-helpdesk--questions .m-helpdesk--search-autocomplete--results .m-helpdesk--search-autocomplete--result {
padding: 4px;
cursor: pointer;
display: flex;
justify-content: space-between; }
m-helpdesk--questions .m-helpdesk--search-autocomplete--results .m-helpdesk--search-autocomplete--result:hover, m-helpdesk--questions .m-helpdesk--search-autocomplete--results .m-helpdesk--search-autocomplete--result.m-helpdesk--search-autocomplete--result-highlight {
font-weight: 400; }
body.m-theme__light m-helpdesk--questions .m-helpdesk--search-autocomplete--results .m-helpdesk--search-autocomplete--result:hover,
body .m-theme--wrapper.m-theme--wrapper__light m-helpdesk--questions .m-helpdesk--search-autocomplete--results .m-helpdesk--search-autocomplete--result:hover, body.m-theme__light m-helpdesk--questions .m-helpdesk--search-autocomplete--results .m-helpdesk--search-autocomplete--result.m-helpdesk--search-autocomplete--result-highlight,
body .m-theme--wrapper.m-theme--wrapper__light m-helpdesk--questions .m-helpdesk--search-autocomplete--results .m-helpdesk--search-autocomplete--result.m-helpdesk--search-autocomplete--result-highlight {
background-color: #ffffff;
color: #000; }
body.m-theme__dark m-helpdesk--questions .m-helpdesk--search-autocomplete--results .m-helpdesk--search-autocomplete--result:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-helpdesk--questions .m-helpdesk--search-autocomplete--results .m-helpdesk--search-autocomplete--result:hover, body.m-theme__dark m-helpdesk--questions .m-helpdesk--search-autocomplete--results .m-helpdesk--search-autocomplete--result.m-helpdesk--search-autocomplete--result-highlight,
body .m-theme--wrapper.m-theme--wrapper__dark m-helpdesk--questions .m-helpdesk--search-autocomplete--results .m-helpdesk--search-autocomplete--result.m-helpdesk--search-autocomplete--result-highlight {
background-color: #242a30;
color: #fff; }
m-helpdesk--questions .m-helpdesk--search-autocomplete--results .m-helpdesk--search-autocomplete--result .m-helpdesk--search-autocomplete--result-content .material-icons {
vertical-align: middle; }
m-helpdesk--questions .m-helpdeskQuestions__bigItem {
display: flex;
flex-direction: row;
align-items: center;
text-align: left;
cursor: pointer;
padding: 16px; }
body.m-theme__light m-helpdesk--questions .m-helpdeskQuestions__bigItem,
body .m-theme--wrapper.m-theme--wrapper__light m-helpdesk--questions .m-helpdeskQuestions__bigItem {
background-color: #ffffff; }
body.m-theme__dark m-helpdesk--questions .m-helpdeskQuestions__bigItem,
body .m-theme--wrapper.m-theme--wrapper__dark m-helpdesk--questions .m-helpdeskQuestions__bigItem {
background-color: #242a30; }
m-helpdesk--questions .m-helpdeskQuestions__bigItem img {
width: 64px; }
m-helpdesk--questions .m-helpdeskQuestions__bigItem .m-helpdeskQuestionsBigItem__text {
padding-left: 16px;
max-width: 430px; }
m-helpdesk--questions .m-helpdeskQuestions__bigItem .m-helpdeskQuestionsBigItem__text .m-helpdeskQuestionsBigItem__title {
font-size: 16px;
font-weight: bold;
line-height: 1.2em;
margin-top: 0;
margin-bottom: 8px; }
m-helpdesk--questions .m-helpdeskQuestions__bigItem .m-helpdeskQuestionsBigItem__text .m-helpdeskQuestionsBigItem__subtext {
font-size: 13px;
line-height: 1.25;
padding: 0;
margin: 0; }
body.m-theme__light m-helpdesk--questions .m-helpdeskQuestions__bigItem .m-helpdeskQuestionsBigItem__text .m-helpdeskQuestionsBigItem__subtext,
body .m-theme--wrapper.m-theme--wrapper__light m-helpdesk--questions .m-helpdeskQuestions__bigItem .m-helpdeskQuestionsBigItem__text .m-helpdeskQuestionsBigItem__subtext {
color: #888; }
body.m-theme__dark m-helpdesk--questions .m-helpdeskQuestions__bigItem .m-helpdeskQuestionsBigItem__text .m-helpdeskQuestionsBigItem__subtext,
body .m-theme--wrapper.m-theme--wrapper__dark m-helpdesk--questions .m-helpdeskQuestions__bigItem .m-helpdeskQuestionsBigItem__text .m-helpdeskQuestionsBigItem__subtext {
color: #737373; }
m-helpdesk--questions .medium-insert-embeds {
width: 100%;
margin: 0; }
m-helpdesk--questions .m-blog--image img {
width: 50%; }
.m-helpdeskQuestions__question {
padding: 8px; }
body.m-theme__light .m-helpdeskQuestions__question--full,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdeskQuestions__question--full {
background-color: #ffffff; }
body.m-theme__dark .m-helpdeskQuestions__question--full,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdeskQuestions__question--full {
background-color: #242a30; }
@media screen and (max-width: 480px) {
.m-helpdeskQuestions__questions {
margin-left: 0;
margin-top: 36px; } }
.m-helpdeskQuestions__questions,
.m-helpdeskQuestions__categories {
text-align: left;
position: relative; }
body.m-theme__light .m-helpdeskQuestions__questions,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdeskQuestions__questions, body.m-theme__light
.m-helpdeskQuestions__categories,
body .m-theme--wrapper.m-theme--wrapper__light
.m-helpdeskQuestions__categories {
background-color: #ffffff; }
body.m-theme__dark .m-helpdeskQuestions__questions,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdeskQuestions__questions, body.m-theme__dark
.m-helpdeskQuestions__categories,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-helpdeskQuestions__categories {
background-color: #242a30; }
.m-helpdeskQuestions__questions ul,
.m-helpdeskQuestions__questions li,
.m-helpdeskQuestions__categories ul,
.m-helpdeskQuestions__categories li {
margin: auto;
padding: 0;
list-style: none; }
body.m-theme__light .m-helpdeskQuestions__questions ul,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdeskQuestions__questions ul, body.m-theme__light
.m-helpdeskQuestions__questions li,
body .m-theme--wrapper.m-theme--wrapper__light
.m-helpdeskQuestions__questions li, body.m-theme__light
.m-helpdeskQuestions__categories ul,
body .m-theme--wrapper.m-theme--wrapper__light
.m-helpdeskQuestions__categories ul, body.m-theme__light
.m-helpdeskQuestions__categories li,
body .m-theme--wrapper.m-theme--wrapper__light
.m-helpdeskQuestions__categories li {
border-top: 1px solid #d3dbe3; }
body.m-theme__dark .m-helpdeskQuestions__questions ul,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdeskQuestions__questions ul, body.m-theme__dark
.m-helpdeskQuestions__questions li,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-helpdeskQuestions__questions li, body.m-theme__dark
.m-helpdeskQuestions__categories ul,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-helpdeskQuestions__categories ul, body.m-theme__dark
.m-helpdeskQuestions__categories li,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-helpdeskQuestions__categories li {
border-top: 1px solid #414c57; }
.m-helpdeskQuestions__questions ul .m-helpdeskQuestions__editIcon,
.m-helpdeskQuestions__questions li .m-helpdeskQuestions__editIcon,
.m-helpdeskQuestions__categories ul .m-helpdeskQuestions__editIcon,
.m-helpdeskQuestions__categories li .m-helpdeskQuestions__editIcon {
position: absolute;
top: 16px;
right: 16px; }
.m-helpdeskQuestions__questions ul:nth-of-type(1),
.m-helpdeskQuestions__questions li:nth-of-type(1),
.m-helpdeskQuestions__categories ul:nth-of-type(1),
.m-helpdeskQuestions__categories li:nth-of-type(1) {
border-top: 0; }
.m-helpdeskQuestions__questions h4,
.m-helpdeskQuestions__categories h4 {
font-size: 24px;
line-height: 1.25;
margin: 0;
font-weight: bold;
padding: 16px;
padding-bottom: 8px; }
body.m-theme__light .m-helpdeskQuestions__questions h4,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdeskQuestions__questions h4, body.m-theme__light
.m-helpdeskQuestions__categories h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-helpdeskQuestions__categories h4 {
color: #444; }
body.m-theme__dark .m-helpdeskQuestions__questions h4,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdeskQuestions__questions h4, body.m-theme__dark
.m-helpdeskQuestions__categories h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-helpdeskQuestions__categories h4 {
color: #b7b7b7; }
.m-helpdeskQuestions__questions .m-helpdeskQuestions__question a,
.m-helpdeskQuestions__categories .m-helpdeskQuestions__question a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 16px;
padding-top: 8px;
font-size: 13px;
line-height: 18px;
font-weight: 400;
text-decoration: none; }
body.m-theme__light .m-helpdeskQuestions__questions .m-helpdeskQuestions__question a,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdeskQuestions__questions .m-helpdeskQuestions__question a, body.m-theme__light
.m-helpdeskQuestions__categories .m-helpdeskQuestions__question a,
body .m-theme--wrapper.m-theme--wrapper__light
.m-helpdeskQuestions__categories .m-helpdeskQuestions__question a {
color: #555; }
body.m-theme__dark .m-helpdeskQuestions__questions .m-helpdeskQuestions__question a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdeskQuestions__questions .m-helpdeskQuestions__question a, body.m-theme__dark
.m-helpdeskQuestions__categories .m-helpdeskQuestions__question a,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-helpdeskQuestions__categories .m-helpdeskQuestions__question a {
color: #a6a6a6; }
body.m-theme__light .m-helpdeskQuestions__questions .m-helpdeskQuestions__question a:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdeskQuestions__questions .m-helpdeskQuestions__question a:hover, body.m-theme__light
.m-helpdeskQuestions__categories .m-helpdeskQuestions__question a:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-helpdeskQuestions__categories .m-helpdeskQuestions__question a:hover {
background-color: #e8e8e8; }
body.m-theme__dark .m-helpdeskQuestions__questions .m-helpdeskQuestions__question a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdeskQuestions__questions .m-helpdeskQuestions__question a:hover, body.m-theme__dark
.m-helpdeskQuestions__categories .m-helpdeskQuestions__question a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-helpdeskQuestions__categories .m-helpdeskQuestions__question a:hover {
background-color: #2f2f2f; }
.m-helpdeskQuestions__feedback div {
display: inline-block;
cursor: pointer;
padding: 8px; }
.m-helpdeskQuestions__feedback div i.material-icons {
font-size: 24px; }
body.m-theme__light .m-helpdeskQuestions__feedback div i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light .m-helpdeskQuestions__feedback div i.material-icons {
color: #666; }
body.m-theme__dark .m-helpdeskQuestions__feedback div i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark .m-helpdeskQuestions__feedback div i.material-icons {
color: #959595; }
.m-helpDesk__hero {
background-image: url('balloon.jpg');
background-position: center -100px;
background-size: cover;
height: 250px; }
/**
* Padding, Margins and Offset
*/
.m-grid m-homepage__v2 m-marketing {
margin-top: -75px;
padding-top: 75px; }
m-homepage__v2 {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
grid-area: content / span 2; }
m-homepage__v2 m-marketing {
position: relative;
margin-top: -52px;
padding-top: 52px;
z-index: 0;
transform: rotate(0deg); }
.m-theme__2020 m-homepage__v2 m-marketing {
margin-top: -75px;
padding-top: 75px; }
m-homepage__v2 m-marketing .m-marketing__wrapper,
m-homepage__v2 m-marketing .m-marketing__extras > * > * {
max-width: 1100px !important; }
@media screen and (max-width: 540px) {
m-homepage__v2 m-marketing.m-homepage__formExperiment .m-marketing__body::after {
top: 850px !important; } }
m-homepage__v2 m-marketing.m-homepage__formExperiment .m-homepage__appButtons {
margin-left: 0 !important; }
m-homepage__v2 m-marketing.m-homepage__formExperiment .m-marketing__asFeaturedIn {
margin-top: 139px !important;
max-width: 1102px !important; }
m-homepage__v2 m-marketing.m-homepage__formExperiment .m-homepage__quotation {
margin-top: 84px !important;
margin-bottom: 85px !important; }
@media screen and (min-width: 540px) {
m-homepage__v2 m-marketing .m-marketing__section--style-5 .m-marketing__wrapper .m-marketing__body {
padding: 17px 0 0; } }
@media screen and (min-width: 540px) and (max-width: 900px) {
m-homepage__v2 m-marketing .m-marketing__section--style-5 .m-marketing__wrapper .m-marketing__body {
padding: 0 0 0 35px; }
m-homepage__v2 m-marketing .m-marketing__section--style-5 .m-marketing__wrapper .m-marketing__body h2 {
margin: 0 0 29px; } }
m-homepage__v2 m-marketing .m-marketing__section--style-5 .m-marketing__wrapper .m-marketing__link {
font-size: 17px;
line-height: 23px; }
m-homepage__v2 m-marketing .m-marketing__section--style-5 .m-marketing__wrapper .m-marketing__description {
padding-right: 120px; }
@media screen and (min-width: 540px) and (max-width: 1168px) {
m-homepage__v2 m-marketing .m-marketing__section--style-5 .m-marketing__wrapper .m-marketing__description {
padding-right: 10px; } }
@media screen and (max-width: 480px) {
m-homepage__v2 m-marketing .m-marketing__section--style-5 .m-marketing__wrapper .m-marketing__description {
padding-right: 0; } }
@media screen and (max-width: 540px) {
m-homepage__v2 m-marketing .m-marketing__section--style-5 .m-marketing__wrapper .m-marketing__image span {
margin-bottom: 40px; } }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper {
position: initial;
padding: 64px 0 0; }
@media screen and (min-width: 540px) and (max-width: 1168px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper {
padding: 32px 0 0; } }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper {
padding: 0; } }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body {
position: initial;
z-index: 0; }
@media screen and (min-width: 540px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body {
padding: 0 30px 30px;
margin: 0; } }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body {
padding: 0 16px 0; } }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body::before {
transform: none;
-webkit-clip-path: polygon(72% 0, 100% 0, 100% 21%, 42% 91%);
clip-path: polygon(72% 0, 100% 0, 100% 21%, 42% 91%);
top: 0;
right: 0;
height: 695px;
z-index: 1; }
body.m-theme__light m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body::before,
body .m-theme--wrapper.m-theme--wrapper__light m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body::before {
background: #fed12f; }
body.m-theme__dark m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body::before,
body .m-theme--wrapper.m-theme--wrapper__dark m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body::before {
background: #fed748; }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body::before {
z-index: -1; } }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body h1.m-homepage__title {
margin-top: 0;
margin-bottom: 40px; }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body h1.m-homepage__title {
margin-top: 40px;
margin-bottom: 0; } }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body h2 {
font-size: 62px;
line-height: 65px;
margin-bottom: 36px; }
@media screen and (min-width: 540px) and (max-width: 1168px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body h2 {
font-size: 48px;
line-height: 65px; } }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body h2 {
font-size: 37px;
line-height: 40px;
margin-bottom: 16px; } }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body .m-marketing__description {
margin-bottom: 21px;
padding-right: 129px; }
@media screen and (max-width: 1168px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body .m-marketing__description {
padding-right: 0; } }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body::after {
content: '';
-webkit-clip-path: polygon(0 46%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 46%, 100% 0, 100% 100%, 0 100%);
background: #f5f6ff;
position: absolute;
top: 524px;
left: 0;
height: 211px;
right: 0;
z-index: -1; }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body::before {
transform: translate(153px, 212px);
-webkit-clip-path: polygon(100% 0, 100% 0, 172% 28%, 0 90%);
clip-path: polygon(100% 0, 100% 0, 172% 28%, 0 90%); }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper .m-marketing__body::after {
left: 0;
right: 0;
top: 950px; } }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm {
display: block;
filter: drop-shadow(-1px 0px 8px rgba(50, 50, 0, 0.5)); }
@media screen and (min-width: 1000px) and (max-width: 1180px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm {
transform: translateX(-50px); } }
@media screen and (min-width: 540px) and (max-width: 1000px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm {
transform: translate(-35px, -19px); }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register {
width: 300px !important; } }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register {
width: 384px;
display: block;
background-color: #fcfcfc;
padding: 58px 37px;
-webkit-clip-path: polygon(0 0, 100% 8px, 99% 95%, 0% 98%);
clip-path: polygon(0 0, 100% 8px, 99% 95%, 0% 98%); }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register {
width: 100%;
box-sizing: border-box; } }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register h3 {
font-size: 24px;
line-height: 32px;
font-weight: bold;
margin: 0; }
body.m-theme__light m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register h3,
body .m-theme--wrapper.m-theme--wrapper__light m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register h3 {
color: #444; }
body.m-theme__dark m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register h3,
body .m-theme--wrapper.m-theme--wrapper__dark m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register h3 {
color: #b7b7b7; }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register .m-register__alreadyAUser {
display: none; }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register form {
margin-top: 20px;
background: transparent !important; }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register form .m-registerForm__confirmPassword {
margin-top: 20px; }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register .m-register__actions {
flex-direction: column;
align-items: flex-start;
padding: 0; }
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register .m-register__checkboxes {
margin-bottom: 20px; }
@media screen and (min-width: 540px) and (max-width: 760px) {
m-homepage__v2 .m-marketing__main.m-marketing__section--style-2 .m-homepage__registerForm minds-form-register {
padding: 40px 20px; } }
m-homepage__v2 .m-marketing__main .m-homepage__spacer {
margin-bottom: 60px; }
m-homepage__v2 .m-marketing__main .m-marketing__image {
position: initial;
margin: 0 auto; }
m-homepage__v2 .m-marketing__main .m-marketing__image span::before {
content: initial !important; }
m-homepage__v2 .m-marketing__main .m-marketing__image span.m-homepage__cellphone {
filter: drop-shadow(-1px 0px 8px rgba(50, 50, 0, 0.5));
-webkit-clip-path: none;
clip-path: none; }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__main .m-marketing__image span.m-homepage__cellphone::before {
content: '' !important;
display: block;
position: absolute;
width: 393px;
height: 193px;
top: -70px;
left: -144px;
transform: translate(45px, 32px);
background: url("/static/en//assets/marketing/deco_2-straight.svg") no-repeat;
z-index: -1; } }
m-homepage__v2 .m-marketing__main .m-marketing__image span.m-homepage__cellphone > img {
max-width: 273px;
min-width: 250px;
width: 100%;
height: 548px;
-webkit-clip-path: none;
clip-path: none;
-o-object-fit: cover;
object-fit: cover; }
@media screen and (min-width: 900px) {
m-homepage__v2 .m-marketing__main .m-marketing__image span.m-homepage__cellphone > img {
transform: translate(-4px, -17px); } }
m-homepage__v2 .m-marketing__main .m-marketing__image span.m-homepage__cellphone::after {
top: 94px;
right: -78px; }
m-homepage__v2 .m-marketing__section--style-4 {
margin-bottom: 205px !important; }
@media screen and (min-width: 540px) and (max-width: 900px) {
m-homepage__v2 .m-marketing__section--style-4 {
margin-bottom: 263px !important; } }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__section--style-4 {
margin-bottom: 155px !important; } }
@media screen and (min-width: 1168px) {
m-homepage__v2 .m-marketing__section--style-4 .m-marketing__wrapper .m-marketing__body {
margin-left: 5em; } }
m-homepage__v2 .m-marketing__section--style-4 .m-marketing__image {
margin-right: 0 !important; }
m-homepage__v2 .m-marketing__section--style-4 .m-marketing__image .m-marketing__imageUX img.m-marketing__image--2 {
width: 317px;
height: 168.7px; }
@media screen and (min-width: 900px) {
m-homepage__v2 .m-marketing__section--style-4 .m-marketing__image .m-marketing__imageUX img.m-marketing__image--2 {
bottom: 77px;
left: 20px; } }
@media screen and (min-width: 540px) and (max-width: 900px) {
m-homepage__v2 .m-marketing__section--style-4 .m-marketing__image .m-marketing__imageUX img.m-marketing__image--2 {
bottom: 55px;
left: -5px; } }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__section--style-4 .m-marketing__image .m-marketing__imageUX img.m-marketing__image--2 {
bottom: 0;
left: 50%; } }
m-homepage__v2 .m-marketing__section--style-4 .m-marketing__image .m-marketing__imageUX .m-marketing__imageTick {
background-color: #848484; }
m-homepage__v2 .m-marketing__section--style-4 .m-marketing__image .m-marketing__imageUX .m-marketing__imageTick.m-marketing__imageTick--left {
bottom: 48px;
left: -26px; }
@media screen and (min-width: 540px) and (max-width: 900px) {
m-homepage__v2 .m-marketing__section--style-4 .m-marketing__image .m-marketing__imageUX .m-marketing__imageTick.m-marketing__imageTick--left {
bottom: 25px;
left: -46px; } }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__section--style-4 .m-marketing__image .m-marketing__imageUX .m-marketing__imageTick.m-marketing__imageTick--left {
bottom: -21%;
left: 15%; } }
m-homepage__v2 .m-homepage__phoneImageContainer {
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
position: relative; }
m-homepage__v2 .m-homepage__phoneImageContainer::after {
content: '';
display: block;
position: absolute;
top: 35%;
right: -50%;
width: 500px;
height: 500px;
background: url("http://localhost:4200//assets/marketing/deco_2.svg") no-repeat;
z-index: -1; }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-homepage__phoneImageContainer::after {
content: initial;
display: none; } }
m-homepage__v2 .m-homepage__appButtons {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 120px; }
@media screen and (min-width: 900px) and (max-width: 1168px) {
m-homepage__v2 .m-homepage__appButtons {
margin-top: 170px; } }
@media screen and (min-width: 700px) and (max-width: 900px) {
m-homepage__v2 .m-homepage__appButtons {
margin-top: 11vw; } }
@media screen and (min-width: 680px) and (max-width: 700px) {
m-homepage__v2 .m-homepage__appButtons {
margin-top: 8vw; } }
@media screen and (max-width: 680px) {
m-homepage__v2 .m-homepage__appButtons {
margin-top: 5vw;
margin-bottom: 10vh; } }
m-homepage__v2 .m-homepage__appButtons > a:first-child {
margin-right: 5%; }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-homepage__appButtons {
width: 100%; }
m-homepage__v2 .m-homepage__appButtons > a:not(:first-child) {
margin-left: 18px;
justify-content: initial; } }
m-homepage__v2 .m-homepage__appButtons > a {
width: 120px;
height: 37px; }
m-homepage__v2 .m-homepage__appButtons > a img {
width: 100%;
min-width: 100px; }
m-homepage__v2 .m-homepage__yellowLine {
display: inline-block;
width: 55px;
height: 5px;
margin-bottom: 3px; }
body.m-theme__light m-homepage__v2 .m-homepage__yellowLine,
body .m-theme--wrapper.m-theme--wrapper__light m-homepage__v2 .m-homepage__yellowLine {
background-color: #fed12f; }
body.m-theme__dark m-homepage__v2 .m-homepage__yellowLine,
body .m-theme--wrapper.m-theme--wrapper__dark m-homepage__v2 .m-homepage__yellowLine {
background-color: #fed748; }
m-homepage__v2 .m-homepage__joinMindsNow {
max-width: 90%; }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-homepage__joinMindsNow {
max-width: 100%; } }
m-homepage__v2 .m-homepage__quotation {
margin-top: 84px;
margin-bottom: 78px;
display: flex;
align-items: center; }
@media screen and (max-width: 900px) {
m-homepage__v2 .m-homepage__quotation .m-marketing__quotation {
width: auto !important; } }
m-homepage__v2 .m-marketing__asFeaturedIn {
margin-top: 100px;
max-width: 1081px; }
m-homepage__v2 .m-marketing__section h2 {
font-size: 46px;
line-height: 60px; }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__section h2 {
font-size: 32px !important;
line-height: 42px !important; } }
@media screen and (min-width: 540px) and (max-width: 1168px) {
m-homepage__v2 .m-marketing__section h2 {
font-size: 38px !important;
line-height: 50px !important; } }
m-homepage__v2 h1,
m-homepage__v2 h2,
m-homepage__v2 h3:not(.m-marketingTitle__centered),
m-homepage__v2 .m-marketing__description {
text-align: left !important; }
@media screen and (min-width: 540px) and (max-width: 900px) {
m-homepage__v2 .m-marketing__description {
font-size: 17px !important;
line-height: 24px !important; } }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__description {
font-size: 16px !important;
line-height: 22px !important; } }
@media screen and (max-width: 540px) {
m-homepage__v2 {
display: block;
margin-top: 55px; }
m-homepage__v2 h1.m-homepage__minds {
margin-top: 100px; } }
m-homepage__v2 .m-marketing__section--tail .m-marketing__wrapper .m-marketing__body {
padding: 0; }
m-homepage__v2 .m-marketing__section--tail .m-marketing__wrapper .m-marketing__body .m-marketingTitle__centered {
font-size: 28px;
line-height: 37px;
color: #4a4a4a;
white-space: nowrap;
margin-bottom: 48px; }
@media screen and (min-width: 540px) and (max-width: 900px) {
m-homepage__v2 .m-marketing__section--tail .m-marketing__wrapper .m-marketing__body .m-marketingTitle__centered {
font-size: 24px; } }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketing__section--tail .m-marketing__wrapper .m-marketing__body .m-marketingTitle__centered {
font-size: 19px;
line-height: 25px; } }
m-homepage__v2 .m-marketing__section--tail .m-marketing__wrapper .m-marketing__body .m-homepage__joinButton {
width: 230px;
height: 60px;
margin: 0 auto; }
@media screen and (max-width: 540px) {
m-homepage__v2 .m-marketingAsFeaturedIn__title {
display: none; } }
m-homepagecontainer {
display: contents; }
m-languageModal .m-modalV2__body {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
padding-bottom: 32px; }
m-languageModal .m-modalV2__header {
padding: 24px 32px; }
body.m-theme__light m-languageModal .m-modalV2__header,
body .m-theme--wrapper.m-theme--wrapper__light m-languageModal .m-modalV2__header {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-languageModal .m-modalV2__header,
body .m-theme--wrapper.m-theme--wrapper__dark m-languageModal .m-modalV2__header {
border-bottom: 1px solid #414c57; }
m-languageModal .m-languageModal__languageOption {
width: 33.33%;
padding: 10px;
text-decoration: underline;
box-sizing: border-box;
cursor: pointer;
text-transform: capitalize; }
body.m-theme__light m-languageModal .m-languageModal__languageOption,
body .m-theme--wrapper.m-theme--wrapper__light m-languageModal .m-languageModal__languageOption {
color: #1b85d6; }
body.m-theme__dark m-languageModal .m-languageModal__languageOption,
body .m-theme--wrapper.m-theme--wrapper__dark m-languageModal .m-languageModal__languageOption {
color: #1b85d6; }
m-languageModal .m-languageModal__languageOption:hover {
text-decoration: none; }
body.m-theme__light m-languageModal .m-languageModal__languageOption:hover,
body .m-theme--wrapper.m-theme--wrapper__light m-languageModal .m-languageModal__languageOption:hover {
color: #0052a3; }
body.m-theme__dark m-languageModal .m-languageModal__languageOption:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-languageModal .m-languageModal__languageOption:hover {
color: #4eb8ff; }
m-language__sidebarPrompt {
text-align: center; }
m-language__sidebarPrompt .m-sidebarWidget {
margin-bottom: 20px; }
body.m-theme__light m-language__sidebarPrompt .m-sidebarWidget,
body .m-theme--wrapper.m-theme--wrapper__light m-language__sidebarPrompt .m-sidebarWidget {
border-color: #1b85d6; }
body.m-theme__dark m-language__sidebarPrompt .m-sidebarWidget,
body .m-theme--wrapper.m-theme--wrapper__dark m-language__sidebarPrompt .m-sidebarWidget {
border-color: #1b85d6; }
.m-languageSidebarPrompt__text {
font-size: 18px;
font-weight: 500;
margin-top: 20px; }
body.m-theme__light .m-languageSidebarPrompt__text,
body .m-theme--wrapper.m-theme--wrapper__light .m-languageSidebarPrompt__text {
color: #43434d; }
body.m-theme__dark .m-languageSidebarPrompt__text,
body .m-theme--wrapper.m-theme--wrapper__dark .m-languageSidebarPrompt__text {
color: #ffffff; }
.minds-banner {
position: relative;
overflow: hidden;
height: 300px; }
.minds-banner.m-banner--img-cover {
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
body.m-theme__light .minds-banner.m-banner--img-cover,
body .m-theme--wrapper.m-theme--wrapper__light .minds-banner.m-banner--img-cover {
background-color: #444; }
body.m-theme__dark .minds-banner.m-banner--img-cover,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-banner.m-banner--img-cover {
background-color: #b7b7b7; }
.minds-banner div.minds-banner-img {
width: 100%;
position: relative;
height: inherit;
background-position: 0, 0;
background-size: cover;
background-repeat: no-repeat; }
body.m-theme__light .minds-banner div.minds-banner-img,
body .m-theme--wrapper.m-theme--wrapper__light .minds-banner div.minds-banner-img {
background-color: #444; }
body.m-theme__dark .minds-banner div.minds-banner-img,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-banner div.minds-banner-img {
background-color: #b7b7b7; }
.minds-banner div.minds-banner-img.m-banner--img-cover {
background-position: center; }
.minds-banner img.minds-banner-img {
width: 100%;
min-width: 100%;
position: relative;
height: auto; }
@media screen and (max-width: 768px) {
.minds-banner {
max-height: 180px; }
.minds-banner .minds-banner-img {
min-width: 100%;
height: 100%;
background-position: 0 0 !important; } }
.minds-banner img {
width: 100%;
min-width: 2000px;
position: relative; }
.minds-banner .minds-banner-overlay {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
body.m-theme__light .minds-banner .minds-banner-overlay,
body .m-theme--wrapper.m-theme--wrapper__light .minds-banner .minds-banner-overlay {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
body.m-theme__dark .minds-banner .minds-banner-overlay,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-banner .minds-banner-overlay {
background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); }
.minds-banner.minds-banner-editing img {
cursor: move; }
.minds-banner.minds-banner-editing .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* align-items: center; */
/* display: flex; */
text-align: center;
padding-top: 116px;
cursor: pointer; }
body.m-theme__light .minds-banner.minds-banner-editing .overlay,
body .m-theme--wrapper.m-theme--wrapper__light .minds-banner.minds-banner-editing .overlay {
color: #fff;
background-color: rgba(0, 0, 0, 0.3); }
body.m-theme__dark .minds-banner.minds-banner-editing .overlay,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-banner.minds-banner-editing .overlay {
color: #202527;
background-color: rgba(255, 255, 255, 0.3); }
.minds-banner.minds-banner-editing .overlay i {
font-size: 62px;
width: 100%; }
.minds-banner.minds-banner-editing .overlay span {
font-weight: 200;
padding: 16px;
display: block; }
.minds-banner.minds-banner-editing .overlay em {
font-style: normal;
font-size: 0.8em;
opacity: 0.65; }
.minds-banner.minds-banner-editing .minds-banner-overlay {
height: 60px;
bottom: 0;
top: initial; }
body.m-theme__light .minds-banner.minds-banner-editing .minds-banner-overlay,
body .m-theme--wrapper.m-theme--wrapper__light .minds-banner.minds-banner-editing .minds-banner-overlay {
background-color: rgba(0, 0, 0, 0.6); }
body.m-theme__dark .minds-banner.minds-banner-editing .minds-banner-overlay,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-banner.minds-banner-editing .minds-banner-overlay {
background-color: rgba(255, 255, 255, 0.6); }
.minds-banner.minds-banner-editing .add-button {
display: none; }
.minds-banner.minds-banner-editing .save-bar {
position: absolute;
width: 100%;
bottom: 0;
right: 0;
padding: 8px 16px;
display: flex;
align-items: flex-end;
-webkit-align-item: flex-end;
flex-direction: row; }
body.m-theme__light .minds-banner.minds-banner-editing .save-bar,
body .m-theme--wrapper.m-theme--wrapper__light .minds-banner.minds-banner-editing .save-bar {
background-color: rgba(0, 0, 0, 0.5); }
body.m-theme__dark .minds-banner.minds-banner-editing .save-bar,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-banner.minds-banner-editing .save-bar {
background-color: rgba(255, 255, 255, 0.5); }
.minds-banner.minds-banner-editing .save-bar p {
margin: 0;
padding: 4px 16px; }
body.m-theme__light .minds-banner.minds-banner-editing .save-bar p,
body .m-theme--wrapper.m-theme--wrapper__light .minds-banner.minds-banner-editing .save-bar p {
color: #fff; }
body.m-theme__dark .minds-banner.minds-banner-editing .save-bar p,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-banner.minds-banner-editing .save-bar p {
color: #202527; }
.minds-banner.minds-banner-editing .save-bar .minds-button-edit {
padding: 0 8px; }
body.m-theme__light .minds-banner.minds-banner-editing .save-bar .minds-button-edit > button,
body .m-theme--wrapper.m-theme--wrapper__light .minds-banner.minds-banner-editing .save-bar .minds-button-edit > button {
color: #fff; }
body.m-theme__dark .minds-banner.minds-banner-editing .save-bar .minds-button-edit > button,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-banner.minds-banner-editing .save-bar .minds-button-edit > button {
color: #202527; }
body.m-theme__light .minds-banner.minds-banner-editing .save-bar .minds-button-edit > button:hover,
body .m-theme--wrapper.m-theme--wrapper__light .minds-banner.minds-banner-editing .save-bar .minds-button-edit > button:hover {
color: #fff; }
body.m-theme__dark .minds-banner.minds-banner-editing .save-bar .minds-button-edit > button:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-banner.minds-banner-editing .save-bar .minds-button-edit > button:hover {
color: #202527; }
.minds-banner.minds-banner-editing input[type='file'] {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer; }
minds-banner-fat {
display: block;
height: 100vh; }
minds-banner-fat.minds-banner-editing img {
cursor: pointer; }
minds-banner-fat .minds-banner {
height: auto;
max-height: none; }
/**
* Padding, Margins and Offset
*/
.minds-button-edit > button,
minds-button-user-dropdown > button,
.m-button > button {
cursor: pointer;
background: transparent;
padding: 8px 16px;
font-size: 12px;
border-radius: 2px;
text-transform: uppercase; }
body.m-theme__light .minds-button-edit > button,
body .m-theme--wrapper.m-theme--wrapper__light .minds-button-edit > button, body.m-theme__light
minds-button-user-dropdown > button,
body .m-theme--wrapper.m-theme--wrapper__light
minds-button-user-dropdown > button, body.m-theme__light
.m-button > button,
body .m-theme--wrapper.m-theme--wrapper__light
.m-button > button {
border: 1px solid #d3dbe3;
color: #444; }
body.m-theme__dark .minds-button-edit > button,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-button-edit > button, body.m-theme__dark
minds-button-user-dropdown > button,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-button-user-dropdown > button, body.m-theme__dark
.m-button > button,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-button > button {
border: 1px solid #414c57;
color: #b7b7b7; }
.minds-button-edit > button.material-icons,
minds-button-user-dropdown > button.material-icons,
.m-button > button.material-icons {
padding: 4px;
font-size: 24px; }
.minds-button-edit:focus,
.minds-button-edit > button:focus,
minds-button-user-dropdown:focus,
minds-button-user-dropdown > button:focus,
.m-button:focus,
.m-button > button:focus {
outline: none;
-webkit-appearance: none; }
body.m-theme__light .minds-button-edit > button:hover,
body .m-theme--wrapper.m-theme--wrapper__light .minds-button-edit > button:hover, body.m-theme__light
.minds-button-edit > button.subscribed,
body .m-theme--wrapper.m-theme--wrapper__light
.minds-button-edit > button.subscribed, body.m-theme__light
.minds-button-edit > button.selected,
body .m-theme--wrapper.m-theme--wrapper__light
.minds-button-edit > button.selected, body.m-theme__light
minds-button-user-dropdown > button:hover,
body .m-theme--wrapper.m-theme--wrapper__light
minds-button-user-dropdown > button:hover, body.m-theme__light
minds-button-user-dropdown > button.subscribed,
body .m-theme--wrapper.m-theme--wrapper__light
minds-button-user-dropdown > button.subscribed, body.m-theme__light
minds-button-user-dropdown > button.selected,
body .m-theme--wrapper.m-theme--wrapper__light
minds-button-user-dropdown > button.selected, body.m-theme__light
.m-button > button:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-button > button:hover, body.m-theme__light
.m-button > button.subscribed,
body .m-theme--wrapper.m-theme--wrapper__light
.m-button > button.subscribed, body.m-theme__light
.m-button > button.selected,
body .m-theme--wrapper.m-theme--wrapper__light
.m-button > button.selected {
color: #222; }
body.m-theme__dark .minds-button-edit > button:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-button-edit > button:hover, body.m-theme__dark
.minds-button-edit > button.subscribed,
body .m-theme--wrapper.m-theme--wrapper__dark
.minds-button-edit > button.subscribed, body.m-theme__dark
.minds-button-edit > button.selected,
body .m-theme--wrapper.m-theme--wrapper__dark
.minds-button-edit > button.selected, body.m-theme__dark
minds-button-user-dropdown > button:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-button-user-dropdown > button:hover, body.m-theme__dark
minds-button-user-dropdown > button.subscribed,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-button-user-dropdown > button.subscribed, body.m-theme__dark
minds-button-user-dropdown > button.selected,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-button-user-dropdown > button.selected, body.m-theme__dark
.m-button > button:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-button > button:hover, body.m-theme__dark
.m-button > button.subscribed,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-button > button.subscribed, body.m-theme__dark
.m-button > button.selected,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-button > button.selected {
color: whitesmoke; }
minds-button-subscribe.m-subscribeButton--iconsOnly > div {
height: 34px;
width: 34px;
border: 1px solid #ececec;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center; }
minds-button-subscribe.m-subscribeButton--iconsOnly > div > i {
color: #a3a3a3; }
body.m-theme__light minds-button-subscribe.m-subscribeButton--iconsOnly > div.m-subscribeButton__subscribed > i,
body .m-theme--wrapper.m-theme--wrapper__light minds-button-subscribe.m-subscribeButton--iconsOnly > div.m-subscribeButton__subscribed > i {
color: #1b85d6; }
body.m-theme__dark minds-button-subscribe.m-subscribeButton--iconsOnly > div.m-subscribeButton__subscribed > i,
body .m-theme--wrapper.m-theme--wrapper__dark minds-button-subscribe.m-subscribeButton--iconsOnly > div.m-subscribeButton__subscribed > i {
color: #1b85d6; }
minds-button-subscribe button.m-btn--subscribe {
white-space: nowrap; }
minds-button-subscribe.m-button-icon-only button {
min-width: 0;
width: 36px;
padding: 4px;
overflow: hidden;
white-space: nowrap; }
minds-button-feature > button {
padding: 4px; }
minds-button-remind a {
cursor: pointer; }
.m-action-tabs minds-button-feature > button {
background: none;
padding: 0;
border: 0; }
.minds-boost-button {
font-size: 12px;
font-weight: 400;
height: auto;
min-height: 0;
line-height: 18px;
text-transform: uppercase;
align-self: center;
padding: 3px 0;
min-width: 72px;
width: auto;
margin: -3px 0;
display: block;
flex: 0 !important; }
.minds-boost-button span {
min-width: 72px;
text-align: center;
vertical-align: middle; }
body.m-theme__light .selected,
body .m-theme--wrapper.m-theme--wrapper__light .selected {
color: #4690df !important; }
body.m-theme__dark .selected,
body .m-theme--wrapper.m-theme--wrapper__dark .selected {
color: #44aaff !important; }
.minds-counter {
font-family: 'Roboto', 'Helvetica', sans-serif;
display: inline-block;
font-size: 12px;
font-weight: 800;
vertical-align: middle;
padding: 0 8px;
white-space: nowrap; }
.minds-bg-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
width: 100vw;
height: 100vh;
cursor: default; }
.m-bgOverlay--v2 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
width: 100vw;
height: 100vh;
cursor: default;
z-index: 1; }
body.m-theme__light minds-button-comment a,
body .m-theme--wrapper.m-theme--wrapper__light minds-button-comment a, body.m-theme__light
minds-button-remind a,
body .m-theme--wrapper.m-theme--wrapper__light
minds-button-remind a {
color: #72727c; }
body.m-theme__dark minds-button-comment a,
body .m-theme--wrapper.m-theme--wrapper__dark minds-button-comment a, body.m-theme__dark
minds-button-remind a,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-button-remind a {
color: #b8c1ca; }
body.m-theme__light minds-button-comment > a:hover,
body .m-theme--wrapper.m-theme--wrapper__light minds-button-comment > a:hover, body.m-theme__light
minds-button-remind > a:hover,
body .m-theme--wrapper.m-theme--wrapper__light
minds-button-remind > a:hover {
color: #43434d; }
body.m-theme__dark minds-button-comment > a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark minds-button-comment > a:hover, body.m-theme__dark
minds-button-remind > a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-button-remind > a:hover {
color: #ffffff; }
/**
* Padding, Margins and Offset
*/
minds-card-user {
min-height: 142px !important; }
minds-card-user .minds-tabs a {
overflow: visible; }
minds-card-user .m-usercard-bio {
display: none; }
minds-card-user .avatar img {
border-radius: 50%;
width: 80px;
height: 80px; }
minds-card-user,
.minds-banner-card {
display: block !important; }
minds-card-user .m-card--user--banner,
.minds-banner-card .m-card--user--banner {
width: 100%;
height: 84px;
overflow: hidden;
position: relative; }
minds-card-user .m-card--user--banner .m-card--user--banner--img,
.minds-banner-card .m-card--user--banner .m-card--user--banner--img {
width: 100%;
height: 100%;
background: none no-repeat center center transparent;
background-size: cover; }
body.m-theme__light minds-card-user .m-card--user--banner .m-card--user--banner--img,
body .m-theme--wrapper.m-theme--wrapper__light minds-card-user .m-card--user--banner .m-card--user--banner--img, body.m-theme__light
.minds-banner-card .m-card--user--banner .m-card--user--banner--img,
body .m-theme--wrapper.m-theme--wrapper__light
.minds-banner-card .m-card--user--banner .m-card--user--banner--img {
background-color: #444; }
body.m-theme__dark minds-card-user .m-card--user--banner .m-card--user--banner--img,
body .m-theme--wrapper.m-theme--wrapper__dark minds-card-user .m-card--user--banner .m-card--user--banner--img, body.m-theme__dark
.minds-banner-card .m-card--user--banner .m-card--user--banner--img,
body .m-theme--wrapper.m-theme--wrapper__dark
.minds-banner-card .m-card--user--banner .m-card--user--banner--img {
background-color: #b7b7b7; }
minds-card-user .m-card--user--banner .minds-banner-overlay,
.minds-banner-card .m-card--user--banner .minds-banner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
body.m-theme__light minds-card-user .m-card--user--banner .minds-banner-overlay,
body .m-theme--wrapper.m-theme--wrapper__light minds-card-user .m-card--user--banner .minds-banner-overlay, body.m-theme__light
.minds-banner-card .m-card--user--banner .minds-banner-overlay,
body .m-theme--wrapper.m-theme--wrapper__light
.minds-banner-card .m-card--user--banner .minds-banner-overlay {
background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)); }
body.m-theme__dark minds-card-user .m-card--user--banner .minds-banner-overlay,
body .m-theme--wrapper.m-theme--wrapper__dark minds-card-user .m-card--user--banner .minds-banner-overlay, body.m-theme__dark
.minds-banner-card .m-card--user--banner .minds-banner-overlay,
body .m-theme--wrapper.m-theme--wrapper__dark
.minds-banner-card .m-card--user--banner .minds-banner-overlay {
background: linear-gradient(transparent, rgba(255, 255, 255, 0.4)); }
minds-card-user .minds-usercard-block,
.minds-banner-card .minds-usercard-block {
margin-top: -60px;
padding-bottom: 0;
position: relative;
display: flex;
text-decoration: none; }
body.m-theme__light minds-card-user .minds-usercard-block,
body .m-theme--wrapper.m-theme--wrapper__light minds-card-user .minds-usercard-block, body.m-theme__light
.minds-banner-card .minds-usercard-block,
body .m-theme--wrapper.m-theme--wrapper__light
.minds-banner-card .minds-usercard-block {
color: #fff; }
body.m-theme__dark minds-card-user .minds-usercard-block,
body .m-theme--wrapper.m-theme--wrapper__dark minds-card-user .minds-usercard-block, body.m-theme__dark
.minds-banner-card .minds-usercard-block,
body .m-theme--wrapper.m-theme--wrapper__dark
.minds-banner-card .minds-usercard-block {
color: #fff; }
body.m-theme__light minds-card-user .minds-usercard-block img,
body .m-theme--wrapper.m-theme--wrapper__light minds-card-user .minds-usercard-block img, body.m-theme__light
.minds-banner-card .minds-usercard-block img,
body .m-theme--wrapper.m-theme--wrapper__light
.minds-banner-card .minds-usercard-block img {
border: 1px solid #d3dbe3; }
body.m-theme__dark minds-card-user .minds-usercard-block img,
body .m-theme--wrapper.m-theme--wrapper__dark minds-card-user .minds-usercard-block img, body.m-theme__dark
.minds-banner-card .minds-usercard-block img,
body .m-theme--wrapper.m-theme--wrapper__dark
.minds-banner-card .minds-usercard-block img {
border: 1px solid #414c57; }
minds-card-user .minds-usercard-block .body,
.minds-banner-card .minds-usercard-block .body {
flex: 1;
margin: 0 20px 20px;
max-width: calc(100% - 124px); }
minds-card-user .minds-usercard-block .body h3,
.minds-banner-card .minds-usercard-block .body h3 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 16px;
line-height: 18px;
padding: 0 0 0 1px;
margin: 0; }
body.m-theme__light minds-card-user .minds-usercard-block .body h3,
body .m-theme--wrapper.m-theme--wrapper__light minds-card-user .minds-usercard-block .body h3, body.m-theme__light
.minds-banner-card .minds-usercard-block .body h3,
body .m-theme--wrapper.m-theme--wrapper__light
.minds-banner-card .minds-usercard-block .body h3 {
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
body.m-theme__dark minds-card-user .minds-usercard-block .body h3,
body .m-theme--wrapper.m-theme--wrapper__dark minds-card-user .minds-usercard-block .body h3, body.m-theme__dark
.minds-banner-card .minds-usercard-block .body h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.minds-banner-card .minds-usercard-block .body h3 {
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
minds-card-user .minds-usercard-block .body span,
.minds-banner-card .minds-usercard-block .body span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 0 0 1px; }
body.m-theme__light minds-card-user .minds-usercard-block .body span,
body .m-theme--wrapper.m-theme--wrapper__light minds-card-user .minds-usercard-block .body span, body.m-theme__light
.minds-banner-card .minds-usercard-block .body span,
body .m-theme--wrapper.m-theme--wrapper__light
.minds-banner-card .minds-usercard-block .body span {
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
body.m-theme__dark minds-card-user .minds-usercard-block .body span,
body .m-theme--wrapper.m-theme--wrapper__dark minds-card-user .minds-usercard-block .body span, body.m-theme__dark
.minds-banner-card .minds-usercard-block .body span,
body .m-theme--wrapper.m-theme--wrapper__dark
.minds-banner-card .minds-usercard-block .body span {
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
minds-card-user .minds-usercard-block .body button,
.minds-banner-card .minds-usercard-block .body button {
margin-top: 8px;
width: 100%; }
minds-card-user minds-button-subscribe,
minds-card-user minds-button-boost,
.minds-banner-card minds-button-subscribe,
.minds-banner-card minds-button-boost {
position: absolute;
margin: -26px 0 0 110px; }
minds-card-user minds-button-feature,
.minds-banner-card minds-button-feature {
position: absolute;
top: 8px;
right: 8px; }
minds-card-user minds-button-feature button,
.minds-banner-card minds-button-feature button {
padding: 0; }
minds-card-user .minds-tabs,
.minds-banner-card .minds-tabs {
flex: 1;
align-items: flex-start;
-webkit-align-items: -webkit-flex-start;
justify-content: flex-start;
border: 0; }
minds-card-user .minds-tabs a,
.minds-banner-card .minds-tabs a {
padding: 0 8px;
flex: 1; }
minds-card-user .minds-tabs a span,
.minds-banner-card .minds-tabs a span {
width: 100%;
display: block;
font-size: 11px;
height: 11px;
vertical-align: middle;
line-height: 36px; }
minds-card-user .minds-usercard-buttons,
.minds-banner-card .minds-usercard-buttons {
position: absolute;
top: 8px;
right: 8px; }
minds-card-user .minds-usercard-buttons.has-feature-button,
.minds-banner-card .minds-usercard-buttons.has-feature-button {
right: 38px; }
minds-card-user .minds-usercard-buttons [buttons],
.minds-banner-card .minds-usercard-buttons [buttons] {
display: inline-block; }
minds-card-image,
minds-card-video {
position: relative;
overflow: hidden; }
minds-card-image .m-mature-thumbnail-overlay > i.material-icons,
minds-card-video .m-mature-thumbnail-overlay > i.material-icons {
transform: translate(-50%, calc(-50% - 36px)); }
body.m-theme__light minds-card-image .minds-video-thumbnail,
body .m-theme--wrapper.m-theme--wrapper__light minds-card-image .minds-video-thumbnail, body.m-theme__light
minds-card-video .minds-video-thumbnail,
body .m-theme--wrapper.m-theme--wrapper__light
minds-card-video .minds-video-thumbnail {
background-color: rgba(0, 0, 0, 0.9); }
body.m-theme__dark minds-card-image .minds-video-thumbnail,
body .m-theme--wrapper.m-theme--wrapper__dark minds-card-image .minds-video-thumbnail, body.m-theme__dark
minds-card-video .minds-video-thumbnail,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-card-video .minds-video-thumbnail {
background-color: rgba(0, 0, 0, 0.9); }
.mdl-card .m-owner-block {
padding: 16px;
display: flex;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
box-sizing: border-box; }
.mdl-card .m-owner-block .body {
margin-top: 0;
max-width: 95%; }
.mdl-card .m-owner-block .body a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.mdl-card .m-owner-block .body strong {
display: inline-block;
max-width: 100%;
max-width: calc(100% - 62px);
vertical-align: middle;
letter-spacing: 0.25px;
font-family: 'Roboto', Helvetica, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
overflow: hidden;
text-overflow: ellipsis; }
.mdl-card .m-owner-block .body .permalink {
text-decoration: none;
font-family: 'Roboto', Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.75px;
text-rendering: optimizeLegibility;
text-overflow: unset;
white-space: pre-wrap; }
.mdl-card .m-owner-block .body .permalink > * {
padding-right: 8px; }
body.m-theme__light .mdl-card .m-owner-block .body .permalink,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-card .m-owner-block .body .permalink {
color: #888; }
body.m-theme__dark .mdl-card .m-owner-block .body .permalink,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-card .m-owner-block .body .permalink {
color: #737373; }
.mdl-card .m-owner-block .body .permalink:hover {
text-decoration: underline; }
minds-card-album {
min-height: 260px !important; }
body.m-theme__light minds-card-album .minds-media-albums-card,
body .m-theme--wrapper.m-theme--wrapper__light minds-card-album .minds-media-albums-card {
background-color: #333; }
body.m-theme__dark minds-card-album .minds-media-albums-card,
body .m-theme--wrapper.m-theme--wrapper__dark minds-card-album .minds-media-albums-card {
background-color: #eaeaea; }
minds-card-album .minds-album-tiles {
margin: -16px;
height: 200px;
overflow: hidden;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
-webkit-align-items: stretch; }
minds-card-album .minds-album-tiles > a {
flex: auto;
width: 30%; }
minds-card-album .minds-album-tiles > a img {
max-height: 100%;
max-width: 100%; }
minds-card-album .minds-album-tiles.tiles-1 > a {
width: 100%; }
minds-card-album .minds-album-tiles.tiles-2 > a {
width: 50%; }
minds-card-album .minds-album-tiles.tiles-2 > a img {
max-height: 150%;
max-width: 150%; }
minds-card-album .minds-album-tiles.tiles-3 > a {
width: 33%; }
minds-activity.mdl-card,
minds-activity,
minds-activity-preview {
width: auto;
min-height: 0;
margin-bottom: 16px;
border-radius: 6px;
overflow: visible;
/**
* Rich embeds
*/
/**
* Remind
*/ }
minds-activity.mdl-card .mdl-card__supporting-text,
minds-activity .mdl-card__supporting-text,
minds-activity-preview .mdl-card__supporting-text {
width: 100%;
box-sizing: border-box;
font-family: 'Roboto', Helvetica, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
body.m-theme__light minds-activity.mdl-card .mdl-card__supporting-text,
body .m-theme--wrapper.m-theme--wrapper__light minds-activity.mdl-card .mdl-card__supporting-text, body.m-theme__light
minds-activity .mdl-card__supporting-text,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity .mdl-card__supporting-text, body.m-theme__light
minds-activity-preview .mdl-card__supporting-text,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity-preview .mdl-card__supporting-text {
color: rgba(0, 0, 0, 0.8); }
body.m-theme__dark minds-activity.mdl-card .mdl-card__supporting-text,
body .m-theme--wrapper.m-theme--wrapper__dark minds-activity.mdl-card .mdl-card__supporting-text, body.m-theme__dark
minds-activity .mdl-card__supporting-text,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity .mdl-card__supporting-text, body.m-theme__dark
minds-activity-preview .mdl-card__supporting-text,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity-preview .mdl-card__supporting-text {
color: rgba(255, 255, 255, 0.8); }
minds-activity.mdl-card .mdl-card__supporting-text a,
minds-activity .mdl-card__supporting-text a,
minds-activity-preview .mdl-card__supporting-text a {
text-decoration: none; }
minds-activity.mdl-card .mdl-card__supporting-text.message,
minds-activity .mdl-card__supporting-text.message,
minds-activity-preview .mdl-card__supporting-text.message {
white-space: pre-line;
word-wrap: break-word;
padding-top: 0;
word-break: break-word; }
minds-activity.mdl-card textarea.mdl-card__supporting-text.message,
minds-activity textarea.mdl-card__supporting-text.message,
minds-activity-preview textarea.mdl-card__supporting-text.message {
white-space: pre-wrap; }
minds-activity.mdl-card .m-owner-block,
minds-activity .m-owner-block,
minds-activity-preview .m-owner-block {
position: relative; }
minds-activity.mdl-card .m-owner-block--remind,
minds-activity .m-owner-block--remind,
minds-activity-preview .m-owner-block--remind {
overflow: visible; }
minds-activity.mdl-card .m-owner-block--remind i,
minds-activity .m-owner-block--remind i,
minds-activity-preview .m-owner-block--remind i {
font-size: 18px;
margin-right: 12px; }
minds-activity.mdl-card .m-owner-block--remind .avatar img,
minds-activity .m-owner-block--remind .avatar img,
minds-activity-preview .m-owner-block--remind .avatar img {
width: 24px;
height: 24px;
-o-object-fit: cover;
object-fit: cover; }
minds-activity.mdl-card .m-owner-block--remind .body,
minds-activity .m-owner-block--remind .body,
minds-activity-preview .m-owner-block--remind .body {
margin-left: 12px; }
minds-activity.mdl-card .m-owner-block--remind .body a,
minds-activity .m-owner-block--remind .body a,
minds-activity-preview .m-owner-block--remind .body a {
font-size: 12px;
letter-spacing: 1px; }
minds-activity.mdl-card .m-activity--message-remind,
minds-activity .m-activity--message-remind,
minds-activity-preview .m-activity--message-remind {
padding-top: 0;
padding-bottom: 8px; }
minds-activity.mdl-card .m-translate-button i,
minds-activity .m-translate-button i,
minds-activity-preview .m-translate-button i {
font-size: 18px; }
minds-activity.mdl-card .m-edited-text,
minds-activity .m-edited-text,
minds-activity-preview .m-edited-text {
text-transform: uppercase;
padding-right: 8px;
font-weight: bold;
letter-spacing: 0.5px; }
minds-activity.mdl-card .m-translationLabel__content,
minds-activity .m-translationLabel__content,
minds-activity-preview .m-translationLabel__content {
padding-top: 0;
font-size: 0.75em; }
minds-activity.mdl-card .m-translationLabel__content i,
minds-activity .m-translationLabel__content i,
minds-activity-preview .m-translationLabel__content i {
vertical-align: bottom;
vertical-align: text-bottom; }
minds-activity.mdl-card .m-translationLabel__content a,
minds-activity .m-translationLabel__content a,
minds-activity-preview .m-translationLabel__content a {
cursor: pointer;
text-decoration: underline; }
minds-activity.mdl-card minds-comments,
minds-activity minds-comments,
minds-activity-preview minds-comments {
margin-top: 0; }
minds-activity.mdl-card minds-comments .m-translationLabel__content,
minds-activity minds-comments .m-translationLabel__content,
minds-activity-preview minds-comments .m-translationLabel__content {
font-size: 1em; }
minds-activity.mdl-card minds-comments .m-comment-carrot.m-comment-carrot-collapsed,
minds-activity minds-comments .m-comment-carrot.m-comment-carrot-collapsed,
minds-activity-preview minds-comments .m-comment-carrot.m-comment-carrot-collapsed {
display: none; }
@media screen and (max-width: 480px) {
minds-activity.mdl-card minds-comments .m-comment-carrot.m-comment-carrot-collapsed,
minds-activity minds-comments .m-comment-carrot.m-comment-carrot-collapsed,
minds-activity-preview minds-comments .m-comment-carrot.m-comment-carrot-collapsed {
display: inline-block; } }
body.m-theme__light minds-activity.mdl-card minds-comments .mdl-card__menu,
body .m-theme--wrapper.m-theme--wrapper__light minds-activity.mdl-card minds-comments .mdl-card__menu, body.m-theme__light
minds-activity minds-comments .mdl-card__menu,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity minds-comments .mdl-card__menu, body.m-theme__light
minds-activity-preview minds-comments .mdl-card__menu,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity-preview minds-comments .mdl-card__menu {
background-color: #ffffff; }
body.m-theme__dark minds-activity.mdl-card minds-comments .mdl-card__menu,
body .m-theme--wrapper.m-theme--wrapper__dark minds-activity.mdl-card minds-comments .mdl-card__menu, body.m-theme__dark
minds-activity minds-comments .mdl-card__menu,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity minds-comments .mdl-card__menu, body.m-theme__dark
minds-activity-preview minds-comments .mdl-card__menu,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity-preview minds-comments .mdl-card__menu {
background-color: #242a30; }
minds-activity.mdl-card minds-comments minds-card-comment:hover .m-comment-carrot,
minds-activity minds-comments minds-card-comment:hover .m-comment-carrot,
minds-activity-preview minds-comments minds-card-comment:hover .m-comment-carrot {
display: inline-block; }
minds-activity.mdl-card .minds-more i,
minds-activity .minds-more i,
minds-activity-preview .minds-more i {
font-size: 30px;
transform: translate(-16px, -12px);
font-weight: 100; }
minds-activity.mdl-card .m-rich-embed a,
minds-activity .m-rich-embed a,
minds-activity-preview .m-rich-embed a {
width: 100%; }
minds-activity.mdl-card .m-rich-embed img,
minds-activity .m-rich-embed img,
minds-activity-preview .m-rich-embed img {
width: 100%; }
minds-activity.mdl-card .m-rich-embed .meta,
minds-activity .m-rich-embed .meta,
minds-activity-preview .m-rich-embed .meta {
padding: 16px 16px 0;
display: block;
text-decoration: none;
width: calc(100% - 32px); }
minds-activity.mdl-card .m-rich-embed .meta p,
minds-activity .m-rich-embed .meta p,
minds-activity-preview .m-rich-embed .meta p {
font-size: 13px;
text-overflow: ellipsis;
text-rendering: auto;
white-space: pre-wrap;
overflow: hidden;
max-height: 48px;
margin: 8px 0;
padding: 0;
line-height: 1.25; }
minds-activity.mdl-card .m-rich-embed .meta p.m-url,
minds-activity .m-rich-embed .meta p.m-url,
minds-activity-preview .m-rich-embed .meta p.m-url {
white-space: nowrap;
max-width: 240px; }
minds-activity.mdl-card .item-image-video m-videoPlayer,
minds-activity .item-image-video m-videoPlayer,
minds-activity-preview .item-image-video m-videoPlayer {
display: inline; }
minds-activity.mdl-card .item-image-video video,
minds-activity .item-image-video video,
minds-activity-preview .item-image-video video {
width: 100%;
height: auto; }
minds-activity.mdl-card .item-image img,
minds-activity .item-image img,
minds-activity-preview .item-image img {
width: 100%;
max-height: 1500px;
-o-object-fit: contain;
object-fit: contain; }
minds-activity.mdl-card .is-boosted,
minds-activity .is-boosted,
minds-activity-preview .is-boosted {
display: inline-block;
width: auto;
font-size: 11px;
padding: 0;
padding-right: 8px;
line-height: 1;
vertical-align: middle; }
body.m-theme__light minds-activity.mdl-card .is-boosted,
body .m-theme--wrapper.m-theme--wrapper__light minds-activity.mdl-card .is-boosted, body.m-theme__light
minds-activity .is-boosted,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity .is-boosted, body.m-theme__light
minds-activity-preview .is-boosted,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity-preview .is-boosted {
color: #888; }
body.m-theme__dark minds-activity.mdl-card .is-boosted,
body .m-theme--wrapper.m-theme--wrapper__dark minds-activity.mdl-card .is-boosted, body.m-theme__dark
minds-activity .is-boosted,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity .is-boosted, body.m-theme__dark
minds-activity-preview .is-boosted,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity-preview .is-boosted {
color: #737373; }
minds-activity.mdl-card .is-boosted i,
minds-activity .is-boosted i,
minds-activity-preview .is-boosted i {
font-size: 18px;
position: relative;
vertical-align: middle; }
minds-activity.mdl-card .is-boosted i.unlisted,
minds-activity .is-boosted i.unlisted,
minds-activity-preview .is-boosted i.unlisted {
font-size: 16px;
margin-right: 4px; }
minds-activity.mdl-card .is-boosted a,
minds-activity .is-boosted a,
minds-activity-preview .is-boosted a {
font-weight: bold;
vertical-align: middle; }
body.m-theme__light minds-activity.mdl-card .is-boosted a,
body .m-theme--wrapper.m-theme--wrapper__light minds-activity.mdl-card .is-boosted a, body.m-theme__light
minds-activity .is-boosted a,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity .is-boosted a, body.m-theme__light
minds-activity-preview .is-boosted a,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity-preview .is-boosted a {
color: #888; }
body.m-theme__dark minds-activity.mdl-card .is-boosted a,
body .m-theme--wrapper.m-theme--wrapper__dark minds-activity.mdl-card .is-boosted a, body.m-theme__dark
minds-activity .is-boosted a,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity .is-boosted a, body.m-theme__dark
minds-activity-preview .is-boosted a,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity-preview .is-boosted a {
color: #737373; }
body.m-theme__light minds-activity.mdl-card .is-boosted.is-onchain,
body .m-theme--wrapper.m-theme--wrapper__light minds-activity.mdl-card .is-boosted.is-onchain, body.m-theme__light
minds-activity .is-boosted.is-onchain,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity .is-boosted.is-onchain, body.m-theme__light
minds-activity-preview .is-boosted.is-onchain,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity-preview .is-boosted.is-onchain {
color: #4690df; }
body.m-theme__dark minds-activity.mdl-card .is-boosted.is-onchain,
body .m-theme--wrapper.m-theme--wrapper__dark minds-activity.mdl-card .is-boosted.is-onchain, body.m-theme__dark
minds-activity .is-boosted.is-onchain,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity .is-boosted.is-onchain, body.m-theme__dark
minds-activity-preview .is-boosted.is-onchain,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity-preview .is-boosted.is-onchain {
color: #44aaff; }
body.m-theme__light minds-activity.mdl-card .is-boosted.is-onchain a,
body .m-theme--wrapper.m-theme--wrapper__light minds-activity.mdl-card .is-boosted.is-onchain a, body.m-theme__light
minds-activity .is-boosted.is-onchain a,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity .is-boosted.is-onchain a, body.m-theme__light
minds-activity-preview .is-boosted.is-onchain a,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity-preview .is-boosted.is-onchain a {
color: #4690df; }
body.m-theme__dark minds-activity.mdl-card .is-boosted.is-onchain a,
body .m-theme--wrapper.m-theme--wrapper__dark minds-activity.mdl-card .is-boosted.is-onchain a, body.m-theme__dark
minds-activity .is-boosted.is-onchain a,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity .is-boosted.is-onchain a, body.m-theme__dark
minds-activity-preview .is-boosted.is-onchain a,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity-preview .is-boosted.is-onchain a {
color: #44aaff; }
minds-activity.mdl-card minds-remind,
minds-activity minds-remind,
minds-activity-preview minds-remind {
margin: 0;
width: auto;
min-height: 0;
overflow: visible; }
minds-activity.mdl-card minds-remind .m-owner-block,
minds-activity minds-remind .m-owner-block,
minds-activity-preview minds-remind .m-owner-block {
padding-top: 0; }
minds-activity.mdl-card .m-activity--pending,
minds-activity .m-activity--pending,
minds-activity-preview .m-activity--pending {
padding: 8px 16px;
font-size: 12px;
font-weight: 400; }
body.m-theme__light minds-activity.mdl-card .m-activity--pending,
body .m-theme--wrapper.m-theme--wrapper__light minds-activity.mdl-card .m-activity--pending, body.m-theme__light
minds-activity .m-activity--pending,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity .m-activity--pending, body.m-theme__light
minds-activity-preview .m-activity--pending,
body .m-theme--wrapper.m-theme--wrapper__light
minds-activity-preview .m-activity--pending {
color: #000;
background-color: #ffecb3; }
body.m-theme__dark minds-activity.mdl-card .m-activity--pending,
body .m-theme--wrapper.m-theme--wrapper__dark minds-activity.mdl-card .m-activity--pending, body.m-theme__dark
minds-activity .m-activity--pending,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity .m-activity--pending, body.m-theme__dark
minds-activity-preview .m-activity--pending,
body .m-theme--wrapper.m-theme--wrapper__dark
minds-activity-preview .m-activity--pending {
color: #fff;
background-color: #333; }
/**
* Action tabs
*/
.tabs,
.m-action-tabs {
padding: 12px 16px 12px;
display: flex;
box-sizing: border-box;
width: 100%; }
.tabs.m-action-tabs-hoverover,
.m-action-tabs.m-action-tabs-hoverover {
visibility: 0; }
.tabs.m-action-tabs-hoverover :hover,
.m-action-tabs.m-action-tabs-hoverover :hover {
visibility: 1; }
.tabs.m-action-tabs-fixed,
.m-action-tabs.m-action-tabs-fixed {
position: absolute;
left: 0;
bottom: 0; }
.tabs > *,
.m-action-tabs > * {
display: flex;
flex-direction: column;
flex: 1;
text-align: center;
cursor: pointer; }
.tabs > template,
.tabs script,
.m-action-tabs > template,
.m-action-tabs script {
display: none; }
.tabs > a.minds-boost-button,
.m-action-tabs > a.minds-boost-button {
max-width: 40px; }
body.m-theme__light .tabs .selected,
body .m-theme--wrapper.m-theme--wrapper__light .tabs .selected, body.m-theme__light
.m-action-tabs .selected,
body .m-theme--wrapper.m-theme--wrapper__light
.m-action-tabs .selected {
color: #4690df !important; }
body.m-theme__dark .tabs .selected,
body .m-theme--wrapper.m-theme--wrapper__dark .tabs .selected, body.m-theme__dark
.m-action-tabs .selected,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-action-tabs .selected {
color: #44aaff !important; }
body.m-theme__light .tabs .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__light .tabs .selected:hover, body.m-theme__light
.m-action-tabs .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__light
.m-action-tabs .selected:hover {
color: rgba(32, 106, 185, 0.9) !important; }
body.m-theme__dark .tabs .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .tabs .selected:hover, body.m-theme__dark
.m-action-tabs .selected:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-action-tabs .selected:hover {
color: rgba(145, 205, 255, 0.9) !important; }
.tabs i,
.m-action-tabs i {
vertical-align: middle;
font-size: 22px; }
.minds-add-card {
padding: 32px 16px;
text-align: center;
text-decoration: none; }
.minds-add-card i {
font-size: 90px !important; }
.minds-add-card h3 {
text-transform: uppercase;
font-weight: 400;
font-size: 24px; }
.minds-editable-container {
box-sizing: border-box;
padding: 8px;
text-align: right;
width: 100%; }
.minds-editable-container textarea {
padding: 8px;
color: inherit; }
body.m-theme__light .minds-editable-container textarea,
body .m-theme--wrapper.m-theme--wrapper__light .minds-editable-container textarea {
border: 1px solid #d3dbe3; }
body.m-theme__dark .minds-editable-container textarea,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-editable-container textarea {
border: 1px solid #414c57; }
.minds-editable-container button {
margin: 8px; }
.m-activity--boost-notice {
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-align: center;
font-size: 16px; }
.m-marketing__asFeaturedIn {
min-width: 320px;
max-width: 1084px;
margin: 45px auto 80px; }
.m-marketing__asFeaturedIn--noMargin .m-marketing__asFeaturedIn {
margin-bottom: 0; }
@media screen and (max-width: 1168px) {
.m-marketing__asFeaturedIn {
margin: 20px 0 50px;
padding: 0 12px; }
.m-marketing__asFeaturedIn.m-grid {
display: block;
margin-bottom: 45px; } }
.m-marketing__asFeaturedIn .m-marketingAsFeaturedIn__title {
display: flex;
flex-direction: column;
justify-content: center; }
body.m-theme__light .m-marketing__asFeaturedIn .m-marketingAsFeaturedIn__title,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__asFeaturedIn .m-marketingAsFeaturedIn__title {
color: #888; }
body.m-theme__dark .m-marketing__asFeaturedIn .m-marketingAsFeaturedIn__title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__asFeaturedIn .m-marketingAsFeaturedIn__title {
color: #737373; }
@media screen and (max-width: 1168px) {
.m-marketing__asFeaturedIn .m-marketingAsFeaturedIn__title {
text-align: center;
margin: 0 0 20px; } }
.m-marketing__asFeaturedIn ul {
flex-grow: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 0;
padding: 0;
list-style: none; }
.m-marketing__asFeaturedIn ul > li img {
width: 55px;
height: 55px;
-o-object-fit: contain;
object-fit: contain; }
@media screen and (max-width: 1168px) {
.m-marketing__asFeaturedIn ul > li img {
width: 32px;
height: 32px; } }
/**
* Padding, Margins and Offset
*/
m-marketing {
display: block;
font-family: Roboto, sans-serif;
overflow-x: hidden;
min-width: 320px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
body.m-theme__light m-marketing,
body .m-theme--wrapper.m-theme--wrapper__light m-marketing {
background: #ffffff;
color: #43434d; }
body.m-theme__dark m-marketing,
body .m-theme--wrapper.m-theme--wrapper__dark m-marketing {
background: #242a30;
color: #ffffff; }
m-marketing .m-marketing {
font-family: Roboto, sans-serif;
font-weight: 400; }
m-marketing .m-marketing__sep {
border-top: 1px solid;
height: 0;
width: 100%;
margin: 40px 0; }
m-marketing .m-marketing__sep.m-marketing__sep--dashed {
border-top-style: dashed; }
m-marketing .m-marketing__sep.m-marketing__sep--big {
margin: 60px 0; }
@media screen and (max-width: 1168px) {
m-marketing .m-marketing__sep {
margin: 20px 0; }
m-marketing .m-marketing__sep.m-marketing__sep--big {
margin: 30px 0; } }
body.m-theme__light m-marketing .m-marketing__sep,
body .m-theme--wrapper.m-theme--wrapper__light m-marketing .m-marketing__sep {
border-color: #d3dbe3; }
body.m-theme__dark m-marketing .m-marketing__sep,
body .m-theme--wrapper.m-theme--wrapper__dark m-marketing .m-marketing__sep {
border-color: #414c57; }
m-marketing .m-marketing__wrapper,
m-marketing .m-marketing__extras > * > * {
max-width: 1084px;
margin: 0 auto;
box-sizing: border-box; }
m-marketing .m-marketing__subText {
font-size: 11px; }
body.m-theme__light .m-marketing,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing {
background-color: #ffffff; }
body.m-theme__dark .m-marketing,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing {
background-color: #242a30; }
.m-marketing--header,
.m-marketing--hero,
.m-marketing__hero {
position: relative;
width: 100%;
text-align: left;
padding: 100px 0 200px;
box-sizing: border-box; }
body.m-theme__light .m-marketing--header,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--header, body.m-theme__light
.m-marketing--hero,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero, body.m-theme__light
.m-marketing__hero,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero {
background-color: #d3dbe3; }
body.m-theme__dark .m-marketing--header,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--header, body.m-theme__dark
.m-marketing--hero,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero, body.m-theme__dark
.m-marketing__hero,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero {
background-color: #414c57; }
.m-marketing--header.m-marketing--hero,
.m-marketing--hero.m-marketing--hero,
.m-marketing__hero.m-marketing--hero {
padding-bottom: 100px; }
@media only screen and (max-width: 400px) {
.m-marketing--header,
.m-marketing--hero,
.m-marketing__hero {
padding: 110px 0; } }
.m-marketing--header .m-marketing--header-inner,
.m-marketing--header .m-marketingHeader__inner,
.m-marketing--header .m-marketing--hero-inner,
.m-marketing--header .m-marketingHero__inner,
.m-marketing--header .m-marketing--hero--inner,
.m-marketing--hero .m-marketing--header-inner,
.m-marketing--hero .m-marketingHeader__inner,
.m-marketing--hero .m-marketing--hero-inner,
.m-marketing--hero .m-marketingHero__inner,
.m-marketing--hero .m-marketing--hero--inner,
.m-marketing__hero .m-marketing--header-inner,
.m-marketing__hero .m-marketingHeader__inner,
.m-marketing__hero .m-marketing--hero-inner,
.m-marketing__hero .m-marketingHero__inner,
.m-marketing__hero .m-marketing--hero--inner {
display: flex;
flex-direction: row;
align-items: center;
padding: 115px 52px;
margin: auto;
max-width: 1280px; }
@media screen and (max-width: 1000px) {
.m-marketing--header .m-marketing--header-inner,
.m-marketing--header .m-marketingHeader__inner,
.m-marketing--header .m-marketing--hero-inner,
.m-marketing--header .m-marketingHero__inner,
.m-marketing--header .m-marketing--hero--inner,
.m-marketing--hero .m-marketing--header-inner,
.m-marketing--hero .m-marketingHeader__inner,
.m-marketing--hero .m-marketing--hero-inner,
.m-marketing--hero .m-marketingHero__inner,
.m-marketing--hero .m-marketing--hero--inner,
.m-marketing__hero .m-marketing--header-inner,
.m-marketing__hero .m-marketingHeader__inner,
.m-marketing__hero .m-marketing--hero-inner,
.m-marketing__hero .m-marketingHero__inner,
.m-marketing__hero .m-marketing--hero--inner {
padding: 120px 16px; } }
@media screen and (max-width: 480px) {
.m-marketing--header .m-marketing--header-inner,
.m-marketing--header .m-marketingHeader__inner,
.m-marketing--header .m-marketing--hero-inner,
.m-marketing--header .m-marketingHero__inner,
.m-marketing--header .m-marketing--hero--inner,
.m-marketing--hero .m-marketing--header-inner,
.m-marketing--hero .m-marketingHeader__inner,
.m-marketing--hero .m-marketing--hero-inner,
.m-marketing--hero .m-marketingHero__inner,
.m-marketing--hero .m-marketing--hero--inner,
.m-marketing__hero .m-marketing--header-inner,
.m-marketing__hero .m-marketingHeader__inner,
.m-marketing__hero .m-marketing--hero-inner,
.m-marketing__hero .m-marketingHero__inner,
.m-marketing__hero .m-marketing--hero--inner {
padding: 62px 12px; } }
.m-marketing--header .m-marketing--hero--video,
.m-marketing--header .m-marketingHero__video,
.m-marketing--hero .m-marketing--hero--video,
.m-marketing--hero .m-marketingHero__video,
.m-marketing__hero .m-marketing--hero--video,
.m-marketing__hero .m-marketingHero__video {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.m-marketing--header .m-marketing--hero--video video,
.m-marketing--header .m-marketingHero__video video,
.m-marketing--hero .m-marketing--hero--video video,
.m-marketing--hero .m-marketingHero__video video,
.m-marketing__hero .m-marketing--hero--video video,
.m-marketing__hero .m-marketingHero__video video {
position: absolute;
bottom: 0;
min-width: 100%;
min-height: 100%; }
.m-marketing--header .m-marketing--hero--overlay,
.m-marketing--header .m-marketingHero__overlay,
.m-marketing--hero .m-marketing--hero--overlay,
.m-marketing--hero .m-marketingHero__overlay,
.m-marketing__hero .m-marketing--hero--overlay,
.m-marketing__hero .m-marketingHero__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
body.m-theme__light .m-marketing--header .m-marketing--hero--overlay,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--header .m-marketing--hero--overlay, body.m-theme__light
.m-marketing--header .m-marketingHero__overlay,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--header .m-marketingHero__overlay, body.m-theme__light
.m-marketing--hero .m-marketing--hero--overlay,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero .m-marketing--hero--overlay, body.m-theme__light
.m-marketing--hero .m-marketingHero__overlay,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero .m-marketingHero__overlay, body.m-theme__light
.m-marketing__hero .m-marketing--hero--overlay,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero .m-marketing--hero--overlay, body.m-theme__light
.m-marketing__hero .m-marketingHero__overlay,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero .m-marketingHero__overlay {
background-color: rgba(0, 0, 0, 0.4); }
body.m-theme__dark .m-marketing--header .m-marketing--hero--overlay,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--header .m-marketing--hero--overlay, body.m-theme__dark
.m-marketing--header .m-marketingHero__overlay,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--header .m-marketingHero__overlay, body.m-theme__dark
.m-marketing--hero .m-marketing--hero--overlay,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero .m-marketing--hero--overlay, body.m-theme__dark
.m-marketing--hero .m-marketingHero__overlay,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero .m-marketingHero__overlay, body.m-theme__dark
.m-marketing__hero .m-marketing--hero--overlay,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero .m-marketing--hero--overlay, body.m-theme__dark
.m-marketing__hero .m-marketingHero__overlay,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero .m-marketingHero__overlay {
background-color: rgba(255, 255, 255, 0.4); }
.m-marketing--header .m-marketing--hero--slogans,
.m-marketing--header .m-marketingHero__slogans,
.m-marketing--hero .m-marketing--hero--slogans,
.m-marketing--hero .m-marketingHero__slogans,
.m-marketing__hero .m-marketing--hero--slogans,
.m-marketing__hero .m-marketingHero__slogans {
flex: 2;
z-index: 2; }
.m-marketing--header .m-marketing--hero--slogans h1,
.m-marketing--header .m-marketing--hero--slogans h3,
.m-marketing--header .m-marketing--hero--slogans h4,
.m-marketing--header .m-marketingHero__slogans h1,
.m-marketing--header .m-marketingHero__slogans h3,
.m-marketing--header .m-marketingHero__slogans h4,
.m-marketing--hero .m-marketing--hero--slogans h1,
.m-marketing--hero .m-marketing--hero--slogans h3,
.m-marketing--hero .m-marketing--hero--slogans h4,
.m-marketing--hero .m-marketingHero__slogans h1,
.m-marketing--hero .m-marketingHero__slogans h3,
.m-marketing--hero .m-marketingHero__slogans h4,
.m-marketing__hero .m-marketing--hero--slogans h1,
.m-marketing__hero .m-marketing--hero--slogans h3,
.m-marketing__hero .m-marketing--hero--slogans h4,
.m-marketing__hero .m-marketingHero__slogans h1,
.m-marketing__hero .m-marketingHero__slogans h3,
.m-marketing__hero .m-marketingHero__slogans h4 {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
margin: 0; }
body.m-theme__light .m-marketing--header .m-marketing--hero--slogans h1,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--header .m-marketing--hero--slogans h1, body.m-theme__light
.m-marketing--header .m-marketing--hero--slogans h3,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--header .m-marketing--hero--slogans h3, body.m-theme__light
.m-marketing--header .m-marketing--hero--slogans h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--header .m-marketing--hero--slogans h4, body.m-theme__light
.m-marketing--header .m-marketingHero__slogans h1,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--header .m-marketingHero__slogans h1, body.m-theme__light
.m-marketing--header .m-marketingHero__slogans h3,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--header .m-marketingHero__slogans h3, body.m-theme__light
.m-marketing--header .m-marketingHero__slogans h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--header .m-marketingHero__slogans h4, body.m-theme__light
.m-marketing--hero .m-marketing--hero--slogans h1,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero .m-marketing--hero--slogans h1, body.m-theme__light
.m-marketing--hero .m-marketing--hero--slogans h3,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero .m-marketing--hero--slogans h3, body.m-theme__light
.m-marketing--hero .m-marketing--hero--slogans h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero .m-marketing--hero--slogans h4, body.m-theme__light
.m-marketing--hero .m-marketingHero__slogans h1,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero .m-marketingHero__slogans h1, body.m-theme__light
.m-marketing--hero .m-marketingHero__slogans h3,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero .m-marketingHero__slogans h3, body.m-theme__light
.m-marketing--hero .m-marketingHero__slogans h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero .m-marketingHero__slogans h4, body.m-theme__light
.m-marketing__hero .m-marketing--hero--slogans h1,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero .m-marketing--hero--slogans h1, body.m-theme__light
.m-marketing__hero .m-marketing--hero--slogans h3,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero .m-marketing--hero--slogans h3, body.m-theme__light
.m-marketing__hero .m-marketing--hero--slogans h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero .m-marketing--hero--slogans h4, body.m-theme__light
.m-marketing__hero .m-marketingHero__slogans h1,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero .m-marketingHero__slogans h1, body.m-theme__light
.m-marketing__hero .m-marketingHero__slogans h3,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero .m-marketingHero__slogans h3, body.m-theme__light
.m-marketing__hero .m-marketingHero__slogans h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero .m-marketingHero__slogans h4 {
color: #fff; }
body.m-theme__dark .m-marketing--header .m-marketing--hero--slogans h1,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--header .m-marketing--hero--slogans h1, body.m-theme__dark
.m-marketing--header .m-marketing--hero--slogans h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--header .m-marketing--hero--slogans h3, body.m-theme__dark
.m-marketing--header .m-marketing--hero--slogans h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--header .m-marketing--hero--slogans h4, body.m-theme__dark
.m-marketing--header .m-marketingHero__slogans h1,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--header .m-marketingHero__slogans h1, body.m-theme__dark
.m-marketing--header .m-marketingHero__slogans h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--header .m-marketingHero__slogans h3, body.m-theme__dark
.m-marketing--header .m-marketingHero__slogans h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--header .m-marketingHero__slogans h4, body.m-theme__dark
.m-marketing--hero .m-marketing--hero--slogans h1,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero .m-marketing--hero--slogans h1, body.m-theme__dark
.m-marketing--hero .m-marketing--hero--slogans h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero .m-marketing--hero--slogans h3, body.m-theme__dark
.m-marketing--hero .m-marketing--hero--slogans h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero .m-marketing--hero--slogans h4, body.m-theme__dark
.m-marketing--hero .m-marketingHero__slogans h1,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero .m-marketingHero__slogans h1, body.m-theme__dark
.m-marketing--hero .m-marketingHero__slogans h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero .m-marketingHero__slogans h3, body.m-theme__dark
.m-marketing--hero .m-marketingHero__slogans h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero .m-marketingHero__slogans h4, body.m-theme__dark
.m-marketing__hero .m-marketing--hero--slogans h1,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero .m-marketing--hero--slogans h1, body.m-theme__dark
.m-marketing__hero .m-marketing--hero--slogans h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero .m-marketing--hero--slogans h3, body.m-theme__dark
.m-marketing__hero .m-marketing--hero--slogans h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero .m-marketing--hero--slogans h4, body.m-theme__dark
.m-marketing__hero .m-marketingHero__slogans h1,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero .m-marketingHero__slogans h1, body.m-theme__dark
.m-marketing__hero .m-marketingHero__slogans h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero .m-marketingHero__slogans h3, body.m-theme__dark
.m-marketing__hero .m-marketingHero__slogans h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero .m-marketingHero__slogans h4 {
color: #202527; }
.m-marketing--header .m-marketing--hero--slogans h1,
.m-marketing--header .m-marketingHero__slogans h1,
.m-marketing--hero .m-marketing--hero--slogans h1,
.m-marketing--hero .m-marketingHero__slogans h1,
.m-marketing__hero .m-marketing--hero--slogans h1,
.m-marketing__hero .m-marketingHero__slogans h1 {
font-size: 110px;
font-weight: 800;
letter-spacing: 1.25px;
line-height: 1; }
@media screen and (max-width: 720px) {
.m-marketing--header .m-marketing--hero--slogans h1,
.m-marketing--header .m-marketingHero__slogans h1,
.m-marketing--hero .m-marketing--hero--slogans h1,
.m-marketing--hero .m-marketingHero__slogans h1,
.m-marketing__hero .m-marketing--hero--slogans h1,
.m-marketing__hero .m-marketingHero__slogans h1 {
font-size: 42px; } }
.m-marketing--header .m-marketing--hero--slogans h3,
.m-marketing--header .m-marketingHero__slogans h3,
.m-marketing--hero .m-marketing--hero--slogans h3,
.m-marketing--hero .m-marketingHero__slogans h3,
.m-marketing__hero .m-marketing--hero--slogans h3,
.m-marketing__hero .m-marketingHero__slogans h3 {
font-size: 26px;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 1.25;
margin-top: 16px;
padding-right: 70px; }
@media screen and (max-width: 720px) {
.m-marketing--header .m-marketing--hero--slogans h3,
.m-marketing--header .m-marketingHero__slogans h3,
.m-marketing--hero .m-marketing--hero--slogans h3,
.m-marketing--hero .m-marketingHero__slogans h3,
.m-marketing__hero .m-marketing--hero--slogans h3,
.m-marketing__hero .m-marketingHero__slogans h3 {
padding-right: 8px;
font-size: 16px; } }
.m-marketing--header .m-marketing--hero--actions,
.m-marketing--header .m-marketingHero__actions,
.m-marketing--hero .m-marketing--hero--actions,
.m-marketing--hero .m-marketingHero__actions,
.m-marketing__hero .m-marketing--hero--actions,
.m-marketing__hero .m-marketingHero__actions {
flex: 1;
margin-left: 16px;
z-index: 2; }
.m-marketing--header h1,
.m-marketing--header h3,
.m-marketing--header h2,
.m-marketing--hero h1,
.m-marketing--hero h3,
.m-marketing--hero h2,
.m-marketing__hero h1,
.m-marketing__hero h3,
.m-marketing__hero h2 {
font-family: 'Roboto', Helvetica, sans-serif;
margin: 0; }
body.m-theme__light .m-marketing--header h1,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--header h1, body.m-theme__light
.m-marketing--header h3,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--header h3, body.m-theme__light
.m-marketing--header h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--header h2, body.m-theme__light
.m-marketing--hero h1,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero h1, body.m-theme__light
.m-marketing--hero h3,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero h3, body.m-theme__light
.m-marketing--hero h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero h2, body.m-theme__light
.m-marketing__hero h1,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero h1, body.m-theme__light
.m-marketing__hero h3,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero h3, body.m-theme__light
.m-marketing__hero h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero h2 {
color: #fff; }
body.m-theme__dark .m-marketing--header h1,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--header h1, body.m-theme__dark
.m-marketing--header h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--header h3, body.m-theme__dark
.m-marketing--header h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--header h2, body.m-theme__dark
.m-marketing--hero h1,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero h1, body.m-theme__dark
.m-marketing--hero h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero h3, body.m-theme__dark
.m-marketing--hero h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero h2, body.m-theme__dark
.m-marketing__hero h1,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero h1, body.m-theme__dark
.m-marketing__hero h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero h3, body.m-theme__dark
.m-marketing__hero h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero h2 {
color: #202527; }
.m-marketing--header h1,
.m-marketing--hero h1,
.m-marketing__hero h1 {
letter-spacing: 1.25px;
font-weight: 800;
font-size: 78px; }
@media only screen and (max-width: 400px) {
.m-marketing--header h1,
.m-marketing--hero h1,
.m-marketing__hero h1 {
font-size: 30px; } }
.m-marketing--header h2,
.m-marketing--hero h2,
.m-marketing__hero h2 {
font-weight: 600;
letter-spacing: 0.25px; }
.m-marketing--header h3,
.m-marketing--hero h3,
.m-marketing__hero h3 {
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
line-height: 24px;
padding-right: 70px; }
@media only screen and (max-width: 400px) {
.m-marketing--header h3,
.m-marketing--hero h3,
.m-marketing__hero h3 {
font-size: 14px; } }
.m-marketing--header .m-marketing--action-button,
.m-marketing--header .m-marketing__actionButton,
.m-marketing--hero .m-marketing--action-button,
.m-marketing--hero .m-marketing__actionButton,
.m-marketing__hero .m-marketing--action-button,
.m-marketing__hero .m-marketing__actionButton {
margin-bottom: -80px;
margin-top: 32px;
z-index: 2; }
.m-marketing--header .m-marketing--overlay,
.m-marketing--header .m-marketing__overlay,
.m-marketing--hero .m-marketing--overlay,
.m-marketing--hero .m-marketing__overlay,
.m-marketing__hero .m-marketing--overlay,
.m-marketing__hero .m-marketing__overlay {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0; }
body.m-theme__light .m-marketing--header .m-marketing--overlay,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--header .m-marketing--overlay, body.m-theme__light
.m-marketing--header .m-marketing__overlay,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--header .m-marketing__overlay, body.m-theme__light
.m-marketing--hero .m-marketing--overlay,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero .m-marketing--overlay, body.m-theme__light
.m-marketing--hero .m-marketing__overlay,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--hero .m-marketing__overlay, body.m-theme__light
.m-marketing__hero .m-marketing--overlay,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero .m-marketing--overlay, body.m-theme__light
.m-marketing__hero .m-marketing__overlay,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__hero .m-marketing__overlay {
background-color: rgba(0, 0, 0, 0.5); }
body.m-theme__dark .m-marketing--header .m-marketing--overlay,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--header .m-marketing--overlay, body.m-theme__dark
.m-marketing--header .m-marketing__overlay,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--header .m-marketing__overlay, body.m-theme__dark
.m-marketing--hero .m-marketing--overlay,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero .m-marketing--overlay, body.m-theme__dark
.m-marketing--hero .m-marketing__overlay,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--hero .m-marketing__overlay, body.m-theme__dark
.m-marketing__hero .m-marketing--overlay,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero .m-marketing--overlay, body.m-theme__dark
.m-marketing__hero .m-marketing__overlay,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__hero .m-marketing__overlay {
background-color: rgba(255, 255, 255, 0.5); }
.m-marketing--section {
height: 300px;
align-items: center;
justify-content: center;
display: flex;
font-weight: 100;
font-size: 41px;
display: block;
text-align: center;
padding: 80px 0;
height: auto; }
body.m-theme__light .m-marketing--section,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--section {
background-color: #ffffff; }
body.m-theme__dark .m-marketing--section,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--section {
background-color: #242a30; }
@media screen and (max-width: 720px) {
.m-marketing--section {
padding: 16px 0; } }
.m-marketing--section.m-marketing--section-margin {
max-width: 1280px;
margin: auto; }
@media screen and (max-width: 1320px) {
.m-marketing--section.m-marketing--section-margin {
padding-left: 16px;
padding-right: 16px; } }
.m-marketing--section h1 {
font-size: 72px;
font-weight: 600;
font-weight: 800;
letter-spacing: 0.25px;
margin-left: 8px;
margin-right: 8px; }
body.m-theme__light .m-marketing--section h1,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--section h1 {
color: #43434d; }
body.m-theme__dark .m-marketing--section h1,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--section h1 {
color: #ffffff; }
@media screen and (max-width: 720px) {
.m-marketing--section h1 {
font-size: 28px; } }
.m-marketing--section h2 {
font-size: 56px;
line-height: 1;
font-weight: 600;
letter-spacing: 1.25px; }
body.m-theme__light .m-marketing--section h2,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--section h2 {
color: #43434d; }
body.m-theme__dark .m-marketing--section h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--section h2 {
color: #ffffff; }
@media screen and (max-width: 720px) {
.m-marketing--section h2 {
font-size: 22px; } }
.m-marketing--section h2.m-hompeage--wide-letters {
letter-spacing: 4px; }
.m-marketing--section h4 {
font-weight: 400;
font-size: 32px;
letter-spacing: 4px; }
@media screen and (max-width: 1250px) {
.m-marketing--section h4 {
font-size: 24px; } }
.m-marketing--section h4 .m-break--8spaces {
padding-left: 60px; }
.m-marketing--section h5 {
font-size: 12px;
letter-spacing: 0.75px;
line-height: 1;
margin: 0;
margin-top: -18px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
text-transform: uppercase; }
body.m-theme__light .m-marketing--section h5,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--section h5 {
color: #9b9b9b; }
body.m-theme__dark .m-marketing--section h5,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--section h5 {
color: #797b82; }
@media screen and (max-width: 720px) {
.m-marketing--section h5 {
margin-top: 0; } }
.m-marketing--section--grid,
.m-marketing__sectionGrid {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap; }
@media screen and (max-width: 480px) {
.m-marketing--section--grid,
.m-marketing__sectionGrid {
flex-direction: column; } }
.m-marketing--section--grid .m-marketing--section--grid-col,
.m-marketing--section--grid .m-marketingSectionGrid__col,
.m-marketing__sectionGrid .m-marketing--section--grid-col,
.m-marketing__sectionGrid .m-marketingSectionGrid__col {
flex: 1;
padding: 0 16px;
margin: 16px;
text-align: center; }
.m-marketing--section--grid .m-marketing--section--grid-col i,
.m-marketing--section--grid .m-marketingSectionGrid__col i,
.m-marketing__sectionGrid .m-marketing--section--grid-col i,
.m-marketing__sectionGrid .m-marketingSectionGrid__col i {
text-align: center;
font-size: 72px; }
body.m-theme__light .m-marketing--section--grid .m-marketing--section--grid-col i,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--section--grid .m-marketing--section--grid-col i, body.m-theme__light
.m-marketing--section--grid .m-marketingSectionGrid__col i,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--section--grid .m-marketingSectionGrid__col i, body.m-theme__light
.m-marketing__sectionGrid .m-marketing--section--grid-col i,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__sectionGrid .m-marketing--section--grid-col i, body.m-theme__light
.m-marketing__sectionGrid .m-marketingSectionGrid__col i,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__sectionGrid .m-marketingSectionGrid__col i {
color: #43434d; }
body.m-theme__dark .m-marketing--section--grid .m-marketing--section--grid-col i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--section--grid .m-marketing--section--grid-col i, body.m-theme__dark
.m-marketing--section--grid .m-marketingSectionGrid__col i,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--section--grid .m-marketingSectionGrid__col i, body.m-theme__dark
.m-marketing__sectionGrid .m-marketing--section--grid-col i,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__sectionGrid .m-marketing--section--grid-col i, body.m-theme__dark
.m-marketing__sectionGrid .m-marketingSectionGrid__col i,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__sectionGrid .m-marketingSectionGrid__col i {
color: #ffffff; }
.m-marketing--section--grid .m-marketing--section--grid-col h4,
.m-marketing--section--grid .m-marketingSectionGrid__col h4,
.m-marketing__sectionGrid .m-marketing--section--grid-col h4,
.m-marketing__sectionGrid .m-marketingSectionGrid__col h4 {
letter-spacing: 0.25px;
font-weight: 300;
font-size: 28px; }
body.m-theme__light .m-marketing--section--grid .m-marketing--section--grid-col h4,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--section--grid .m-marketing--section--grid-col h4, body.m-theme__light
.m-marketing--section--grid .m-marketingSectionGrid__col h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--section--grid .m-marketingSectionGrid__col h4, body.m-theme__light
.m-marketing__sectionGrid .m-marketing--section--grid-col h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__sectionGrid .m-marketing--section--grid-col h4, body.m-theme__light
.m-marketing__sectionGrid .m-marketingSectionGrid__col h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__sectionGrid .m-marketingSectionGrid__col h4 {
color: #43434d; }
body.m-theme__dark .m-marketing--section--grid .m-marketing--section--grid-col h4,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--section--grid .m-marketing--section--grid-col h4, body.m-theme__dark
.m-marketing--section--grid .m-marketingSectionGrid__col h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--section--grid .m-marketingSectionGrid__col h4, body.m-theme__dark
.m-marketing__sectionGrid .m-marketing--section--grid-col h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__sectionGrid .m-marketing--section--grid-col h4, body.m-theme__dark
.m-marketing__sectionGrid .m-marketingSectionGrid__col h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__sectionGrid .m-marketingSectionGrid__col h4 {
color: #ffffff; }
body.m-theme__light .m-marketing--section--subsection,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--section--subsection, body.m-theme__light
.m-marketingSection__subsection,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketingSection__subsection {
background-color: #ffffff;
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-marketing--section--subsection,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--section--subsection, body.m-theme__dark
.m-marketingSection__subsection,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketingSection__subsection {
background-color: #242a30;
border-bottom: 1px solid #414c57; }
.m-marketing--section--subsection .m-marketing--section--subsection-container,
.m-marketingSection__subsection .m-marketing--section--subsection-container {
display: flex;
flex-direction: row;
align-items: center;
text-align: left;
padding: 150px 0;
max-width: 1400px;
margin: auto;
width: calc(100% - 64px); }
@media screen and (max-width: 480px) {
.m-marketing--section--subsection .m-marketing--section--subsection-container,
.m-marketingSection__subsection .m-marketing--section--subsection-container {
flex-direction: column;
width: 100%;
padding: 16px 0; } }
@media screen and (max-width: 480px) {
.m-marketing--section--subsection.m-marketing--section--subsection--alt .m-marketing--section--subsection-container,
.m-marketingSection__subsection.m-marketing--section--subsection--alt .m-marketing--section--subsection-container {
flex-direction: column-reverse; } }
.m-marketing--section--subsection.m-marketing--section--subsection--first .m-marketing--section--subsection-container,
.m-marketingSection__subsection.m-marketing--section--subsection--first .m-marketing--section--subsection-container {
padding-top: 100px; }
@media screen and (max-width: 720px) {
.m-marketing--section--subsection.m-marketing--section--subsection--first .m-marketing--section--subsection-container,
.m-marketingSection__subsection.m-marketing--section--subsection--first .m-marketing--section--subsection-container {
padding-top: 16px; } }
.m-marketing--section--subsection .m-marketing--section--subsection-left,
.m-marketing--section--subsection .m-marketing--section--subsection-right,
.m-marketingSection__subsection .m-marketing--section--subsection-left,
.m-marketingSection__subsection .m-marketing--section--subsection-right {
flex: 1;
padding-left: 16px;
padding-right: 16px;
margin-left: 4%;
max-width: 40%; }
@media screen and (max-width: 480px) {
.m-marketing--section--subsection .m-marketing--section--subsection-left,
.m-marketing--section--subsection .m-marketing--section--subsection-right,
.m-marketingSection__subsection .m-marketing--section--subsection-left,
.m-marketingSection__subsection .m-marketing--section--subsection-right {
max-width: 100%;
margin: 8px 0; } }
.m-marketing--section--subsection .m-marketing--section--subsection-text h2,
.m-marketing--section--subsection .m-marketing--section--subsection-text p,
.m-marketingSection__subsection .m-marketing--section--subsection-text h2,
.m-marketingSection__subsection .m-marketing--section--subsection-text p {
margin: 16px 0; }
body.m-theme__light .m-marketing--section--subsection .m-marketing--section--subsection-text h2,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--section--subsection .m-marketing--section--subsection-text h2, body.m-theme__light
.m-marketing--section--subsection .m-marketing--section--subsection-text p,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing--section--subsection .m-marketing--section--subsection-text p, body.m-theme__light
.m-marketingSection__subsection .m-marketing--section--subsection-text h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketingSection__subsection .m-marketing--section--subsection-text h2, body.m-theme__light
.m-marketingSection__subsection .m-marketing--section--subsection-text p,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketingSection__subsection .m-marketing--section--subsection-text p {
color: #43434d; }
body.m-theme__dark .m-marketing--section--subsection .m-marketing--section--subsection-text h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--section--subsection .m-marketing--section--subsection-text h2, body.m-theme__dark
.m-marketing--section--subsection .m-marketing--section--subsection-text p,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing--section--subsection .m-marketing--section--subsection-text p, body.m-theme__dark
.m-marketingSection__subsection .m-marketing--section--subsection-text h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketingSection__subsection .m-marketing--section--subsection-text h2, body.m-theme__dark
.m-marketingSection__subsection .m-marketing--section--subsection-text p,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketingSection__subsection .m-marketing--section--subsection-text p {
color: #ffffff; }
@media screen and (max-width: 480px) {
.m-marketing--section--subsection .m-marketing--section--subsection-text h2,
.m-marketing--section--subsection .m-marketing--section--subsection-text p,
.m-marketingSection__subsection .m-marketing--section--subsection-text h2,
.m-marketingSection__subsection .m-marketing--section--subsection-text p {
margin: 8px 0; } }
.m-marketing--section--subsection .m-marketing--section--subsection-text p,
.m-marketingSection__subsection .m-marketing--section--subsection-text p {
font-size: 22px;
line-height: 1.5; }
body.m-theme__light .m-marketing--section--subsection .m-marketing--section--subsection-text p,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--section--subsection .m-marketing--section--subsection-text p, body.m-theme__light
.m-marketingSection__subsection .m-marketing--section--subsection-text p,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketingSection__subsection .m-marketing--section--subsection-text p {
color: #72727c; }
body.m-theme__dark .m-marketing--section--subsection .m-marketing--section--subsection-text p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--section--subsection .m-marketing--section--subsection-text p, body.m-theme__dark
.m-marketingSection__subsection .m-marketing--section--subsection-text p,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketingSection__subsection .m-marketing--section--subsection-text p {
color: #b8c1ca; }
@media screen and (max-width: 480px) {
.m-marketing--section--subsection .m-marketing--section--subsection-text p,
.m-marketingSection__subsection .m-marketing--section--subsection-text p {
font-size: 18px; } }
.m-marketing--section--subsection .m-marketing--section--subsection-image img,
.m-marketingSection__subsection .m-marketing--section--subsection-image img {
max-width: 100%; }
.m-marketing--contents,
.m-marketing__contents {
max-width: 1280px;
padding: 64px 0 !important;
margin: auto;
justify-content: center; }
.m-marketing--contents .mdl-cell,
.m-marketing__contents .mdl-cell {
padding: 32px 16px;
text-align: center; }
body.m-theme__light .m-marketing--contents .mdl-cell,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--contents .mdl-cell, body.m-theme__light
.m-marketing__contents .mdl-cell,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__contents .mdl-cell {
color: #43434d; }
body.m-theme__dark .m-marketing--contents .mdl-cell,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--contents .mdl-cell, body.m-theme__dark
.m-marketing__contents .mdl-cell,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__contents .mdl-cell {
color: #ffffff; }
.m-marketing--contents .mdl-cell i,
.m-marketing__contents .mdl-cell i {
font-size: 64px; }
.m-marketing--contents .mdl-cell h2,
.m-marketing__contents .mdl-cell h2 {
padding: 0;
margin: 24px 0;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 30px;
font-weight: 800; }
.m-marketing--contents .mdl-cell p,
.m-marketing__contents .mdl-cell p {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.25px; }
.m-marketing--contents .mdl-cell span,
.m-marketing__contents .mdl-cell span {
letter-spacing: 0.25px; }
.m-marketing--contents + .m-marketing--contents,
.m-marketing__contents + .m-marketing--contents, .m-marketing--contents +
.m-marketing__contents,
.m-marketing__contents +
.m-marketing__contents {
padding-top: 0 !important; }
.m-marketing--contents.m-marketing--contents--middle,
.m-marketing__contents.m-marketing--contents--middle {
align-items: center; }
.m-marketing--header,
.m-marketing__header .m-marketing--hero,
.m-marketing__hero {
position: relative;
overflow: hidden; }
.m-marketing--header .m-marketing--background-video,
.m-marketing__header .m-marketing--hero .m-marketing--background-video,
.m-marketing__hero .m-marketing--background-video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.m-marketing--header .m-marketing--background-video > video,
.m-marketing--header .m-marketing--background-video img,
.m-marketing__header .m-marketing--hero .m-marketing--background-video > video,
.m-marketing__header .m-marketing--hero .m-marketing--background-video img,
.m-marketing__hero .m-marketing--background-video > video,
.m-marketing__hero .m-marketing--background-video img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.m-marketing- .m-marketing--onboarding {
margin: -115px auto 0;
display: block;
position: relative;
max-width: 1280px; }
.m-marketing- .m-marketing--onboarding form {
padding: 16px; }
.m-marketing--statement h2 {
text-align: center;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.25px; }
body.m-theme__light .m-marketing--statement h2,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--statement h2 {
color: #43434d; }
body.m-theme__dark .m-marketing--statement h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--statement h2 {
color: #ffffff; }
.m-marketing--faq {
max-width: 900px;
margin: auto;
padding: 16px; }
.m-marketing--faq .m-marketing--faq-aq {
padding: 16px 0; }
.m-marketing--faq .m-marketing--faq-aq h4 {
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
word-spacing: 5px;
font-weight: 600; }
.m-marketing--faq .m-marketing--faq-aq p {
font-size: 16px;
letter-spacing: 0.5px;
font-weight: 400; }
body.m-theme__light .m-marketing--faq .m-marketing--faq-aq p,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--faq .m-marketing--faq-aq p {
color: #000; }
body.m-theme__dark .m-marketing--faq .m-marketing--faq-aq p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--faq .m-marketing--faq-aq p {
color: #fff; }
.m-marketing .m-marketing--terms {
max-width: 600px;
margin: 16px auto;
display: block;
padding: 16px;
max-height: 600px;
overflow: scroll; }
body.m-theme__light .m-marketing .m-marketing--terms,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing .m-marketing--terms {
background-color: #ffffff; }
body.m-theme__dark .m-marketing .m-marketing--terms,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing .m-marketing--terms {
background-color: #242a30; }
.m-marketing--responsive-video {
position: relative;
width: 100%; }
.m-marketing--responsive-video.m-marketing--responsive-video-21-9 {
padding-bottom: 42.85%; }
.m-marketing--responsive-video.m-marketing--responsive-video-16-9 {
padding-bottom: 56.25%; }
.m-marketing--responsive-video.m-marketing--responsive-video-4-3 {
padding-bottom: 75%; }
.m-marketing--responsive-video > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.m-marketing--responsive-hero-image {
width: 100%; }
@media screen and (min-width: 768px) {
.m-marketing--responsive-hero-image {
height: calc(100vh - 52px); } }
.m-marketing--responsive-hero-image > img {
width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.m-marketing--responsive-hero-image.m-marketing--responsive-hero-image--top > img {
-o-object-position: top;
object-position: top; }
.m-marketing--responsive-hero-image.m-marketing--responsive-hero-image--bottom > img {
-o-object-position: bottom;
object-position: bottom; }
body.m-theme__light .m-marketing--section,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--section, body.m-theme__light
.m-marketing__section,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section {
background-color: #ffffff; }
body.m-theme__dark .m-marketing--section,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--section, body.m-theme__dark
.m-marketing__section,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section {
background-color: #242a30; }
.m-marketing--lr {
display: flex;
flex-direction: row;
align-items: center;
text-align: left;
padding: 100px 0;
max-width: 1400px;
margin: auto;
width: calc(100% - 64px); }
.m-marketing--lr > div {
flex: 1;
padding-left: 16px;
padding-right: 16px;
margin-left: 4%;
max-width: 40%; }
.m-marketing--icon-attributions {
padding: 0;
margin: 0;
list-style: none;
font-size: 11px; }
body.m-theme__light .m-marketing--icon-attributions,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--icon-attributions {
color: #9b9b9b;
border: none; }
body.m-theme__dark .m-marketing--icon-attributions,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--icon-attributions {
color: #797b82;
border: none; }
.m-marketing--icon-attributions img {
width: 24px; }
.m-marketing--icon-attributions a {
text-decoration: none; }
body.m-theme__light .m-marketing--icon-attributions a,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing--icon-attributions a {
color: #72727c; }
body.m-theme__dark .m-marketing--icon-attributions a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing--icon-attributions a {
color: #b8c1ca; }
.m-marketing--icon-attributions a:hover {
text-decoration: underline; }
.m-marketing__main a,
.m-marketing__section a {
font: inherit;
text-decoration: none;
cursor: pointer; }
body.m-theme__light .m-marketing__main a,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main a, body.m-theme__light
.m-marketing__section a,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section a {
color: #4690df; }
body.m-theme__dark .m-marketing__main a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main a, body.m-theme__dark
.m-marketing__section a,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section a {
color: #44aaff; }
@media screen and (max-width: 1168px) {
.m-marketing__main .m-marketing--hideMobile,
.m-marketing__section .m-marketing--hideMobile {
display: none; } }
.m-marketing__main .m-marketing__title,
.m-marketing__main h1,
.m-marketing__section .m-marketing__title,
.m-marketing__section h1 {
font-size: 22px;
line-height: 44px;
font-weight: bold;
opacity: 0.7;
margin: 12px 0 4px; }
body.m-theme__light .m-marketing__main .m-marketing__title,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main .m-marketing__title, body.m-theme__light
.m-marketing__main h1,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__main h1, body.m-theme__light
.m-marketing__section .m-marketing__title,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section .m-marketing__title, body.m-theme__light
.m-marketing__section h1,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section h1 {
color: #444; }
body.m-theme__dark .m-marketing__main .m-marketing__title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main .m-marketing__title, body.m-theme__dark
.m-marketing__main h1,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__main h1, body.m-theme__dark
.m-marketing__section .m-marketing__title,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section .m-marketing__title, body.m-theme__dark
.m-marketing__section h1,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section h1 {
color: #b7b7b7; }
.m-marketing__main .m-marketing__subtitle,
.m-marketing__main h2,
.m-marketing__section .m-marketing__subtitle,
.m-marketing__section h2 {
font-weight: 900;
font-size: 42px;
line-height: 44px;
margin: 0 0 23px;
position: relative;
z-index: 1; }
@media screen and (min-width: 900px) and (max-width: 1168px) {
.m-marketing__main .m-marketing__subtitle,
.m-marketing__main h2,
.m-marketing__section .m-marketing__subtitle,
.m-marketing__section h2 {
font-size: 32px;
line-height: 43px;
margin: 0 0 18px; } }
@media screen and (min-width: 540px) and (max-width: 900px) {
.m-marketing__main .m-marketing__subtitle,
.m-marketing__main h2,
.m-marketing__section .m-marketing__subtitle,
.m-marketing__section h2 {
font-size: 38px;
line-height: 39px; } }
.m-marketing__main .m-marketing__subtitle.m-marketing__subtitle--asTitle,
.m-marketing__main h2.m-marketing__subtitle--asTitle,
.m-marketing__section .m-marketing__subtitle.m-marketing__subtitle--asTitle,
.m-marketing__section h2.m-marketing__subtitle--asTitle {
font-size: 48px;
line-height: 53px;
margin: 0 0 26px; }
@media screen and (max-width: 1168px) {
.m-marketing__main .m-marketing__subtitle.m-marketing__subtitle--asTitle,
.m-marketing__main h2.m-marketing__subtitle--asTitle,
.m-marketing__section .m-marketing__subtitle.m-marketing__subtitle--asTitle,
.m-marketing__section h2.m-marketing__subtitle--asTitle {
font-size: 38px;
line-height: 46px;
margin: 0 0 21px; } }
.m-marketing__main .m-marketing__subtitle em,
.m-marketing__main h2 em,
.m-marketing__section .m-marketing__subtitle em,
.m-marketing__section h2 em {
font-style: inherit;
text-decoration: inherit;
white-space: break-spaces;
position: relative; }
.m-marketing__main .m-marketing__subtitle em::after,
.m-marketing__main h2 em::after,
.m-marketing__section .m-marketing__subtitle em::after,
.m-marketing__section h2 em::after {
content: '';
display: inline-block;
position: absolute;
background: rgba(80, 226, 195, 0.3);
top: 0.36em;
left: -0.03em;
right: -0.03em;
bottom: 0.22em;
pointer-events: none;
z-index: -1; }
.m-marketing__main .m-marketing__subtitle em + em::after,
.m-marketing__main h2 em + em::after,
.m-marketing__section .m-marketing__subtitle em + em::after,
.m-marketing__section h2 em + em::after {
left: -0.25em; }
.m-marketing__main p.m-marketing__description,
.m-marketing__section p.m-marketing__description {
font-size: 18px;
line-height: 27px;
margin: 0 0 36px; }
@media screen and (min-width: 700px) and (max-width: 1168px) {
.m-marketing__main p.m-marketing__description,
.m-marketing__section p.m-marketing__description {
font-size: 16px;
line-height: 24px; } }
@media screen and (min-width: 540px) and (max-width: 700px) {
.m-marketing__main p.m-marketing__description,
.m-marketing__section p.m-marketing__description {
font-size: 15px;
line-height: 22px; } }
.m-marketing__main ul.m-marketing__points,
.m-marketing__section ul.m-marketing__points {
list-style: disc;
margin: 0 0 45px;
padding: 0 0 0 1em;
font-size: 16px;
line-height: 21px; }
.m-marketing__main ul.m-marketing__points > li,
.m-marketing__section ul.m-marketing__points > li {
margin-bottom: 19px; }
.m-marketing__main ul.m-marketing__points > li:last-child,
.m-marketing__section ul.m-marketing__points > li:last-child {
margin-bottom: 0; }
.m-marketing__main .m-marketing__actionButtons > *,
.m-marketing__section .m-marketing__actionButtons > * {
margin: 0 25px 0 0; }
@media screen and (max-width: 1168px) {
.m-marketing__main .m-marketing__actionButtons > *,
.m-marketing__section .m-marketing__actionButtons > * {
margin: 0 0 20px; } }
.m-marketing__main .m-marketing__actionButtons > *:last-child,
.m-marketing__section .m-marketing__actionButtons > *:last-child {
margin-right: initial; }
.m-marketing__main a.m-marketing__link,
.m-marketing__section a.m-marketing__link {
text-decoration: none; }
body.m-theme__light .m-marketing__main a.m-marketing__link,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main a.m-marketing__link, body.m-theme__light
.m-marketing__section a.m-marketing__link,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section a.m-marketing__link {
color: #4690df; }
body.m-theme__dark .m-marketing__main a.m-marketing__link,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main a.m-marketing__link, body.m-theme__dark
.m-marketing__section a.m-marketing__link,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section a.m-marketing__link {
color: #44aaff; }
@media screen and (max-width: 540px) {
.m-marketing__main .m-marketing__links,
.m-marketing__section .m-marketing__links {
text-align: center; } }
.m-marketing__main .m-marketing__links h3,
.m-marketing__section .m-marketing__links h3 {
margin: 0;
font-size: 15px;
line-height: 20px;
opacity: 0.5;
font-weight: normal; }
body.m-theme__light .m-marketing__main .m-marketing__links h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main .m-marketing__links h3, body.m-theme__light
.m-marketing__section .m-marketing__links h3,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section .m-marketing__links h3 {
color: #444; }
body.m-theme__dark .m-marketing__main .m-marketing__links h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main .m-marketing__links h3, body.m-theme__dark
.m-marketing__section .m-marketing__links h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section .m-marketing__links h3 {
color: #b7b7b7; }
.m-marketing__main .m-marketing__links ol,
.m-marketing__section .m-marketing__links ol {
padding: 0;
margin: 10px 0 30px 0px;
list-style: none;
counter-reset: item; }
.m-marketing__main .m-marketing__links ol li,
.m-marketing__section .m-marketing__links ol li {
counter-increment: item;
font-size: 17px;
font-weight: 400; }
body.m-theme__light .m-marketing__main .m-marketing__links ol li,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main .m-marketing__links ol li, body.m-theme__light
.m-marketing__section .m-marketing__links ol li,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section .m-marketing__links ol li {
color: #72727c; }
body.m-theme__dark .m-marketing__main .m-marketing__links ol li,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main .m-marketing__links ol li, body.m-theme__dark
.m-marketing__section .m-marketing__links ol li,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section .m-marketing__links ol li {
color: #b8c1ca; }
.m-marketing__main .m-marketing__links ol li:before,
.m-marketing__section .m-marketing__links ol li:before {
margin-right: 10px;
content: counter(item) "."; }
.m-marketing__main .m-marketing__links ul,
.m-marketing__section .m-marketing__links ul {
margin: 13px 0 0 0;
padding: 0;
list-style: none; }
.m-marketing__main .m-marketing__links ul > li,
.m-marketing__section .m-marketing__links ul > li {
margin: 0 0 10px;
font-size: 15px;
line-height: 20px; }
.m-marketing__main .m-marketing__links ul > li:last-child,
.m-marketing__section .m-marketing__links ul > li:last-child {
margin: 0; }
.m-marketing__main .m-marketing__links a > *,
.m-marketing__section .m-marketing__links a > * {
vertical-align: middle; }
.m-marketing__main .m-marketing__links a i.material-icons,
.m-marketing__section .m-marketing__links a i.material-icons {
margin-left: 0.35em;
font-size: 16px;
line-height: 16px;
opacity: 0.4; }
body.m-theme__light .m-marketing__main .m-marketing__links a i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main .m-marketing__links a i.material-icons, body.m-theme__light
.m-marketing__section .m-marketing__links a i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section .m-marketing__links a i.material-icons {
color: #444; }
body.m-theme__dark .m-marketing__main .m-marketing__links a i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main .m-marketing__links a i.material-icons, body.m-theme__dark
.m-marketing__section .m-marketing__links a i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section .m-marketing__links a i.material-icons {
color: #b7b7b7; }
.m-marketing__main span.m-marketing__imageUX span.m-marketing__imageTick,
.m-marketing__section span.m-marketing__imageUX span.m-marketing__imageTick {
border-radius: 50%;
background-color: #4fc3a9;
color: white;
width: 63px;
height: 63px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 39px -4px rgba(0, 0, 0, 0.5);
z-index: 3; }
@media screen and (max-width: 480px) {
.m-marketing__main span.m-marketing__imageUX span.m-marketing__imageTick,
.m-marketing__section span.m-marketing__imageUX span.m-marketing__imageTick {
width: 10vw;
height: 10vw;
font-size: 5vw; } }
.m-marketing__main span.m-marketing__imageUX .m-marketing__imageTick--left,
.m-marketing__section span.m-marketing__imageUX .m-marketing__imageTick--left {
position: absolute;
bottom: 62px;
left: -21px; }
@media screen and (min-width: 480px) and (max-width: 1168px) {
.m-marketing__main span.m-marketing__imageUX .m-marketing__imageTick--left,
.m-marketing__section span.m-marketing__imageUX .m-marketing__imageTick--left {
bottom: -23%;
left: 8.5%; } }
@media screen and (max-width: 480px) {
.m-marketing__main span.m-marketing__imageUX .m-marketing__imageTick--left,
.m-marketing__section span.m-marketing__imageUX .m-marketing__imageTick--left {
bottom: -27%;
left: 2.5%; } }
.m-marketing__main span.m-marketing__imageUX .m-marketing__imageTick--right,
.m-marketing__section span.m-marketing__imageUX .m-marketing__imageTick--right {
position: absolute;
bottom: 8px;
left: -45px; }
@media screen and (min-width: 480px) and (max-width: 1168px) {
.m-marketing__main span.m-marketing__imageUX .m-marketing__imageTick--right,
.m-marketing__section span.m-marketing__imageUX .m-marketing__imageTick--right {
bottom: 0;
right: 0;
left: auto; } }
@media screen and (max-width: 480px) {
.m-marketing__main span.m-marketing__imageUX .m-marketing__imageTick--right,
.m-marketing__section span.m-marketing__imageUX .m-marketing__imageTick--right {
bottom: -27%;
left: 2.5%; } }
.m-marketing__main span.m-marketing__imageUX img,
.m-marketing__section span.m-marketing__imageUX img {
box-shadow: 0 0 39px -4px rgba(0, 0, 0, 0.5); }
.m-marketing__main .m-marketing__quotation,
.m-marketing__section .m-marketing__quotation {
display: flex;
flex-direction: column;
align-items: flex-end;
margin: 0 auto; }
@media screen and (min-width: 900px) {
.m-marketing__main .m-marketing__quotation,
.m-marketing__section .m-marketing__quotation {
width: 730px; } }
@media screen and (max-width: 900px) {
.m-marketing__main .m-marketing__quotation,
.m-marketing__section .m-marketing__quotation {
width: auto; } }
.m-marketing__main .m-marketing__quotation h3,
.m-marketing__section .m-marketing__quotation h3 {
font-size: 28px;
font-weight: bold;
line-height: 37px;
margin-bottom: 0; }
.m-marketing__main .m-marketing__quotation h4,
.m-marketing__section .m-marketing__quotation h4 {
font-size: 14px;
line-height: 19px;
margin: 0; }
body.m-theme__light .m-marketing__main .m-marketing__quotation h4,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main .m-marketing__quotation h4, body.m-theme__light
.m-marketing__section .m-marketing__quotation h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section .m-marketing__quotation h4 {
color: #999; }
body.m-theme__dark .m-marketing__main .m-marketing__quotation h4,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main .m-marketing__quotation h4, body.m-theme__dark
.m-marketing__section .m-marketing__quotation h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section .m-marketing__quotation h4 {
color: #626262; }
.m-marketing__main .m-marketing__imageContainer,
.m-marketing__section .m-marketing__imageContainer {
max-height: 600px; }
@media screen and (max-width: 1168px) {
.m-marketing__main .m-marketing__imageContainer,
.m-marketing__section .m-marketing__imageContainer {
transform: translateX(-50px); } }
@media screen and (max-width: 540px) {
.m-marketing__main .m-marketing__imageContainer,
.m-marketing__section .m-marketing__imageContainer {
transform: unset; } }
@media screen and (min-width: 1168px) {
.m-marketing__main .m-marketing__imageContainer span::before,
.m-marketing__section .m-marketing__imageContainer span::before {
transform: translate(-45px, -200px) !important; } }
@media screen and (min-width: 1168px) {
.m-marketing__main .m-marketing__imageContainer span .m-marketing__image--tall,
.m-marketing__section .m-marketing__imageContainer span .m-marketing__image--tall {
transform: translate(-100px, -100px);
height: 800px !important;
width: 600px !important; } }
@media screen and (max-width: 540px) {
.m-marketing__main .m-marketing__buttonWrapper,
.m-marketing__section .m-marketing__buttonWrapper {
display: flex;
justify-content: center; } }
body.m-theme__light .m-marketing__main.m-marketing__section--style-1,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-1, body.m-theme__light
.m-marketing__section.m-marketing__section--style-1,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-1 {
background: linear-gradient(180deg, #fff 0%, #f9fafc 100%); }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-1,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-1, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-1,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-1 {
background: linear-gradient(180deg, #202527 0%, #202527 100%); }
.m-marketing__main.m-marketing__section--style-1 .m-marketing__wrapper,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__wrapper {
position: relative;
z-index: 0;
padding: 95px 0 85px; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-1 .m-marketing__wrapper,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__wrapper {
padding: 50px 0;
margin: 0 20px; } }
.m-marketing__main.m-marketing__section--style-1 .m-marketing__body,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__body {
position: relative; }
.m-marketing__main.m-marketing__section--style-1 .m-marketing__body::after,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__body::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 383px;
height: 388px;
transform: translate(-290px, 97px);
background: url("/static/en//assets/marketing/deco_2.svg") no-repeat;
z-index: -1;
opacity: 0.6; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-1 .m-marketing__body::after,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__body::after {
transform: translate(170px, -180px);
left: auto;
right: 0; } }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-1 h2,
.m-marketing__main.m-marketing__section--style-1 .m-marketing__subtitle,
.m-marketing__section.m-marketing__section--style-1 h2,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__subtitle {
padding: 0 30px; } }
body.m-theme__light .m-marketing__main.m-marketing__section--style-1 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-1 p.m-marketing__description, body.m-theme__light
.m-marketing__section.m-marketing__section--style-1 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-1 p.m-marketing__description {
color: #999; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-1 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-1 p.m-marketing__description, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-1 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-1 p.m-marketing__description {
color: #626262; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-1 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-1 p.m-marketing__description {
padding: 0 30px; } }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-1 ul.m-marketing__points,
.m-marketing__section.m-marketing__section--style-1 ul.m-marketing__points {
padding: 0 30px 0 50px; } }
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image {
position: relative;
align-self: center;
z-index: 0; }
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image span,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image span {
display: block;
position: relative;
width: 528px;
height: 415px; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image span,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image span {
width: 313px;
height: 237px;
margin: 0 auto; } }
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image span::before,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image span::before {
content: '';
display: block;
position: absolute;
width: 393px;
height: 193px;
top: 0;
left: 0;
transform: translate(61px, 179px);
background: url("/static/en//assets/marketing/deco_1.svg") no-repeat;
z-index: -1; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image span::before,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image span::before {
top: 0;
left: 0;
width: 377px;
height: 193px;
transform: translate(-32px, 18px);
background-size: cover; } }
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image span::after,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image span::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 383px;
height: 383px;
transform: translate(178px, -95px);
background: url("/static/en//assets/marketing/deco_2.svg") no-repeat;
z-index: -1; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image span::after,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image span::after {
content: initial;
display: none; } }
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image img,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image img {
position: absolute;
-o-object-fit: cover;
object-fit: cover; }
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image .m-marketing__image--1,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image .m-marketing__image--1 {
top: 0;
left: 90px;
width: 327px;
height: 327px; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image .m-marketing__image--1,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image .m-marketing__image--1 {
top: 0;
left: 0;
width: 190px;
height: 190px; } }
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image .m-marketing__image--2,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image .m-marketing__image--2 {
top: 295px;
left: 0;
width: 181px;
height: 120px; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image .m-marketing__image--2,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image .m-marketing__image--2 {
display: none; } }
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image .m-marketing__image--3,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image .m-marketing__image--3 {
top: 163px;
left: 358px;
width: 170px;
height: 198px; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-1 .m-marketing__image .m-marketing__image--3,
.m-marketing__section.m-marketing__section--style-1 .m-marketing__image .m-marketing__image--3 {
top: 65px;
left: 165px;
width: 148px;
height: 172px; } }
.m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__wrapper {
position: relative;
z-index: 0;
padding: 72px 0 0;
margin-bottom: 95px; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-2 .m-marketing__wrapper,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__wrapper {
padding: 0;
margin-bottom: 15px; } }
.m-marketing__main.m-marketing__section--style-2 .m-marketing__body,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body {
position: relative; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-2 .m-marketing__body,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body {
padding: 0 30px 0; } }
@media screen and (min-width: 540px) and (max-width: 900px) {
.m-marketing__main.m-marketing__section--style-2 .m-marketing__body,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body {
padding: 0 60px 60px;
margin-left: 30px; } }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-2 .m-marketing__body,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body {
padding: 0 30px 30px; } }
.m-marketing__main.m-marketing__section--style-2 .m-marketing__body::before,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body::before {
content: '';
position: absolute;
top: 0;
right: -290px;
bottom: -56px;
left: 0;
transform: translate(-86px, -56px);
-webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 92%, 100% 0%);
clip-path: polygon(0% 0%, 0% 100%, 100% 92%, 100% 0%);
z-index: -1; }
@media screen and (min-width: 540px) and (max-width: 900px) {
.m-marketing__main.m-marketing__section--style-2 .m-marketing__body::before,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body::before {
transform: translate(0, -56px); } }
body.m-theme__light .m-marketing__main.m-marketing__section--style-2 .m-marketing__body::before,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-2 .m-marketing__body::before, body.m-theme__light
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body::before,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body::before {
background: linear-gradient(180deg, #f6eded 0%, #f5f5fe 99.99%); }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-2 .m-marketing__body::before,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-2 .m-marketing__body::before, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body::before,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body::before {
background: linear-gradient(180deg, #4e5965 0%, #58565c 99.99%); }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-2 .m-marketing__body::before,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body::before {
right: 0;
bottom: -3vw;
transform: none;
-webkit-clip-path: none;
clip-path: none; } }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-2 .m-marketing__body h1,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-2 .m-marketing__body h1, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body h1,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body h1 {
color: #ffffff; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-2 .m-marketing__body h1,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body h1 {
margin: 15px 0 15px;
text-align: center; } }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-2 .m-marketing__body h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-2 .m-marketing__body h2, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body h2 {
color: #ffffff; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-2 .m-marketing__body h2,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__body h2 {
font-size: 28px;
line-height: 32px;
margin: 0 0 17px;
text-align: center; } }
body.m-theme__light .m-marketing__main.m-marketing__section--style-2 ul.m-marketing__points li,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-2 ul.m-marketing__points li, body.m-theme__light
.m-marketing__section.m-marketing__section--style-2 ul.m-marketing__points li,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-2 ul.m-marketing__points li {
color: #999; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-2 ul.m-marketing__points li,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-2 ul.m-marketing__points li, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-2 ul.m-marketing__points li,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-2 ul.m-marketing__points li {
color: #626262; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-2 ul.m-marketing__points li,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-2 ul.m-marketing__points li, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-2 ul.m-marketing__points li,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-2 ul.m-marketing__points li {
color: #b7b7b7; }
.m-marketing__main.m-marketing__section--style-2 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-2 p.m-marketing__description {
margin-bottom: 42px; }
@media screen and (min-width: 900px) {
.m-marketing__main.m-marketing__section--style-2 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-2 p.m-marketing__description {
padding-right: 200px; } }
@media screen and (min-width: 900px) and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-2 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-2 p.m-marketing__description {
padding-right: 100px; } }
@media screen and (max-width: 900px) {
.m-marketing__main.m-marketing__section--style-2 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-2 p.m-marketing__description {
padding-right: 0; } }
body.m-theme__light .m-marketing__main.m-marketing__section--style-2 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-2 p.m-marketing__description, body.m-theme__light
.m-marketing__section.m-marketing__section--style-2 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-2 p.m-marketing__description {
color: #999; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-2 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-2 p.m-marketing__description, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-2 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-2 p.m-marketing__description {
color: #626262; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-2 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-2 p.m-marketing__description, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-2 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-2 p.m-marketing__description {
color: #ffffff; }
@media screen and (min-width: 540px) and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-2 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-2 p.m-marketing__description {
font-size: 17px;
line-height: 24px; } }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-2 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-2 p.m-marketing__description {
padding-right: 0;
margin-bottom: 30px;
font-size: 16px;
line-height: 23px;
text-align: center; } }
.m-marketing__main.m-marketing__section--style-2 .m-marketing__image,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__image {
position: relative;
z-index: 0; }
.m-marketing__main.m-marketing__section--style-2 .m-marketing__image img,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__image img {
-o-object-fit: cover;
object-fit: cover;
width: 438px;
height: 547px;
-webkit-clip-path: polygon(0% 1%, 0% 97%, 100% 100%, 100% 0%);
clip-path: polygon(0% 1%, 0% 97%, 100% 100%, 100% 0%); }
@media screen and (min-width: 540px) and (max-width: 900px) {
.m-marketing__main.m-marketing__section--style-2 .m-marketing__image img,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__image img {
width: 338px; }
.m-marketing__main.m-marketing__section--style-2 .m-marketing__image img.m-marketing__image--tall,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__image img.m-marketing__image--tall {
width: 348px; } }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-2 .m-marketing__image img,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__image img {
width: 100vw;
height: 100vw;
-webkit-clip-path: polygon(0% 2%, 0% 97%, 100% 100%, 100% 0%);
clip-path: polygon(0% 2%, 0% 97%, 100% 100%, 100% 0%); }
.m-marketing__main.m-marketing__section--style-2 .m-marketing__image img.m-marketing__image--tall,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__image img.m-marketing__image--tall {
max-width: 100vw;
max-height: 100vw;
-webkit-clip-path: unset;
clip-path: unset;
-o-object-fit: contain;
object-fit: contain; } }
.m-marketing__main.m-marketing__section--style-2 .m-marketing__image span,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__image span {
display: inline-block;
position: relative; }
.m-marketing__main.m-marketing__section--style-2 .m-marketing__image span::before,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__image span::before {
content: '';
display: block;
position: absolute;
width: 393px;
height: 193px;
bottom: 0;
right: 0;
transform: translate(45px, 32px);
background: url("/static/en//assets/marketing/deco_1.svg") no-repeat;
z-index: -1; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-2 .m-marketing__image span::before,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__image span::before {
content: initial;
display: none; } }
.m-marketing__main.m-marketing__section--style-2 .m-marketing__image span::after,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__image span::after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 284px;
height: 262px;
transform: translate(35px, -35px);
background: url("/static/en//assets/marketing/deco_2-straight.svg") no-repeat;
z-index: -1; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-2 .m-marketing__image span::after,
.m-marketing__section.m-marketing__section--style-2 .m-marketing__image span::after {
content: initial;
display: none; } }
.m-marketing__main.m-marketing__section--style-3,
.m-marketing__section.m-marketing__section--style-3 {
margin-bottom: 100px; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-3,
.m-marketing__section.m-marketing__section--style-3 {
margin-bottom: 80px; } }
.m-marketing__main.m-marketing__section--style-3 .m-marketing__wrapper,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__wrapper {
position: relative;
z-index: 0;
padding: 80px 0 80px; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-3 .m-marketing__wrapper,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__wrapper {
padding: 0; } }
.m-marketing__main.m-marketing__section--style-3 .m-marketing__body,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__body {
position: relative;
margin: auto 0;
padding: 0 60px;
min-height: 330px; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-3 .m-marketing__body,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__body {
padding: 0 30px 0;
min-height: 0; } }
.m-marketing__main.m-marketing__section--style-3 .m-marketing__body::before,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__body::before {
content: '';
position: absolute;
top: 0;
right: -360px;
left: 0;
bottom: auto;
height: calc(100% + 160px);
transform: translate(-230px, -80px);
-webkit-clip-path: polygon(0% 6%, 0% 95%, 100% 100%, 100% 0%);
clip-path: polygon(0% 6%, 0% 95%, 100% 100%, 100% 0%);
z-index: -1; }
body.m-theme__light .m-marketing__main.m-marketing__section--style-3 .m-marketing__body::before,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-3 .m-marketing__body::before, body.m-theme__light
.m-marketing__section.m-marketing__section--style-3 .m-marketing__body::before,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-3 .m-marketing__body::before {
background: linear-gradient(180deg, #f6eded 0%, #f5f5fe 99.99%); }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-3 .m-marketing__body::before,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-3 .m-marketing__body::before, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-3 .m-marketing__body::before,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-3 .m-marketing__body::before {
background: linear-gradient(180deg, #4e5965 0%, #58565c 99.99%); }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-3 .m-marketing__body::before,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__body::before {
content: initial;
display: none; } }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-3 .m-marketing__body h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-3 .m-marketing__body h2, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-3 .m-marketing__body h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-3 .m-marketing__body h2 {
color: #ffffff; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-3 .m-marketing__body h2,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__body h2 {
font-size: 28px;
line-height: 32px;
margin: 20px 0 17px;
text-align: center; } }
.m-marketing__main.m-marketing__section--style-3 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-3 p.m-marketing__description {
margin-bottom: 42px;
padding: 0; }
body.m-theme__light .m-marketing__main.m-marketing__section--style-3 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-3 p.m-marketing__description, body.m-theme__light
.m-marketing__section.m-marketing__section--style-3 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-3 p.m-marketing__description {
color: #999; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-3 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-3 p.m-marketing__description, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-3 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-3 p.m-marketing__description {
color: #626262; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-3 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-3 p.m-marketing__description, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-3 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-3 p.m-marketing__description {
color: #ffffff; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-3 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-3 p.m-marketing__description {
padding-right: 0;
margin-bottom: 30px;
font-size: 16px;
line-height: 23px;
text-align: center; } }
body.m-theme__light .m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points, body.m-theme__light
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points {
color: #999; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points {
color: #626262; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points {
color: #ffffff; }
.m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points > li em,
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points > li em {
font-style: normal; }
body.m-theme__light .m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points > li em, body.m-theme__light
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points > li em {
color: #000; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points > li em, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points > li em {
color: #fff; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-3 ul.m-marketing__points > li em, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-3 ul.m-marketing__points > li em {
color: #ffffff;
font-weight: bold; }
.m-marketing__main.m-marketing__section--style-3 .m-marketing__image,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__image {
position: relative;
z-index: 0;
grid-column-start: 1;
grid-row: 1; }
@media screen and (min-width: 540px) and (max-width: 900px) {
.m-marketing__main.m-marketing__section--style-3 .m-marketing__image,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__image {
margin-left: 60px; } }
.m-marketing__main.m-marketing__section--style-3 .m-marketing__image img.m-marketing__image--1,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__image img.m-marketing__image--1 {
-o-object-fit: cover;
object-fit: cover;
width: 438px;
height: 518px;
-webkit-clip-path: polygon(0% 1%, 0% 100%, 100% 96%, 100% 0%);
clip-path: polygon(0% 1%, 0% 100%, 100% 96%, 100% 0%); }
@media screen and (min-width: 540px) and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-3 .m-marketing__image img.m-marketing__image--1,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__image img.m-marketing__image--1 {
width: 100%; } }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-3 .m-marketing__image img.m-marketing__image--1,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__image img.m-marketing__image--1 {
width: 100vw;
height: 100vw;
-webkit-clip-path: polygon(0% 1%, 0% 100%, 100% 97%, 100% 0%);
clip-path: polygon(0% 1%, 0% 100%, 100% 97%, 100% 0%); } }
.m-marketing__main.m-marketing__section--style-3 .m-marketing__image img.m-marketing__image--2,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__image img.m-marketing__image--2 {
-o-object-fit: contain;
object-fit: contain;
width: 358px;
height: 191px;
position: absolute;
right: 0;
bottom: 35px;
transform: translate(15px, 0); }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-3 .m-marketing__image img.m-marketing__image--2,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__image img.m-marketing__image--2 {
right: auto;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
width: 85vw;
height: 45.35vw; } }
.m-marketing__main.m-marketing__section--style-3 .m-marketing__image span,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__image span {
display: inline-block;
position: relative;
width: 100%; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-3 .m-marketing__image span,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__image span {
margin-bottom: calc( 20vw + 40px); }
.m-marketing__main.m-marketing__section--style-3 .m-marketing__image span.m-marketing__image--noUxSample,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__image span.m-marketing__image--noUxSample {
margin-bottom: 40px; } }
.m-marketing__main.m-marketing__section--style-3 .m-marketing__image span::after,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__image span::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 191px;
height: 191px;
transform: translate(-60px, -58px);
background: url("/static/en//assets/marketing/deco_3.svg") no-repeat;
z-index: -1; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-3 .m-marketing__image span::after,
.m-marketing__section.m-marketing__section--style-3 .m-marketing__image span::after {
content: initial;
display: none; } }
.m-marketing__main.m-marketing__section--style-4,
.m-marketing__section.m-marketing__section--style-4 {
margin-bottom: 100px; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-4,
.m-marketing__section.m-marketing__section--style-4 {
margin-bottom: 80px; } }
.m-marketing__main.m-marketing__section--style-4 .m-marketing__wrapper,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__wrapper {
position: relative;
z-index: 0; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__wrapper,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__wrapper {
padding: 0; } }
.m-marketing__main.m-marketing__section--style-4 .m-marketing__body,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__body {
position: relative;
margin: auto 0;
padding: 0;
min-height: 360px; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__body,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__body {
padding: 0 30px 0;
min-height: 0; } }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-4 .m-marketing__body h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-4 .m-marketing__body h2, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-4 .m-marketing__body h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-4 .m-marketing__body h2 {
color: #ffffff; }
@media screen and (min-width: 540px) and (max-width: 900px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__body h2,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__body h2 {
font-size: 40px !important;
line-height: 39px !important;
text-align: left !important; } }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__body h2,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__body h2 {
font-size: 28px;
line-height: 32px;
margin: 20px 0 17px; } }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__body h2,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__body h2 {
text-align: center; } }
.m-marketing__main.m-marketing__section--style-4 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-4 p.m-marketing__description {
margin-bottom: 42px; }
@media screen and (min-width: 768px) {
.m-marketing__main.m-marketing__section--style-4 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-4 p.m-marketing__description {
padding-right: 200px; } }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-4 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-4 p.m-marketing__description {
margin-bottom: 30px; } }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-4 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-4 p.m-marketing__description {
text-align: center; } }
.m-marketing__main.m-marketing__section--style-4 ol.m-marketing__description,
.m-marketing__section.m-marketing__section--style-4 ol.m-marketing__description {
padding-left: 16px; }
.m-marketing__main.m-marketing__section--style-4 ol.m-marketing__description > li,
.m-marketing__section.m-marketing__section--style-4 ol.m-marketing__description > li {
margin-bottom: 16px;
font-size: 18px;
line-height: 27px; }
body.m-theme__light .m-marketing__main.m-marketing__section--style-4 ol.m-marketing__description > li,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-4 ol.m-marketing__description > li, body.m-theme__light
.m-marketing__main.m-marketing__section--style-4 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__main.m-marketing__section--style-4 p.m-marketing__description, body.m-theme__light
.m-marketing__section.m-marketing__section--style-4 ol.m-marketing__description > li,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-4 ol.m-marketing__description > li, body.m-theme__light
.m-marketing__section.m-marketing__section--style-4 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-4 p.m-marketing__description {
color: #999; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-4 ol.m-marketing__description > li,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-4 ol.m-marketing__description > li, body.m-theme__dark
.m-marketing__main.m-marketing__section--style-4 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__main.m-marketing__section--style-4 p.m-marketing__description, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-4 ol.m-marketing__description > li,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-4 ol.m-marketing__description > li, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-4 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-4 p.m-marketing__description {
color: #626262; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-4 ol.m-marketing__description > li,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-4 ol.m-marketing__description > li, body.m-theme__dark
.m-marketing__main.m-marketing__section--style-4 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__main.m-marketing__section--style-4 p.m-marketing__description, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-4 ol.m-marketing__description > li,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-4 ol.m-marketing__description > li, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-4 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-4 p.m-marketing__description {
color: #ffffff; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-4 ol.m-marketing__description > li,
.m-marketing__main.m-marketing__section--style-4 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-4 ol.m-marketing__description > li,
.m-marketing__section.m-marketing__section--style-4 p.m-marketing__description {
padding-right: 0;
margin-bottom: 30px;
font-size: 16px;
line-height: 27px; } }
body.m-theme__light .m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points, body.m-theme__light
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points {
color: #999; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points {
color: #626262; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points {
color: #ffffff; }
.m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points > li em,
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points > li em {
font-style: normal; }
body.m-theme__light .m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points > li em, body.m-theme__light
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points > li em {
color: #000; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points > li em, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points > li em {
color: #fff; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-4 ul.m-marketing__points > li em, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-4 ul.m-marketing__points > li em {
color: #ffffff;
font-weight: bold; }
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image {
position: relative;
z-index: 0; }
@media screen and (min-width: 540px) and (max-width: 900px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image {
margin-right: 60px; } }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image {
grid-row: 1; } }
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image img.m-marketing__image--1,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image img.m-marketing__image--1 {
-o-object-fit: cover;
object-fit: cover;
width: 438px;
height: 547px;
-webkit-clip-path: polygon(0% 1%, 0% 96%, 100% 100%, 100% 0%);
clip-path: polygon(0% 1%, 0% 96%, 100% 100%, 100% 0%); }
@media screen and (min-width: 540px) and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image img.m-marketing__image--1,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image img.m-marketing__image--1 {
width: 100%; } }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image img.m-marketing__image--1,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image img.m-marketing__image--1 {
width: 100vw;
height: 100vw;
-webkit-clip-path: polygon(0% 1%, 0% 97%, 100% 100%, 100% 0%);
clip-path: polygon(0% 1%, 0% 97%, 100% 100%, 100% 0%); } }
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image img.m-marketing__image--2,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image img.m-marketing__image--2 {
-o-object-fit: contain;
object-fit: contain;
width: 358px;
height: 191px;
position: absolute;
left: 0;
bottom: 35px;
transform: translate(-15px, 0);
z-index: 2; }
@media screen and (min-width: 540px) and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image img.m-marketing__image--2,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image img.m-marketing__image--2 {
width: 100%;
height: auto; } }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image img.m-marketing__image--2,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image img.m-marketing__image--2 {
right: auto;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
width: 85vw;
height: 45.35vw; } }
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image span:not(.m-marketing__imageUX):not(.m-marketing__imageTick),
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image span:not(.m-marketing__imageUX):not(.m-marketing__imageTick) {
display: inline-block;
position: relative;
width: 100%;
text-align: right; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image span:not(.m-marketing__imageUX):not(.m-marketing__imageTick),
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image span:not(.m-marketing__imageUX):not(.m-marketing__imageTick) {
margin-bottom: calc( 20vw + 40px); }
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image span:not(.m-marketing__imageUX):not(.m-marketing__imageTick).m-marketing__image--noUxSample,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image span:not(.m-marketing__imageUX):not(.m-marketing__imageTick).m-marketing__image--noUxSample {
margin-bottom: 40px; } }
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image span:not(.m-marketing__imageUX):not(.m-marketing__imageTick)::after,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image span:not(.m-marketing__imageUX):not(.m-marketing__imageTick)::after {
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 169px;
height: 169px;
transform: translate(50px, 50px);
background: url("/static/en//assets/marketing/deco_4.svg") no-repeat;
z-index: -1; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--style-4 .m-marketing__image span:not(.m-marketing__imageUX):not(.m-marketing__imageTick)::after,
.m-marketing__section.m-marketing__section--style-4 .m-marketing__image span:not(.m-marketing__imageUX):not(.m-marketing__imageTick)::after {
content: initial;
display: none; } }
.m-marketing__main.m-marketing__section--style-5,
.m-marketing__section.m-marketing__section--style-5 {
margin-bottom: 100px; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-5,
.m-marketing__section.m-marketing__section--style-5 {
margin-bottom: 80px; } }
.m-marketing__main.m-marketing__section--style-5 .m-marketing__wrapper,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__wrapper {
position: relative;
z-index: 0;
padding: 80px 0 80px; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-5 .m-marketing__wrapper,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__wrapper {
padding: 0; } }
.m-marketing__main.m-marketing__section--style-5 .m-marketing__body,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__body {
position: relative;
padding: 95px 0 0; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-5 .m-marketing__body,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__body {
padding: 0 30px 0; } }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-5 .m-marketing__body h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-5 .m-marketing__body h2, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-5 .m-marketing__body h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-5 .m-marketing__body h2 {
color: #ffffff; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-5 .m-marketing__body h2,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__body h2 {
font-size: 28px;
line-height: 32px;
margin: 0 0 17px;
text-align: center; } }
.m-marketing__main.m-marketing__section--style-5 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-5 p.m-marketing__description {
margin-bottom: 42px; }
@media screen and (min-width: 768px) {
.m-marketing__main.m-marketing__section--style-5 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-5 p.m-marketing__description {
padding-right: 200px; } }
body.m-theme__light .m-marketing__main.m-marketing__section--style-5 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-5 p.m-marketing__description, body.m-theme__light
.m-marketing__section.m-marketing__section--style-5 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-5 p.m-marketing__description {
color: #999; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-5 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-5 p.m-marketing__description, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-5 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-5 p.m-marketing__description {
color: #626262; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-5 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-5 p.m-marketing__description, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-5 p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-5 p.m-marketing__description {
color: #ffffff; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-5 p.m-marketing__description,
.m-marketing__section.m-marketing__section--style-5 p.m-marketing__description {
padding-right: 0;
margin-bottom: 30px;
font-size: 16px;
line-height: 23px;
text-align: center; } }
body.m-theme__light .m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points, body.m-theme__light
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points {
color: #999; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points {
color: #626262; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points {
color: #ffffff; }
.m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points > li em,
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points > li em {
font-style: normal; }
body.m-theme__light .m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points > li em, body.m-theme__light
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points > li em {
color: #000; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points > li em, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points > li em {
color: #fff; }
body.m-theme__dark .m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--style-5 ul.m-marketing__points > li em, body.m-theme__dark
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points > li em,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--style-5 ul.m-marketing__points > li em {
color: #ffffff;
font-weight: bold; }
.m-marketing__main.m-marketing__section--style-5 .m-marketing__image,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__image {
position: relative;
z-index: 0;
grid-column-start: 1;
grid-row: 1; }
.m-marketing__main.m-marketing__section--style-5 .m-marketing__image img.m-marketing__image--1,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__image img.m-marketing__image--1 {
-o-object-fit: cover;
object-fit: cover;
width: 438px;
height: 518px;
-webkit-clip-path: polygon(0% 1%, 0% 100%, 100% 96%, 100% 0%);
clip-path: polygon(0% 1%, 0% 100%, 100% 96%, 100% 0%); }
@media screen and (min-width: 540px) and (max-width: 900px) {
.m-marketing__main.m-marketing__section--style-5 .m-marketing__image img.m-marketing__image--1,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__image img.m-marketing__image--1 {
width: 100%; } }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-5 .m-marketing__image img.m-marketing__image--1,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__image img.m-marketing__image--1 {
width: 100vw;
height: 100vw;
-webkit-clip-path: polygon(0% 1%, 0% 100%, 100% 97%, 100% 0%);
clip-path: polygon(0% 1%, 0% 100%, 100% 97%, 100% 0%); } }
.m-marketing__main.m-marketing__section--style-5 .m-marketing__image img.m-marketing__image--2,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__image img.m-marketing__image--2 {
-o-object-fit: contain;
object-fit: contain;
width: 358px;
height: 191px;
position: absolute;
right: 0;
bottom: 35px;
transform: translate(15px, 0); }
@media screen and (min-width: 540px) and (max-width: 900px) {
.m-marketing__main.m-marketing__section--style-5 .m-marketing__image img.m-marketing__image--2,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__image img.m-marketing__image--2 {
width: 100%; } }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-5 .m-marketing__image img.m-marketing__image--2,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__image img.m-marketing__image--2 {
right: auto;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
width: 85vw;
height: 45.35vw; } }
.m-marketing__main.m-marketing__section--style-5 .m-marketing__image span,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__image span {
display: inline-block;
position: relative;
width: 100%; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-5 .m-marketing__image span,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__image span {
margin-bottom: calc( 20vw + 40px); }
.m-marketing__main.m-marketing__section--style-5 .m-marketing__image span.m-marketing__image--noUxSample,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__image span.m-marketing__image--noUxSample {
margin-bottom: 40px; } }
.m-marketing__main.m-marketing__section--style-5 .m-marketing__image span::after,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__image span::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 191px;
height: 191px;
transform: translate(-60px, -58px);
background: url("/static/en//assets/marketing/deco_3.svg") no-repeat;
z-index: -1; }
@media screen and (max-width: 540px) {
.m-marketing__main.m-marketing__section--style-5 .m-marketing__image span::after,
.m-marketing__section.m-marketing__section--style-5 .m-marketing__image span::after {
content: initial;
display: none; } }
.m-marketing__main.m-marketing__section--tail h2,
.m-marketing__section.m-marketing__section--tail h2 {
font-size: 24px;
line-height: 32px;
font-weight: 700;
margin: 0 0 70px; }
body.m-theme__light .m-marketing__main.m-marketing__section--tail h2,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--tail h2, body.m-theme__light
.m-marketing__section.m-marketing__section--tail h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--tail h2 {
color: #999; }
body.m-theme__dark .m-marketing__main.m-marketing__section--tail h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--tail h2, body.m-theme__dark
.m-marketing__section.m-marketing__section--tail h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--tail h2 {
color: #626262; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--tail h2,
.m-marketing__section.m-marketing__section--tail h2 {
margin: 0 0 35px; } }
.m-marketing__main.m-marketing__section--tail .m-marketing__body,
.m-marketing__section.m-marketing__section--tail .m-marketing__body {
position: relative;
text-align: center;
padding: 0 36px; }
.m-marketing__main.m-marketing__section--tail .m-marketing__body h3,
.m-marketing__section.m-marketing__section--tail .m-marketing__body h3 {
margin: 0 0 24px;
font-size: 24px;
line-height: 32px;
font-weight: 900; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--tail .m-marketing__body h3,
.m-marketing__section.m-marketing__section--tail .m-marketing__body h3 {
margin: 0 0 12px; } }
.m-marketing__main.m-marketing__section--tail .m-marketing__body p.m-marketing__description,
.m-marketing__section.m-marketing__section--tail .m-marketing__body p.m-marketing__description {
font-size: 16px;
line-height: 21px; }
body.m-theme__light .m-marketing__main.m-marketing__section--tail .m-marketing__body p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--tail .m-marketing__body p.m-marketing__description, body.m-theme__light
.m-marketing__section.m-marketing__section--tail .m-marketing__body p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--tail .m-marketing__body p.m-marketing__description {
color: #999; }
body.m-theme__dark .m-marketing__main.m-marketing__section--tail .m-marketing__body p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--tail .m-marketing__body p.m-marketing__description, body.m-theme__dark
.m-marketing__section.m-marketing__section--tail .m-marketing__body p.m-marketing__description,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--tail .m-marketing__body p.m-marketing__description {
color: #626262; }
.m-marketing__main.m-marketing__section--tail .m-marketing__body p.m-marketing__description em,
.m-marketing__section.m-marketing__section--tail .m-marketing__body p.m-marketing__description em {
font-style: normal; }
body.m-theme__light .m-marketing__main.m-marketing__section--tail .m-marketing__body p.m-marketing__description em,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--tail .m-marketing__body p.m-marketing__description em, body.m-theme__light
.m-marketing__section.m-marketing__section--tail .m-marketing__body p.m-marketing__description em,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--tail .m-marketing__body p.m-marketing__description em {
color: #000; }
body.m-theme__dark .m-marketing__main.m-marketing__section--tail .m-marketing__body p.m-marketing__description em,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--tail .m-marketing__body p.m-marketing__description em, body.m-theme__dark
.m-marketing__section.m-marketing__section--tail .m-marketing__body p.m-marketing__description em,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--tail .m-marketing__body p.m-marketing__description em {
color: #fff; }
body.m-theme__dark .m-marketing__main.m-marketing__section--tail .m-marketing__body p.m-marketing__description em,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--tail .m-marketing__body p.m-marketing__description em, body.m-theme__dark
.m-marketing__section.m-marketing__section--tail .m-marketing__body p.m-marketing__description em,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--tail .m-marketing__body p.m-marketing__description em {
color: #ffffff;
font-weight: bold; }
.m-marketing__main.m-marketing__section--tail .m-marketing__body.m-marketing__body--extra,
.m-marketing__section.m-marketing__section--tail .m-marketing__body.m-marketing__body--extra {
margin-top: 135px; }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--tail .m-marketing__body.m-marketing__body--extra,
.m-marketing__section.m-marketing__section--tail .m-marketing__body.m-marketing__body--extra {
margin-top: 0; } }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--tail .m-marketingSectionTail__table .m-marketing__body,
.m-marketing__section.m-marketing__section--tail .m-marketingSectionTail__table .m-marketing__body {
margin-bottom: 45px; }
.m-marketing__main.m-marketing__section--tail .m-marketingSectionTail__table .m-marketing__body:last-child,
.m-marketing__section.m-marketing__section--tail .m-marketingSectionTail__table .m-marketing__body:last-child {
margin-bottom: 55px; } }
.m-marketing__main.m-marketing__section--tail .m-marketingSectionTail__table > *::after,
.m-marketing__section.m-marketing__section--tail .m-marketingSectionTail__table > *::after {
content: '';
display: block;
position: absolute;
width: 1px;
height: 100%;
top: 0;
right: 0;
transform: translateX(11px); }
body.m-theme__light .m-marketing__main.m-marketing__section--tail .m-marketingSectionTail__table > *::after,
body .m-theme--wrapper.m-theme--wrapper__light .m-marketing__main.m-marketing__section--tail .m-marketingSectionTail__table > *::after, body.m-theme__light
.m-marketing__section.m-marketing__section--tail .m-marketingSectionTail__table > *::after,
body .m-theme--wrapper.m-theme--wrapper__light
.m-marketing__section.m-marketing__section--tail .m-marketingSectionTail__table > *::after {
background: linear-gradient(to bottom, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 0) 25%, rgba(221, 221, 221, 0.9) 50%, rgba(221, 221, 221, 0) 75%, rgba(221, 221, 221, 0) 100%); }
body.m-theme__dark .m-marketing__main.m-marketing__section--tail .m-marketingSectionTail__table > *::after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-marketing__main.m-marketing__section--tail .m-marketingSectionTail__table > *::after, body.m-theme__dark
.m-marketing__section.m-marketing__section--tail .m-marketingSectionTail__table > *::after,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-marketing__section.m-marketing__section--tail .m-marketingSectionTail__table > *::after {
background: linear-gradient(to bottom, rgba(64, 64, 64, 0) 0%, rgba(64, 64, 64, 0) 25%, rgba(64, 64, 64, 0.9) 50%, rgba(64, 64, 64, 0) 75%, rgba(64, 64, 64, 0) 100%); }
@media screen and (max-width: 1168px) {
.m-marketing__main.m-marketing__section--tail .m-marketingSectionTail__table > *::after,
.m-marketing__section.m-marketing__section--tail .m-marketingSectionTail__table > *::after {
content: initial;
display: initial; } }
.m-marketing__main.m-marketing__section--tail .m-marketingSectionTail__table > *:last-child::after,
.m-marketing__section.m-marketing__section--tail .m-marketingSectionTail__table > *:last-child::after {
content: initial;
display: initial; }
minds-media-thumbnail-selector .m-thumbnail-selector--video-loading {
position: absolute;
height: 100%;
width: 100%;
display: flex;
align-items: center;
text-align: center; }
body.m-theme__light minds-media-thumbnail-selector .m-thumbnail-selector--video-loading,
body .m-theme--wrapper.m-theme--wrapper__light minds-media-thumbnail-selector .m-thumbnail-selector--video-loading {
background-color: rgba(0, 0, 0, 0.7); }
body.m-theme__dark minds-media-thumbnail-selector .m-thumbnail-selector--video-loading,
body .m-theme--wrapper.m-theme--wrapper__dark minds-media-thumbnail-selector .m-thumbnail-selector--video-loading {
background-color: rgba(0, 0, 0, 0.7); }
minds-media-thumbnail-selector .m-thumbnail-selector--video-wrapper {
display: block;
position: relative;
text-align: center; }
body.m-theme__light minds-media-thumbnail-selector .m-thumbnail-selector--video-wrapper,
body .m-theme--wrapper.m-theme--wrapper__light minds-media-thumbnail-selector .m-thumbnail-selector--video-wrapper {
background-color: #000; }
body.m-theme__dark minds-media-thumbnail-selector .m-thumbnail-selector--video-wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark minds-media-thumbnail-selector .m-thumbnail-selector--video-wrapper {
background-color: #000; }
minds-media-thumbnail-selector .m-thumbnail-selector--video-wrapper .m-thumbnail-selector--thumbnail {
position: absolute;
height: 100%;
width: 100%;
display: flex;
align-items: center;
text-align: center; }
minds-media-thumbnail-selector .m-thumbnail-selector--video-wrapper .m-thumbnail-selector--thumbnail > img {
display: block;
height: 100%;
margin: auto; }
minds-media-thumbnail-selector .m-thumbnail-selector--video-wrapper video {
display: block;
max-width: 75%;
margin: auto; }
minds-media-thumbnail-selector .mdl-spinner {
margin: auto; }
minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails {
max-width: 660px;
margin: 0 auto;
padding: 8px;
text-align: left; }
body.m-theme__light minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails,
body .m-theme--wrapper.m-theme--wrapper__light minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails {
background-color: #ffffff; }
body.m-theme__dark minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails,
body .m-theme--wrapper.m-theme--wrapper__dark minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails {
background-color: #242a30; }
minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails .m-thumbnail-selector--thumbnails--title {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
font-weight: bold; }
minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails .m-thumbnail-selector--thumbnails--subtext {
line-height: 2em; }
minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails .m-thumbnail-selector--thumbnails--subtext > a {
font-weight: 600;
cursor: pointer; }
minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails .m-thumbnail-selector--thumbnails-list {
display: flex;
justify-content: space-around; }
minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails .m-thumbnail-selector--thumbnails-list img.m-thumbnail-selector--thumbnails-list--thumbnail {
max-width: 150px;
max-height: 84px;
border: 3px solid transparent;
border-radius: 3px; }
body.m-theme__light minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails .m-thumbnail-selector--thumbnails-list img.m-thumbnail-selector--thumbnails-list--thumbnail.m-thumbnail-selector--thumbnails-list--thumbnail--selected,
body .m-theme--wrapper.m-theme--wrapper__light minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails .m-thumbnail-selector--thumbnails-list img.m-thumbnail-selector--thumbnails-list--thumbnail.m-thumbnail-selector--thumbnails-list--thumbnail--selected {
border-color: #4690df; }
body.m-theme__dark minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails .m-thumbnail-selector--thumbnails-list img.m-thumbnail-selector--thumbnails-list--thumbnail.m-thumbnail-selector--thumbnails-list--thumbnail--selected,
body .m-theme--wrapper.m-theme--wrapper__dark minds-media-thumbnail-selector .m-thumbnail-selector--thumbnails .m-thumbnail-selector--thumbnails-list img.m-thumbnail-selector--thumbnails-list--thumbnail.m-thumbnail-selector--thumbnails-list--thumbnail--selected {
border-color: #44aaff; }
/**
* Padding, Margins and Offset
*/
.plyr {
display: block; }
.plyr video {
height: 100%; }
.plyr--video.plyr--stopped .plyr__controls {
display: none; }
.plyr--video.plyr--stopped .plyr__control {
display: none; }
[class*='m-videoPlayer__notice'] {
display: block;
height: auto;
line-height: normal;
padding: 16px;
position: absolute;
z-index: 1;
width: 100%;
box-sizing: border-box;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
color: #fff; }
m-videoPlayer,
m-videoPlayer--scrollaware {
display: block;
position: relative;
width: 100%; }
.m-videoPlayer__placeholder {
height: 330px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: #222;
position: relative; }
.m-videoPlayer__placeholder i {
opacity: 0.8;
display: block;
text-align: center;
top: 50%;
transform: translateY(-50%);
font-size: 100px;
position: absolute;
cursor: pointer;
width: 100%;
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-videoPlayer__placeholder i,
body .m-theme--wrapper.m-theme--wrapper__light .m-videoPlayer__placeholder i {
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.6); }
body.m-theme__dark .m-videoPlayer__placeholder i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-videoPlayer__placeholder i {
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.6); }
.m-videoPlayer__placeholder:hover i {
opacity: 1; }
.m-videoPlayer__placeholder--embedded {
height: 100%; }
/**
* Padding, Margins and Offset
*/
m-media--view {
display: block;
position: relative; }
m-media--view h1 {
margin: 0; }
m-media--view .m-media-album--backlink {
text-decoration: none; }
m-media--view m-wire--lock-screen {
max-width: 1168px;
margin: 0 auto; }
m-media--theatre {
display: block;
width: 100%;
align-items: text;
-webkit-align-items: text;
overflow: hidden;
position: relative;
height: auto; }
body.m-theme__light m-media--theatre,
body .m-theme--wrapper.m-theme--wrapper__light m-media--theatre {
background-color: rgba(0, 0, 0, 0.88); }
body.m-theme__dark m-media--theatre,
body .m-theme--wrapper.m-theme--wrapper__dark m-media--theatre {
background-color: rgba(0, 0, 0, 0.88); }
@media screen and (max-width: 480px) {
m-media--theatre {
min-height: 200px; } }
m-media--theatre:before {
display: block;
content: ' ';
width: 100%;
padding-top: 40%; }
m-media--theatre.m-mature-content {
cursor: pointer; }
m-media--theatre.m-mature-content .m-media-stage {
filter: blur(25px) grayscale(100%);
overflow: hidden;
transform: translate3d(0, 0, 0); }
m-media--theatre .left,
m-media--theatre .right {
position: absolute;
top: 50%;
margin-top: -32px;
font-size: 64px;
cursor: pointer; }
body.m-theme__light m-media--theatre .left,
body .m-theme--wrapper.m-theme--wrapper__light m-media--theatre .left, body.m-theme__light
m-media--theatre .right,
body .m-theme--wrapper.m-theme--wrapper__light
m-media--theatre .right {
color: #fff !important; }
body.m-theme__dark m-media--theatre .left,
body .m-theme--wrapper.m-theme--wrapper__dark m-media--theatre .left, body.m-theme__dark
m-media--theatre .right,
body .m-theme--wrapper.m-theme--wrapper__dark
m-media--theatre .right {
color: #202527 !important; }
m-media--theatre .left.left,
m-media--theatre .right.left {
left: 0; }
m-media--theatre .left.right,
m-media--theatre .right.right {
right: 0; }
m-media--theatre .m-media-stage {
margin: auto;
max-width: 100%;
height: 100%;
position: absolute;
text-align: center;
top: 0;
left: 0;
bottom: 0;
right: 0; }
m-media--theatre .m-media-stage.m-media-stage--has-nav {
max-width: 90%; }
m-media--theatre .m-media-stage img {
max-width: 100%;
height: 100%; }
body.m-theme__light m-media--theatre .m-media-stage m-video,
body .m-theme--wrapper.m-theme--wrapper__light m-media--theatre .m-media-stage m-video {
background-color: #000; }
body.m-theme__dark m-media--theatre .m-media-stage m-video,
body .m-theme--wrapper.m-theme--wrapper__dark m-media--theatre .m-media-stage m-video {
background-color: #000; }
m-media--theatre .m-media-stage m-video video {
max-width: 100%;
height: 100%; }
m-media--edit {
display: block;
height: 100%; }
body.m-theme__light m-media--edit,
body .m-theme--wrapper.m-theme--wrapper__light m-media--edit {
background-color: #ffffff; }
body.m-theme__dark m-media--edit,
body .m-theme--wrapper.m-theme--wrapper__dark m-media--edit {
background-color: #242a30; }
m-media--edit .m-h1-input {
padding: 0;
font-weight: 600;
font-size: 42px;
letter-spacing: 1.5px;
font-family: 'Roboto', Helvetica, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
line-height: 1.2em;
height: auto; }
m-media--edit .m-form-select {
max-width: 128px;
flex: auto; }
m-media--edit m-inline-editor,
m-media--edit m-inline-editor p {
margin-bottom: 0.5em;
font-weight: 400;
font-style: normal;
font-size: 21px;
line-height: 1.58;
letter-spacing: 0.5px;
letter-spacing: -0.003em;
font-family: 'Roboto', Helvetica, sans-serif;
margin-top: 29px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
body.m-theme__light m-media--edit m-inline-editor,
body .m-theme--wrapper.m-theme--wrapper__light m-media--edit m-inline-editor, body.m-theme__light
m-media--edit m-inline-editor p,
body .m-theme--wrapper.m-theme--wrapper__light
m-media--edit m-inline-editor p {
color: rgba(0, 0, 0, 0.84); }
body.m-theme__dark m-media--edit m-inline-editor,
body .m-theme--wrapper.m-theme--wrapper__dark m-media--edit m-inline-editor, body.m-theme__dark
m-media--edit m-inline-editor p,
body .m-theme--wrapper.m-theme--wrapper__dark
m-media--edit m-inline-editor p {
color: rgba(255, 255, 255, 0.84); }
m-media--edit m-inline-editor:first-of-type,
m-media--edit m-inline-editor p:first-of-type {
margin-top: 0; }
minds-media-body {
padding-top: 16px; }
.m-media-grid h1 {
font-size: 36px;
font-weight: 400; }
@media screen and (max-width: 480px) {
.m-media-grid h1 {
font-size: 28px; } }
.m-media-grid .minds-comments-container {
max-height: 600px; }
@media screen and (max-width: 480px) {
.m-media-grid .minds-comments-container {
max-height: 75vh; } }
m-media--grid {
display: flex;
align-items: stretch;
-webkit-align-items: stretch;
flex-flow: row wrap; }
m-media--grid > a {
width: 33.333%;
position: relative; }
m-media--grid > a img {
width: 100%;
height: auto;
max-height: 100%; }
m-media--grid > a span {
font-size: 72px !important;
text-align: center;
width: 100%;
position: absolute;
top: calc(50% - 36px); }
body.m-theme__light m-media--grid > a span,
body .m-theme--wrapper.m-theme--wrapper__light m-media--grid > a span {
color: #fff; }
body.m-theme__dark m-media--grid > a span,
body .m-theme--wrapper.m-theme--wrapper__dark m-media--grid > a span {
color: #202527; }
m-media--grid > a > i.material-icons {
display: none; }
m-media--grid > a.m-mature-thumbnail {
transform-style: preserve-3d;
overflow: hidden; }
body.m-theme__light m-media--grid > a.m-mature-thumbnail,
body .m-theme--wrapper.m-theme--wrapper__light m-media--grid > a.m-mature-thumbnail {
background-color: rgba(0, 0, 0, 0.65); }
body.m-theme__dark m-media--grid > a.m-mature-thumbnail,
body .m-theme--wrapper.m-theme--wrapper__dark m-media--grid > a.m-mature-thumbnail {
background-color: rgba(255, 255, 255, 0.65); }
m-media--grid > a.m-mature-thumbnail > img {
filter: blur(5px) grayscale(100%);
transform: translate3d(0, 0, 0);
opacity: 0.65; }
m-media--grid > a.m-mature-thumbnail > i.material-icons {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 3em; }
body.m-theme__light m-media--grid > a.m-mature-thumbnail > i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light m-media--grid > a.m-mature-thumbnail > i.material-icons {
color: #fff; }
body.m-theme__dark m-media--grid > a.m-mature-thumbnail > i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark m-media--grid > a.m-mature-thumbnail > i.material-icons {
color: #202527; }
@media screen and (max-width: 780px) {
m-media--grid > a {
width: 50%; } }
@media screen and (min-width: 1300px) {
m-media--grid > a {
width: 25%; } }
.m-media--loading {
position: absolute;
top: 0;
left: 0;
width: 100%; }
.m-media-wrapper {
display: flex;
align-items: flex-start;
justify-content: flex-start; }
@media screen and (max-width: 480px) {
.m-media-wrapper {
display: block; } }
.m-media-content {
flex-grow: 1; }
.m-media-content minds-media-grid {
width: 100%;
max-width: 1168px;
margin: 0 auto; }
.m-media-content--meta .m-media-content--title h1 {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 36px;
letter-spacing: 1.5px;
padding-left: 12px;
flex: 1; }
@media screen and (min-width: 1280px) {
.m-media-content--meta .m-media-content--title {
display: flex; } }
@media screen and (max-width: 480px) {
.m-media-content--meta .m-media-content--title {
flex-wrap: wrap; } }
@media screen and (max-width: 768px) {
.m-media-content--meta .m-media-content--title {
flex-wrap: wrap; } }
.m-media-content--meta h1.m-media-content--heading {
word-break: break-word; }
@media screen and (max-width: 768px) {
.m-media-content--meta h1.m-media-content--heading {
font-size: 26px; } }
@media screen and (max-width: 480px) {
.m-media-content--meta h1.m-media-content--heading {
font-size: 16px; } }
.m-media-content--meta h1.m-media--long-heading {
font-size: 16px;
white-space: pre-line;
letter-spacing: 0.25px; }
.m-media-content--meta h1.m-media-content--heading a {
text-decoration: none; }
.m-media-content--meta .m-media-content--info {
display: flex;
align-items: center;
font-size: 10px; }
.m-media-content--meta .m-media-content--info a {
cursor: pointer; }
body.m-theme__light .m-media-content--meta .m-media-content--info a,
body .m-theme--wrapper.m-theme--wrapper__light .m-media-content--meta .m-media-content--info a {
color: #666; }
body.m-theme__dark .m-media-content--meta .m-media-content--info a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-media-content--meta .m-media-content--info a {
color: #959595; }
.m-media-content--meta .m-media-content--info > * {
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
margin-left: 8px; }
body.m-theme__light .m-media-content--meta .m-media-content--info > *,
body .m-theme--wrapper.m-theme--wrapper__light .m-media-content--meta .m-media-content--info > * {
color: #666; }
body.m-theme__dark .m-media-content--meta .m-media-content--info > *,
body .m-theme--wrapper.m-theme--wrapper__dark .m-media-content--meta .m-media-content--info > * {
color: #959595; }
.m-media-content--meta .m-media-content--info > * > * {
vertical-align: middle; }
@media screen and (max-width: 768px) {
.m-media-content--meta .m-media-content--info i.material-icons {
font-size: 22px; } }
@media screen and (max-width: 480px) {
.m-media-content--meta .m-media-content--info i.material-icons {
font-size: 16px; } }
@media screen and (max-width: 768px) {
.m-media-content--meta .m-media-content--info .m-license-info,
.m-media-content--meta .m-media-content--info .m-media-album--backlink,
.m-media-content--meta .m-media-content--info .m-mature-info,
.m-media-content--meta .m-media-content--info .m-visibility-info,
.m-media-content--meta .m-media-content--info .m-media-content--play-count {
font-size: 9px; } }
@media screen and (max-width: 480px) {
.m-media-content--meta .m-media-content--info .m-license-info,
.m-media-content--meta .m-media-content--info .m-media-album--backlink,
.m-media-content--meta .m-media-content--info .m-mature-info,
.m-media-content--meta .m-media-content--info .m-visibility-info,
.m-media-content--meta .m-media-content--info .m-media-content--play-count {
font-size: 7px; } }
.m-media-content--meta .m-media-content--actions {
display: flex;
align-items: center;
flex-shrink: 0; }
body.m-theme__light .m-media-content--meta .m-media-content--actions .minds-button-edit button,
body .m-theme--wrapper.m-theme--wrapper__light .m-media-content--meta .m-media-content--actions .minds-button-edit button {
color: #607d8b; }
body.m-theme__dark .m-media-content--meta .m-media-content--actions .minds-button-edit button,
body .m-theme--wrapper.m-theme--wrapper__dark .m-media-content--meta .m-media-content--actions .minds-button-edit button {
color: #6b8a99; }
body.m-theme__light .m-media-content--meta .m-media-content--actions .minds-button-edit button:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-media-content--meta .m-media-content--actions .minds-button-edit button:hover {
color: #37474f; }
body.m-theme__dark .m-media-content--meta .m-media-content--actions .minds-button-edit button:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-media-content--meta .m-media-content--actions .minds-button-edit button:hover {
color: #bfcad0; }
body.m-theme__light .m-media-content--meta .m-media-content--actions m-post-menu i,
body .m-theme--wrapper.m-theme--wrapper__light .m-media-content--meta .m-media-content--actions m-post-menu i {
color: #607d8b !important; }
body.m-theme__dark .m-media-content--meta .m-media-content--actions m-post-menu i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-media-content--meta .m-media-content--actions m-post-menu i {
color: #6b8a99 !important; }
.m-media-content--meta .m-media-content--actions > *:not(m-post-menu):not(m-wire-button) {
vertical-align: middle;
margin-left: 0.35em; }
.m-media-content--meta .m-media-content--actions > *:not(m-post-menu):not(m-wire-button):first-child {
margin-left: 0; }
.m-media-content--meta .m-media-content--actions > *:not(m-post-menu):not(m-wire-button) i {
padding: 8px;
vertical-align: middle; }
.m-media-content--meta .m-media-content--actions > *:not(m-post-menu):not(m-wire-button) span {
padding: 8px 0;
vertical-align: middle; }
.m-media-content--meta .m-media-content--actions > *:not(m-post-menu):not(m-wire-button) button {
padding: 0;
border: 0; }
.m-media-content--meta .m-media-content--actions minds-button-boost .mdl-button {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 12px;
letter-spacing: 0.5px;
line-height: 1; }
.m-media-content--meta .m-media-content--owner {
display: flex;
align-items: center;
font-family: 'Roboto', sans-serif;
font-weight: 300; }
.m-media-content--meta .m-media-content--owner .minds-avatar {
background: transparent; }
.m-media-content--meta .m-media-content--owner .minds-avatar img {
width: 50px;
border-radius: 50%; }
body.m-theme__light .m-media-content--meta .m-media-content--owner .minds-avatar img,
body .m-theme--wrapper.m-theme--wrapper__light .m-media-content--meta .m-media-content--owner .minds-avatar img {
background-color: #ffffff; }
body.m-theme__dark .m-media-content--meta .m-media-content--owner .minds-avatar img,
body .m-theme--wrapper.m-theme--wrapper__dark .m-media-content--meta .m-media-content--owner .minds-avatar img {
background-color: #242a30; }
.m-media-content--meta .m-media-content--owner .minds-body {
padding: 0 16px 0 8px; }
.m-media-content--meta .m-media-content--owner .minds-body a {
text-decoration: none;
letter-spacing: 1.5px; }
.m-media-content--meta .m-media-content--owner .minds-body span {
font-size: 11px;
letter-spacing: 1.5px;
font-weight: 600; }
.m-media-content--meta .m-media-content--owner .m-media--info {
display: flex;
align-items: center; }
body.m-theme__light .m-media-content--meta .m-media-content--owner .m-media--info,
body .m-theme--wrapper.m-theme--wrapper__light .m-media-content--meta .m-media-content--owner .m-media--info {
color: #999; }
body.m-theme__dark .m-media-content--meta .m-media-content--owner .m-media--info,
body .m-theme--wrapper.m-theme--wrapper__dark .m-media-content--meta .m-media-content--owner .m-media--info {
color: #626262; }
.m-media-content--meta .m-media-content--owner .m-media--info .material-icons {
font-size: inherit;
margin-right: 0.35em; }
.m-media-content--meta .m-media-content--owner .m-media--info > * {
display: flex;
align-items: center;
margin-left: 0.7em; }
.m-media-content--meta .m-media-content--owner .m-media--info > *:first-child {
margin-left: 0; }
.m-media-content--meta .m-wire-button {
padding: 3px 6px; }
.m-media-content--meta .m-wire-button > .ion-icon {
margin-right: 4px;
transform: scale(1.2); }
.m-media-content--meta .m-media-content--extra {
flex-grow: 1; }
.m-media-content--meta .m-media-content--description {
padding: 0 8px 0 74px;
margin-top: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 300; }
.m-media-content--meta .m-media-content--description h1,
.m-media-content--meta .m-media-content--description h2,
.m-media-content--meta .m-media-content--description h3,
.m-media-content--meta .m-media-content--description h4,
.m-media-content--meta .m-media-content--description h5,
.m-media-content--meta .m-media-content--description h6,
.m-media-content--meta .m-media-content--description p {
font-family: inherit;
font-weight: inherit; }
.m-media-content--meta .m-additional-block {
font-family: 'Roboto', sans-serif;
font-weight: 300; }
.m-media-content--comments {
width: auto;
max-width: 1168px;
margin: 16px;
margin-bottom: 50px;
box-sizing: border-box; }
body.m-theme__light .m-media-content--comments,
body .m-theme--wrapper.m-theme--wrapper__light .m-media-content--comments {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-media-content--comments,
body .m-theme--wrapper.m-theme--wrapper__dark .m-media-content--comments {
border: 1px solid #414c57; }
.m-media-content--comments minds-comments {
margin-top: 0; }
.m-media-content--comments minds-comments .minds-comments-container {
max-height: none; }
.m-media-recommended {
width: 280px;
padding: 16px; }
@media screen and (max-width: 480px) {
.m-media-recommended {
display: none; } }
.m-media-content--wrapper {
display: flex;
align-items: flex-start; }
.m-media-content--wrapper .m-media-content--container {
flex-grow: 1;
max-width: 100%; }
body.m-theme__light .m-media-content--wrapper .m-media-content--container,
body .m-theme--wrapper.m-theme--wrapper__light .m-media-content--wrapper .m-media-content--container {
background-color: #ffffff; }
body.m-theme__dark .m-media-content--wrapper .m-media-content--container,
body .m-theme--wrapper.m-theme--wrapper__dark .m-media-content--wrapper .m-media-content--container {
background-color: #242a30; }
.m-media-content--wrapper .m-media-content--recommended {
padding-top: 16px; }
.m-media-theatre--next-countdown {
position: absolute;
top: 50px;
width: 100%;
text-align: center;
opacity: 0.8;
padding: 16px 0 16px 0; }
body.m-theme__light .m-media-theatre--next-countdown,
body .m-theme--wrapper.m-theme--wrapper__light .m-media-theatre--next-countdown {
color: #fff;
background-color: #000; }
body.m-theme__dark .m-media-theatre--next-countdown,
body .m-theme--wrapper.m-theme--wrapper__dark .m-media-theatre--next-countdown {
color: #202527;
background-color: #fff; }
.m-media-theater--toggle {
position: absolute;
left: 8px;
top: 8px;
cursor: pointer;
opacity: 0;
transition: opacity 300ms; }
body.m-theme__light .m-media-theater--toggle,
body .m-theme--wrapper.m-theme--wrapper__light .m-media-theater--toggle {
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.65); }
body.m-theme__dark .m-media-theater--toggle,
body .m-theme--wrapper.m-theme--wrapper__dark .m-media-theater--toggle {
color: #202527;
text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.65); }
body.m-theme__light .m-media-theater--toggle.m-media-theater--toggle-active,
body .m-theme--wrapper.m-theme--wrapper__light .m-media-theater--toggle.m-media-theater--toggle-active {
color: #4690df; }
body.m-theme__dark .m-media-theater--toggle.m-media-theater--toggle-active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-media-theater--toggle.m-media-theater--toggle-active {
color: #44aaff; }
m-media--theatre:hover .m-media-theater--toggle {
visibility: visible;
opacity: 0.35; }
.m-media-content--button-boost {
padding-left: 8px; }
body.m-overlay-modal--shown m-overlay-modal {
position: fixed; }
m-overlay-modal {
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
overflow: scroll; }
body.m-theme__light m-overlay-modal .m-overlay-modal--backdrop,
body .m-theme--wrapper.m-theme--wrapper__light m-overlay-modal .m-overlay-modal--backdrop {
background-color: rgba(0, 0, 0, 0.8); }
body.m-theme__dark m-overlay-modal .m-overlay-modal--backdrop,
body .m-theme--wrapper.m-theme--wrapper__dark m-overlay-modal .m-overlay-modal--backdrop {
background-color: rgba(0, 0, 0, 0.8); }
m-overlay-modal .m-overlay-modal.m-overlayModal--media {
position: static;
min-height: 100%;
display: table;
height: 100% !important;
table-layout: fixed;
width: 100%; }
m-overlay-modal .m-overlay-modal.m-overlayModal--media .m-overlay-modal--close {
line-height: normal;
opacity: 0.6;
position: fixed;
right: 8px;
top: 8px;
transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
padding: 4px; }
body.m-theme__light m-overlay-modal .m-overlay-modal.m-overlayModal--media .m-overlay-modal--close,
body .m-theme--wrapper.m-theme--wrapper__light m-overlay-modal .m-overlay-modal.m-overlayModal--media .m-overlay-modal--close {
background-color: rgba(255, 255, 255, 0);
color: #999; }
body.m-theme__dark m-overlay-modal .m-overlay-modal.m-overlayModal--media .m-overlay-modal--close,
body .m-theme--wrapper.m-theme--wrapper__dark m-overlay-modal .m-overlay-modal.m-overlayModal--media .m-overlay-modal--close {
background-color: rgba(255, 255, 255, 0);
color: #626262; }
m-overlay-modal .m-overlay-modal.m-overlayModal--media .m-overlay-modal--close i.material-icons {
font-size: 28px; }
m-overlay-modal .m-overlay-modal.m-overlayModal--media .m-overlay-modal--close:hover {
opacity: 1; }
m-overlay-modal .m-overlay-modal.m-overlayModal--media m-media--modal {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%; }
m-overlay-modal .m-overlay-modal.m-overlayModal--media m-media--modal .m-mediaModal__wrapper {
position: static;
margin: 20px;
display: inline-block;
text-align: left; }
m-overlay-modal .m-overlay-modal.m-overlayModal--media m-media--modal .m-mediaModal__wrapper .m-mediaModal__theater {
position: relative; }
body.m-theme__light m-overlay-modal .m-overlay-modal.m-overlayModal--media m-media--modal .m-mediaModal__wrapper .m-mediaModal__theater,
body .m-theme--wrapper.m-theme--wrapper__light m-overlay-modal .m-overlay-modal.m-overlayModal--media m-media--modal .m-mediaModal__wrapper .m-mediaModal__theater {
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3); }
body.m-theme__dark m-overlay-modal .m-overlay-modal.m-overlayModal--media m-media--modal .m-mediaModal__wrapper .m-mediaModal__theater,
body .m-theme--wrapper.m-theme--wrapper__dark m-overlay-modal .m-overlay-modal.m-overlayModal--media m-media--modal .m-mediaModal__wrapper .m-mediaModal__theater {
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3); }
.m-mediaModal__loadingPanel .mdl-spinner {
position: absolute;
top: -webkit-calc(50% - 14px);
left: -webkit-calc(50% - 14px);
top: -moz-calc(50% - 14px);
left: -moz-calc(50% - 14px);
top: calc(50% - 14px);
left: calc(50% - 14px); }
.m-mediaModal__stageWrapper {
float: left;
height: 100%;
min-height: 480px;
position: relative;
text-align: center; }
body.m-theme__light .m-mediaModal__stageWrapper,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__stageWrapper {
background-color: rgba(0, 0, 0, 0.9);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); }
body.m-theme__dark .m-mediaModal__stageWrapper,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__stageWrapper {
background-color: rgba(0, 0, 0, 0.9);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); }
.m-mediaModal__mediaWrapper--richEmbed {
width: 100%; }
.m-mediaModal__mediaWrapper--richEmbed .meta {
display: none; }
.m-mediaModal__mediaWrapper--blog {
line-height: initial;
overflow-y: auto;
text-align: left; }
body.m-theme__light .m-mediaModal__mediaWrapper--blog,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__mediaWrapper--blog {
color: #000; }
body.m-theme__dark .m-mediaModal__mediaWrapper--blog,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__mediaWrapper--blog {
color: #fff; }
.m-mediaModal__mediaWrapper--blog h1.m-blog--title {
font-weight: 600;
font-size: 42px;
letter-spacing: 1.5px;
font-family: 'Roboto', Helvetica, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
text-align: left; }
@media only screen and (max-width: 768px) {
.m-mediaModal__mediaWrapper--blog h1.m-blog--title {
font-size: 24px; } }
body.m-theme__light .m-mediaModal__mediaWrapper--blog p,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__mediaWrapper--blog p {
color: #000; }
body.m-theme__dark .m-mediaModal__mediaWrapper--blog p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__mediaWrapper--blog p {
color: #fff; }
.m-mediaModal__mediaWrapper--blog .minds-blog-body img {
max-width: initial;
height: auto;
width: 80%;
margin: 0 -100px; }
@media screen and (max-width: 891px) {
.m-mediaModal__mediaWrapper--blog .minds-blog-body img {
width: 100vw; } }
body.m-theme__light .m-mediaModal__mediaWrapper--blog .m-blog--image--caption,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__mediaWrapper--blog .m-blog--image--caption {
color: #000; }
body.m-theme__dark .m-mediaModal__mediaWrapper--blog .m-blog--image--caption,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__mediaWrapper--blog .m-blog--image--caption {
color: #fff; }
.m-mediaModal__stage {
display: flex;
align-items: center;
height: 100%;
min-height: 402px;
position: relative;
width: 100%; }
.m-mediaModal__mediaWrapper {
display: inline-block;
margin: 0 auto;
vertical-align: middle; }
.m-mediaModal__mediaWrapper .m-mediaModal__media--image,
.m-mediaModal__mediaWrapper m-videoPlayer {
display: inline-block;
max-height: 100%;
max-width: 100%;
vertical-align: top; }
.m-mediaModal__mediaWrapper .m-mediaModal__media--image {
-o-object-fit: contain;
object-fit: contain; }
.m-mediaModal__mediaWrapper.m-mediaModal__mediaWrapper--blog {
overflow-x: hidden;
overflow-y: scroll;
line-height: 1.58 !important;
text-align: left; }
.m-mediaModal__mediaWrapper.m-mediaModal__mediaWrapper--blog .m-blog--image > img {
max-width: 100%; }
.m-mediaModal__overlayContainer {
left: 0;
line-height: 1.28;
padding: 24px 24px 16px 24px;
position: absolute;
right: 0;
text-align: left;
top: 0; }
body.m-theme__light .m-mediaModal__overlayContainer,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__overlayContainer {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
color: #fff; }
body.m-theme__dark .m-mediaModal__overlayContainer,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__overlayContainer {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
color: #fff; }
.m-mediaModal__overlayTitleWrapper {
font-size: 21px;
letter-spacing: 1.1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 36px; }
body.m-theme__light .m-mediaModal__overlayTitleWrapper,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__overlayTitleWrapper {
color: #fff; }
body.m-theme__dark .m-mediaModal__overlayTitleWrapper,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__overlayTitleWrapper {
color: #fff; }
.m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitle {
text-decoration: none;
cursor: pointer; }
.m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitle > *:not(.m-mediaModal__overlayTitleSeparator) {
padding-right: 8px; }
.m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitle a {
text-decoration: none;
font-weight: 400; }
body.m-theme__light .m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitle a,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitle a {
color: #fff; }
body.m-theme__dark .m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitle a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitle a {
color: #fff; }
.m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitle a:hover {
text-decoration: underline; }
.m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitle--fullscreen {
vertical-align: middle; }
.m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitle--fullscreen img {
height: 24px;
width: 24px;
border-radius: 50%;
margin-right: 8px; }
.m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitleSeparator {
height: 7px;
width: 7px;
border-radius: 50%;
display: inline-block;
margin-right: 8px;
vertical-align: middle; }
body.m-theme__light .m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitleSeparator,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitleSeparator {
background-color: #fff; }
body.m-theme__dark .m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitleSeparator,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__overlayTitleWrapper .m-mediaModal__overlayTitleSeparator {
background-color: #fff; }
.m-mediaModal__fullscreenButtonWrapper {
cursor: pointer;
padding: 24px;
position: absolute;
right: 0;
top: 0; }
.m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton {
float: left;
margin-left: 16px;
display: block;
padding: 0;
position: static;
right: 0;
top: 0;
transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1) !important; }
.m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton i {
opacity: 0.75;
transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) !important; }
body.m-theme__light .m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton i,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton i {
color: #fff; }
body.m-theme__dark .m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton i {
color: #fff; }
.m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton i.m-mediaModal__fullscreenIcon--enable {
font-size: 30px; }
.m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton i.m-mediaModal__fullscreenIcon--disable {
font-size: 34px; }
.m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton i:active.m-mediaModal__fullscreenIcon--enable {
transform: scale(1.2, 1.2); }
.m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton i:active.m-mediaModal__fullscreenIcon--disable {
transform: scale(0.83, 0.83); }
.m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton.m-mediaModal__fullscreenButton--hovering i {
opacity: 1; }
.m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton.m-mediaModal__fullscreenButton--hovering i.m-mediaModal__fullscreenIcon--enable {
transform: scale(1.2, 1.2); }
.m-mediaModal__fullscreenButtonWrapper .m-mediaModal__fullscreenButton.m-mediaModal__fullscreenButton--hovering i.m-mediaModal__fullscreenIcon--disable {
transform: scale(0.83, 0.83); }
m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
position: absolute;
margin-top: -22px;
top: 50%;
line-height: 1;
border-radius: 50%;
cursor: pointer;
transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1) !important; }
body.m-theme__light m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager,
body .m-theme--wrapper.m-theme--wrapper__light m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager {
color: rgba(255, 255, 255, 0.7);
text-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }
body.m-theme__dark m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager,
body .m-theme--wrapper.m-theme--wrapper__dark m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager {
color: rgba(255, 255, 255, 0.7);
text-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }
m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager.m-mediaModal__pager--previous {
left: 6px; }
m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager.m-mediaModal__pager--next {
right: 6px; }
m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager:hover {
transform: scale(1.2, 1.2); }
body.m-theme__light m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager:hover,
body .m-theme--wrapper.m-theme--wrapper__light m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager:hover {
color: rgba(255, 255, 255, 0.95); }
body.m-theme__dark m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager:hover {
color: rgba(255, 255, 255, 0.95); }
m-media--modal .m-mediaModal__wrapper .m-mediaModal__pager > i {
transform: scale(1.3, 1.8); }
.m-mediaModal__contentContainer {
height: 100%;
overflow: hidden;
position: relative;
word-wrap: break-word; }
body.m-theme__light .m-mediaModal__contentContainer,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__contentContainer {
background-color: #ffffff; }
body.m-theme__dark .m-mediaModal__contentContainer,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__contentContainer {
background-color: #242a30; }
.m-mediaModal__contentBody {
position: relative;
height: 100%;
max-height: 100%;
overflow-y: scroll;
overflow-x: hidden; }
.m-mediaModal__scrollableAreaContainer {
height: auto;
margin-left: -100px;
margin-right: -20px;
padding-left: 100px;
padding-right: 20px;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
width: 100% !important; }
.m-mediaModal__scrollableAreaContainer.m-mediaModal__contentBefore {
top: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.m-mediaModal__scrollableAreaContainer.m-mediaModal__contentBefore:before, .m-mediaModal__scrollableAreaContainer.m-mediaModal__contentAfter:after {
content: '';
display: block;
height: 2px;
position: absolute;
width: 100%; }
.m-mediaModal__scrollableAreaWrapper {
margin-left: -100px;
margin-right: -50px;
padding-left: 100px;
padding-right: 50px;
min-height: 320px;
height: 100%;
outline: none;
overflow-x: hidden;
position: relative;
overflow-y: scroll; }
.scrollableAreaBody {
direction: ltr;
position: relative; }
.scrollableAreaContent {
padding: 0; }
.m-mediaModal__ownerBlock {
margin-top: 0;
padding: 16px;
position: relative;
margin-right: 12px; }
.m-mediaModal__ownerBlock a:not(.permalink) {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockAvatar {
margin-right: 10px;
float: left;
display: block; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockAvatar a {
overflow: visible; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockAvatar img {
height: 50px;
width: 50px;
float: left; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody {
overflow: hidden; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody > * {
display: block; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__channelLink,
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__groupLink {
text-decoration: none;
vertical-align: middle; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody strong {
letter-spacing: 0.25px;
text-rendering: optimizeLegibility;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 500; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-channel--badges-entity {
display: inline-flex; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink {
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.75px;
text-rendering: optimizeLegibility;
text-overflow: unset;
white-space: pre-wrap;
line-height: 18px;
-webkit-font-smoothing: antialiased; }
body.m-theme__light .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink {
color: #888; }
body.m-theme__dark .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink {
color: #737373; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink > * {
padding-right: 8px; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink:hover .m-ownerBlock__permalinkDate {
text-decoration: underline; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag {
text-transform: uppercase;
padding: 0 8px 0 0;
letter-spacing: 0.5px;
font-weight: 700;
font-size: 11px;
line-height: 1; }
body.m-theme__light .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag {
color: #888; }
body.m-theme__dark .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag {
color: #737373; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted {
display: inline-block;
width: auto;
vertical-align: middle; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted i {
font-size: 18px;
position: relative;
vertical-align: middle; }
.m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted a {
vertical-align: middle;
font-weight: 700; }
body.m-theme__light .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted a,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted a {
color: #888; }
body.m-theme__dark .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted a {
color: #737373; }
body.m-theme__light .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted.m-ownerBlock__permalinkFlag--onchain,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted.m-ownerBlock__permalinkFlag--onchain {
color: #4690df; }
body.m-theme__dark .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted.m-ownerBlock__permalinkFlag--onchain,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted.m-ownerBlock__permalinkFlag--onchain {
color: #44aaff; }
body.m-theme__light .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted.m-ownerBlock__permalinkFlag--onchain a,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted.m-ownerBlock__permalinkFlag--onchain a {
color: #4690df; }
body.m-theme__dark .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted.m-ownerBlock__permalinkFlag--onchain a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__ownerBlock .m-mediaModal__ownerBlockBody .m-ownerBlock__permalink .m-ownerBlock__permalinkFlag--boosted.m-ownerBlock__permalinkFlag--onchain a {
color: #44aaff; }
.m-mediaModal__ownerBlock m-postMenu--v2 {
margin-left: auto;
margin-right: -15px; }
.m-mediaModal__message span {
white-space: pre-line;
word-wrap: break-word; }
.m-mediaModal__message a {
text-decoration: none; }
.m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow {
display: flex;
justify-content: space-around;
width: auto;
padding: 0 0 16px 0;
margin: 16px 12px 0 12px; }
body.m-theme__light .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow {
border-bottom: 1px solid #414c57; }
body.m-theme__light .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-mediaModal__actionButton--share,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-mediaModal__actionButton--share {
color: #546e7a; }
body.m-theme__dark .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-mediaModal__actionButton--share,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-mediaModal__actionButton--share {
color: #879ca7; }
body.m-theme__light .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-tipButton:hover i,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-tipButton:hover i {
color: #37474f; }
body.m-theme__dark .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-tipButton:hover i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-tipButton:hover i {
color: #bfcad0; }
.m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-tipButton i {
font-size: 23px;
padding-top: 2px; }
body.m-theme__light .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-tipButton i,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-tipButton i {
color: #607d8b; }
body.m-theme__dark .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-tipButton i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__actionButtonsWrapper .m-mediaModal__actionButtonsRow .m-tipButton i {
color: #6b8a99; }
body.m-theme__light .m-mediaModal__actionButtonsWrapper .m-wire-button,
body .m-theme--wrapper.m-theme--wrapper__light .m-mediaModal__actionButtonsWrapper .m-wire-button {
border: none; }
body.m-theme__dark .m-mediaModal__actionButtonsWrapper .m-wire-button,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mediaModal__actionButtonsWrapper .m-wire-button {
border: none; }
.m-mediaModal__actionButtonsWrapper .m-wire-button span {
display: none; }
.m-mediaModal__actionButtonsWrapper .m-wire-button > .ion-icon {
transform: scale(1.4); }
.m-mediaModal__comments {
padding: 8px 16px;
display: block;
margin-bottom: 0;
flex: 1; }
.m-mediaModal__comments m-comments__tree {
height: 100%;
position: relative;
padding: 0 0 24px;
margin: 0;
flex-direction: column;
box-sizing: border-box;
width: 100%; }
.m-mediaModal__comments m-comments__tree m-comments__thread {
height: 100%;
position: relative;
padding: 0;
margin: 0;
flex-direction: column;
box-sizing: border-box; }
.m-mediaModal__comments m-comments__tree m-comments__thread .m-comments__thread {
overflow-y: auto;
max-height: auto;
flex: 1;
display: flex;
flex-direction: column; }
.m-mediaModal__comments m-comments__tree m-comments__thread .m-comments__thread .minds-avatar {
width: 36px;
height: 36px;
margin-left: 0;
overflow: visible; }
.m-mediaModal__comments m-comments__tree m-comments__thread .m-comments__thread .m-body {
margin-left: 0; }
.m-mediaModal__comments m-comments__tree m-comments__thread .m-comments__thread .m-comment-attachment .item-image img,
.m-mediaModal__comments m-comments__tree m-comments__thread .m-comments__thread .m-comment-attachment .item-image minds-video {
max-width: 50%; }
.m-mediaModal__comments m-comments__tree m-comments__thread .minds-comment {
padding: 8px 0px; }
.m-mediaModal__comments m-comments__tree m-comments__thread .minds-comment .mdl-card__menu {
display: none; }
.m-mediaModal__comments m-comments__tree m-comments__thread .minds-comment:hover .mdl-card__menu {
display: block; }
.m-mediaModal__comments m-comments__tree m-comments__thread .minds-comment .m-comment-attachment .m-rich-embed {
max-width: 63%; }
.m-mediaModal__comments m-comments__tree m-comments__thread .minds-comment .m-comment-attachment .m-rich-embed .m-blurb {
display: block; }
.m-mediaModal__comments m-comments__tree m-comments__thread .minds-comment-post {
flex-shrink: 0; }
.m-mediaModal__comments m-comments__tree m-comments__thread .post-preview {
width: 63%;
height: auto; }
.m-mediaModal__comments m-comments__tree m-comments__thread .post-preview .attachment-preview {
height: 140px;
-o-object-fit: cover;
object-fit: cover; }
.m-mediaModal__comments m-comments__tree m-comments__thread .minds-comments-container {
overflow-y: visible;
height: auto;
max-height: none; }
.m-mediaModal__clearFix:after {
clear: both;
content: '.';
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden; }
m-media--modal .m-mature-text-toggle i {
margin-right: 3px; }
m-media--modal .m-mediaModal__stage m-blog-view .m-mature-content .m-mature-overlay .m-mature-overlay-note {
top: 50%;
transform: translateY(-50%); }
m-media--modal .m-mediaModal__stage .m-mature-content .m-mature-overlay .m-mature-overlay-note {
display: flex;
justify-content: center;
align-items: center;
flex-flow: column nowrap;
top: auto;
line-height: 20px;
transform: none; }
m-media--modal .m-mediaModal__stage .m-mature-content .m-mature-overlay .m-mature-overlay-note span {
line-height: 20px; }
m-media--modal .m-mediaModal__stage .m-mature-content-shown .m-mature-overlay {
top: 0;
right: 0;
border-radius: 0; }
body.m-theme__light m-media--modal .m-mediaModal__stage .m-mature-content-shown .m-mature-overlay,
body .m-theme--wrapper.m-theme--wrapper__light m-media--modal .m-mediaModal__stage .m-mature-content-shown .m-mature-overlay {
background-color: rgba(255, 255, 255, 0); }
body.m-theme__dark m-media--modal .m-mediaModal__stage .m-mature-content-shown .m-mature-overlay,
body .m-theme--wrapper.m-theme--wrapper__dark m-media--modal .m-mediaModal__stage .m-mature-content-shown .m-mature-overlay {
background-color: rgba(255, 255, 255, 0); }
m-media--modal .m-mediaModal__stage .m-mature-content-shown .m-mature-overlay .m-mature-overlay-note i {
display: none; }
m-youtubemigration__config {
display: block;
margin-top: 30px; }
m-youtubemigration__config .m-youtubeMigration__desc p {
margin-bottom: 12px; }
m-youtubemigration__config .m-youtubeMigration__desc p span {
font-weight: 500; }
body.m-theme__light m-youtubemigration__config .m-youtubeMigration__desc p span,
body .m-theme--wrapper.m-theme--wrapper__light m-youtubemigration__config .m-youtubeMigration__desc p span {
color: #1b85d6; }
body.m-theme__dark m-youtubemigration__config .m-youtubeMigration__desc p span,
body .m-theme--wrapper.m-theme--wrapper__dark m-youtubemigration__config .m-youtubeMigration__desc p span {
color: #1b85d6; }
m-youtubemigration__config .m-youtubeMigration__desc p:last-child a {
display: inline-block;
font-weight: 500;
margin-top: 8px;
cursor: pointer; }
m-youtubemigration__config .m-youtubeMigration__desc p,
m-youtubemigration__config .m-form__customInputWrapper__checkbox {
font-size: 15px;
line-height: 21px;
font-weight: 300; }
body.m-theme__light m-youtubemigration__config .m-youtubeMigration__desc p,
body .m-theme--wrapper.m-theme--wrapper__light m-youtubemigration__config .m-youtubeMigration__desc p, body.m-theme__light
m-youtubemigration__config .m-form__customInputWrapper__checkbox,
body .m-theme--wrapper.m-theme--wrapper__light
m-youtubemigration__config .m-form__customInputWrapper__checkbox {
color: #72727c; }
body.m-theme__dark m-youtubemigration__config .m-youtubeMigration__desc p,
body .m-theme--wrapper.m-theme--wrapper__dark m-youtubemigration__config .m-youtubeMigration__desc p, body.m-theme__dark
m-youtubemigration__config .m-form__customInputWrapper__checkbox,
body .m-theme--wrapper.m-theme--wrapper__dark
m-youtubemigration__config .m-form__customInputWrapper__checkbox {
color: #b8c1ca; }
m-youtubeMigration__dashboard .m-tabs__container {
margin: 10px 0 !important;
padding: 0 !important; }
m-youtubeMigration__dashboard .m-tabs__container .m-tabs__tab a {
padding: 10px 0 !important; }
m-youtubeMigration__dashboard .m-tabs__container .m-tabs__tab:first-child a {
margin-left: 0 !important; }
m-youtubeMigration__marketing .m-marketing__main h1 {
white-space: nowrap; }
m-youtubeMigration__marketing .m-marketing__main h2 em::after {
top: 0.09em;
right: -0.08em;
bottom: 0.12em; }
m-youtubeMigration__marketing .m-marketing__section--tail button {
margin: 45px 0; }
m-youtubeMigration__marketing .m-marketing__section ul.m-marketing__points > li {
font-size: 18px;
line-height: 27px; }
@media screen and (min-width: 700px) and (max-width: 1168px) {
m-youtubeMigration__marketing .m-marketing__section ul.m-marketing__points > li {
font-size: 16px;
line-height: 24px; } }
@media screen and (max-width: 700px) {
m-youtubeMigration__marketing .m-marketing__section ul.m-marketing__points > li {
font-size: 15px;
line-height: 22px; } }
m-youtubeMigration__setupModal {
display: block;
padding: 30px; }
m-youtubeMigration__setupModal p {
font-size: 15px; }
m-youtubeMigration__setupModal .m-youtubeMigration__setupModal__buttonsContainer {
display: flex;
flex-flow: row wrap-reverse;
justify-content: center;
margin-top: 30px; }
@media screen and (max-width: 480px) {
m-youtubeMigration__setupModal .m-youtubeMigration__setupModal__buttonsContainer {
width: 100%; } }
m-youtubeMigration__setupModal .m-youtubeMigration__setupModal__buttonsContainer m-button {
margin: 8px 0 0 18px; }
@media screen and (max-width: 480px) {
m-youtubeMigration__setupModal .m-youtubeMigration__setupModal__buttonsContainer m-button {
width: 100%;
margin: 8px 0 0 0; }
m-youtubeMigration__setupModal .m-youtubeMigration__setupModal__buttonsContainer m-button .m-button {
width: 100%; } }
m-youtubeMigration__transferStatus {
display: block; }
body.m-theme__light m-youtubeMigration__transferStatus,
body .m-theme--wrapper.m-theme--wrapper__light m-youtubeMigration__transferStatus {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-youtubeMigration__transferStatus,
body .m-theme--wrapper.m-theme--wrapper__dark m-youtubeMigration__transferStatus {
border-bottom: 1px solid #414c57; }
m-youtubeMigration__transferStatus .m-youtubeMigration__transferStatusWrapper {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
margin: 18px 0;
font-size: 15px;
line-height: 17px; }
body.m-theme__light m-youtubeMigration__transferStatus .m-youtubeMigration__transferStats,
body .m-theme--wrapper.m-theme--wrapper__light m-youtubeMigration__transferStatus .m-youtubeMigration__transferStats {
color: #72727c; }
body.m-theme__dark m-youtubeMigration__transferStatus .m-youtubeMigration__transferStats,
body .m-theme--wrapper.m-theme--wrapper__dark m-youtubeMigration__transferStatus .m-youtubeMigration__transferStats {
color: #b8c1ca; }
m-youtubeMigration__transferStatus .m-youtubeMigration__transferStats div {
display: inline-block;
margin-right: 3px; }
m-youtubeMigration__transferStatus .m-youtubeMigration__transferStats span {
font-weight: 500; }
body.m-theme__light m-youtubeMigration__transferStatus .m-youtubeMigration__transferStats span,
body .m-theme--wrapper.m-theme--wrapper__light m-youtubeMigration__transferStatus .m-youtubeMigration__transferStats span {
color: #43434d; }
body.m-theme__dark m-youtubeMigration__transferStatus .m-youtubeMigration__transferStats span,
body .m-theme--wrapper.m-theme--wrapper__dark m-youtubeMigration__transferStatus .m-youtubeMigration__transferStats span {
color: #ffffff; }
m-youtubeMigration__transferStatus a {
text-align: right;
font-weight: 400;
cursor: pointer; }
m-youtubeMigration__transferStatus a:hover {
text-decoration: underline; }
body.m-theme__light m-youtubeMigration__transferStatus a,
body .m-theme--wrapper.m-theme--wrapper__light m-youtubeMigration__transferStatus a {
color: #1b85d6; }
body.m-theme__dark m-youtubeMigration__transferStatus a,
body .m-theme--wrapper.m-theme--wrapper__dark m-youtubeMigration__transferStatus a {
color: #1b85d6; }
m-youtubeMigration__transferStatus .m-youtubeMigration__transferAll--active {
cursor: default; }
body.m-theme__light m-youtubeMigration__transferStatus .m-youtubeMigration__transferAll--active,
body .m-theme--wrapper.m-theme--wrapper__light m-youtubeMigration__transferStatus .m-youtubeMigration__transferAll--active {
color: #9b9b9b; }
body.m-theme__dark m-youtubeMigration__transferStatus .m-youtubeMigration__transferAll--active,
body .m-theme--wrapper.m-theme--wrapper__dark m-youtubeMigration__transferStatus .m-youtubeMigration__transferAll--active {
color: #797b82; }
m-youtubeMigration__transferStatus .m-youtubeMigration__transferAll--active:hover {
text-decoration: none; }
/**
* Padding, Margins and Offset
*/
m-messenger--channel-button > button {
background: transparent;
font-size: 12px;
padding: 4px 8px !important;
min-width: 128px; }
m-messenger--channel-button > button > i, m-messenger--channel-button > button.material-icons {
padding-bottom: 1px;
vertical-align: middle;
margin-top: 2px; }
m-messenger--channel-button > button > span {
padding-left: 8px; }
/**
* Padding, Margins and Offset
*/
.m-messenger--conversation {
border-radius: 3px 3px 0 0; }
body.m-theme__light .m-messenger--conversation,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--conversation {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 0px -2px rgba(0, 0, 0, 0.15), 0 1px 5px 0 rgba(0, 0, 0, 0.15); }
body.m-theme__dark .m-messenger--conversation,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--conversation {
box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.15), 0 1px 0px -2px rgba(255, 255, 255, 0.15), 0 1px 5px 0 rgba(255, 255, 255, 0.15); }
.m-messenger--conversation .m-messenger--conversation-messages {
max-height: 240px;
overflow: scroll;
overflow-x: hidden; }
.m-messenger--conversation .m-messenger--conversation-messages.m-messenger--ribbon-open {
min-height: 29px; }
.m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-message-bubble {
display: inline-block;
padding: 8px;
border-radius: 3px;
font-size: 12px;
margin: 4px 8px;
font-weight: 400;
max-width: 160px;
box-sizing: border-box;
line-height: 14px;
text-align: left;
word-wrap: break-word;
cursor: pointer;
white-space: pre-line; }
body.m-theme__light .m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-message-bubble,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-message-bubble {
background-color: #e8e8e8; }
body.m-theme__dark .m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-message-bubble,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-message-bubble {
background-color: #2f2f2f; }
.m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-message {
text-align: right; }
.m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-message img {
border-radius: 50%;
width: 18px;
margin-right: 8px;
cursor: pointer; }
.m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-message.odd {
text-align: left; }
body.m-theme__light .m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-message.odd .m-messenger--conversation-message-bubble,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-message.odd .m-messenger--conversation-message-bubble {
background-color: #cfd8dc !important; }
body.m-theme__dark .m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-message.odd .m-messenger--conversation-message-bubble,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-message.odd .m-messenger--conversation-message-bubble {
background-color: #304047 !important; }
.m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-message.odd img {
margin-right: 0;
margin-left: 8px; }
.m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-message.m-optimistic-guess {
opacity: 0.6; }
.m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-message .m-messenger--conversations-ts {
display: block;
font-size: 8px;
padding: 0px 40px; }
.m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-notice {
text-align: center;
margin: 8px 0;
font-size: 0.7em; }
.m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-notice > span {
display: inline-block;
padding: 0 8px; }
.m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-invite {
padding: 16px 8px 0; }
.m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-invite p {
text-align: center;
margin-bottom: 16px;
line-height: 1.35; }
body.m-theme__light .m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-invite button:not([disabled]):hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-invite button:not([disabled]):hover {
background-color: #455a64; }
body.m-theme__dark .m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-invite button:not([disabled]):hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--conversation .m-messenger--conversation-messages .m-messenger--conversation-messages-invite button:not([disabled]):hover {
background-color: #9fb0b9; }
.m-messenger--conversation .m-messenger--conversation-composer {
position: relative;
bottom: 0;
max-width: 100%; }
.m-messenger--conversation .m-messenger--conversation-composer textarea {
outline: none;
-webkit-appearance: none;
border: 0;
resize: none;
width: 170px;
font-size: 12px;
vertical-align: middle;
padding: 8px;
line-height: 1em;
font-family: minds_emoji, 'Roboto', Helvetica, sans-serif; }
body.m-theme__light .m-messenger--conversation .m-messenger--conversation-composer textarea,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--conversation .m-messenger--conversation-composer textarea {
background-color: #e7edf3; }
body.m-theme__dark .m-messenger--conversation .m-messenger--conversation-composer textarea,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--conversation .m-messenger--conversation-composer textarea {
background-color: #1e242a; }
.m-messenger--conversation .m-messenger--conversation-composer i {
width: 24px;
font-size: 18px;
vertical-align: middle;
cursor: pointer;
overflow: hidden; }
body.m-theme__light .m-messenger--conversation .m-messenger--conversation-composer i:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--conversation .m-messenger--conversation-composer i:hover {
color: #37474f !important; }
body.m-theme__dark .m-messenger--conversation .m-messenger--conversation-composer i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--conversation .m-messenger--conversation-composer i:hover {
color: #bfcad0 !important; }
/**
* Padding, Margins and Offset
*/
.m-messenger--dockpane {
margin: 0 8px;
width: 228px; }
.m-messenger--dockpane .m-messenger--dockpane-container {
display: none; }
.m-messenger--dockpane.m-messenger--dockpane-open .m-messenger--dockpane-container {
display: block;
width: 100%;
display: block;
position: relative; }
body.m-theme__light .m-messenger--dockpane.m-messenger--dockpane-open .m-messenger--dockpane-container,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--dockpane.m-messenger--dockpane-open .m-messenger--dockpane-container {
background-color: #e7edf3; }
body.m-theme__dark .m-messenger--dockpane.m-messenger--dockpane-open .m-messenger--dockpane-container,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--dockpane.m-messenger--dockpane-open .m-messenger--dockpane-container {
background-color: #1e242a; }
body.m-theme__light .m-messenger--dockpane.m-messenger--dockpane-open .m-messenger--dockpane-tab,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--dockpane.m-messenger--dockpane-open .m-messenger--dockpane-tab {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-messenger--dockpane.m-messenger--dockpane-open .m-messenger--dockpane-tab,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--dockpane.m-messenger--dockpane-open .m-messenger--dockpane-tab {
border-bottom: 1px solid #414c57; }
.m-messenger--dockpane .m-messenger--dockpane-tab {
font-family: 'Roboto', Helvetica, sans-serif;
border-radius: 3px 3px 0 0;
height: 28px;
width: 100%;
display: block;
cursor: pointer; }
body.m-theme__light .m-messenger--dockpane .m-messenger--dockpane-tab,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--dockpane .m-messenger--dockpane-tab {
background-color: #e7edf3;
color: #43434d; }
body.m-theme__dark .m-messenger--dockpane .m-messenger--dockpane-tab,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--dockpane .m-messenger--dockpane-tab {
background-color: #1e242a;
color: #ffffff; }
.m-messenger--dockpane .m-messenger--dockpane-tab .m-messenger--dockpane-tab-title {
padding: 5px 12px;
display: inline-block;
text-overflow: ellipsis;
max-width: 140px;
overflow: hidden; }
.m-messenger--dockpane .m-messenger--dockpane-tab .m-messenger--dockpane-tab-title > i {
vertical-align: middle;
font-size: 17px;
padding: 0 8px 0 0; }
.m-messenger--dockpane .m-messenger--dockpane-tab .m-messenger--dockpane-tab-title > span {
vertical-align: middle;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
font-weight: bold; }
.m-messenger--dockpane .m-messenger--dockpane-tab .m-messenger--dockpane-tab-actions {
text-align: right;
vertical-align: middle;
float: right;
padding-right: 8px; }
.m-messenger--dockpane .m-messenger--dockpane-tab .m-messenger--dockpane-tab-actions > i {
font-size: 14px;
padding: 8px 2px;
line-height: 12px;
border-radius: 0 3px 0 0; }
body.m-theme__light .m-messenger--dockpane .m-messenger--dockpane-tab .m-messenger--dockpane-tab-actions > i:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--dockpane .m-messenger--dockpane-tab .m-messenger--dockpane-tab-actions > i:hover {
color: #777 !important; }
body.m-theme__dark .m-messenger--dockpane .m-messenger--dockpane-tab .m-messenger--dockpane-tab-actions > i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--dockpane .m-messenger--dockpane-tab .m-messenger--dockpane-tab-actions > i:hover {
color: #848484 !important; }
.m-messenger--dockpane .m-messenger--dockpane-tab > i {
float: right;
margin: 6px 8px;
font-size: 16px;
font-weight: bold; }
.m-messenger--dockpane .m-messenger--dockpane-tab-ribbon {
position: relative;
box-sizing: border-box;
width: 100%;
top: 0;
left: 0;
text-align: left;
vertical-align: middle;
padding: 0 8px;
z-index: 1;
display: flex;
flex-direction: row;
align-items: center; }
body.m-theme__light .m-messenger--dockpane .m-messenger--dockpane-tab-ribbon,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--dockpane .m-messenger--dockpane-tab-ribbon {
background-color: #ffffff;
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-messenger--dockpane .m-messenger--dockpane-tab-ribbon,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--dockpane .m-messenger--dockpane-tab-ribbon {
background-color: #242a30;
border-bottom: 1px solid #414c57; }
.m-messenger--dockpane .m-messenger--dockpane-tab-ribbon .m-messenger--dockpane-tab-icon {
text-align: center;
text-transform: uppercase;
font-size: 8px;
line-height: 8px;
padding-bottom: 8px;
cursor: pointer; }
body.m-theme__light .m-messenger--dockpane .m-messenger--dockpane-tab-ribbon .m-messenger--dockpane-tab-icon:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--dockpane .m-messenger--dockpane-tab-ribbon .m-messenger--dockpane-tab-icon:hover {
color: #607d8b !important; }
body.m-theme__dark .m-messenger--dockpane .m-messenger--dockpane-tab-ribbon .m-messenger--dockpane-tab-icon:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--dockpane .m-messenger--dockpane-tab-ribbon .m-messenger--dockpane-tab-icon:hover {
color: #6b8a99 !important; }
body.m-theme__light .m-messenger--dockpane .m-messenger--dockpane-tab-ribbon .m-messenger--dockpane-tab-icon:hover > i,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--dockpane .m-messenger--dockpane-tab-ribbon .m-messenger--dockpane-tab-icon:hover > i {
color: #607d8b !important; }
body.m-theme__dark .m-messenger--dockpane .m-messenger--dockpane-tab-ribbon .m-messenger--dockpane-tab-icon:hover > i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--dockpane .m-messenger--dockpane-tab-ribbon .m-messenger--dockpane-tab-icon:hover > i {
color: #6b8a99 !important; }
.m-messenger--dockpane .m-messenger--dockpane-tab-ribbon .m-messenger--dockpane-tab-icon > i {
width: 100%;
font-size: 16px;
padding: 8px 2px;
line-height: 12px;
border-radius: 0 3px 0 0;
cursor: pointer; }
.m-messenger--dockpane .m-conversation-icons {
height: 8px;
width: 24px;
flex-shrink: 0;
flex-grow: 0;
justify-self: flex-end;
display: inline-flex;
position: relative;
margin-right: 5px; }
.m-messenger--dockpane .m-conversation-online {
width: 8px;
height: 8px;
border-radius: 50%;
justify-self: flex-end;
flex-shrink: 0;
position: absolute;
right: 0; }
body.m-theme__light .m-messenger--dockpane .m-conversation-online,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--dockpane .m-conversation-online {
background-color: #4690df; }
body.m-theme__dark .m-messenger--dockpane .m-conversation-online,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--dockpane .m-conversation-online {
background-color: #44aaff; }
.m-messenger--dockpane .m-conversation-new {
width: 8px;
height: 8px;
border-radius: 50%;
justify-self: flex-end;
flex-shrink: 0;
position: absolute; }
body.m-theme__light .m-messenger--dockpane .m-conversation-new,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--dockpane .m-conversation-new {
background-color: #4caf50; }
body.m-theme__dark .m-messenger--dockpane .m-conversation-new,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--dockpane .m-conversation-new {
background-color: #5cb860; }
m-messenger--dockpane {
position: absolute;
bottom: 0; }
@media screen and (max-width: 420px) {
m-messenger--dockpane {
position: relative;
right: 0 !important; } }
/**
* Padding, Margins and Offset
*/
.m-messenger--encryption input {
-webkit-appearance: none;
outline: none;
border: 0;
margin: 0;
padding: 12px;
width: 132px; }
.m-messenger--encryption .mdl-button,
.m-messenger--encryption button {
padding: 0;
font-size: 12px; }
.m-messenger--encryption p.m-messenger--error {
font-size: 11px;
margin: 0;
padding: 8px;
font-weight: bold; }
.m-messenger--encryption .m-messenger--encryption-setup-note {
font-size: 11px;
line-height: 1.35;
margin: 0;
padding: 8px 12px; }
.m-messenger--encryption .m-messenger--encryption-setup-help {
font-size: 11px;
line-height: 1.35;
margin: 0;
padding: 8px 12px; }
body.m-theme__light .m-messenger--encryption .m-messenger--encryption-setup-help,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--encryption .m-messenger--encryption-setup-help {
color: #455a64; }
body.m-theme__dark .m-messenger--encryption .m-messenger--encryption-setup-help,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--encryption .m-messenger--encryption-setup-help {
color: #9fb0b9; }
.m-messenger--encryption .m-messenger--encryption-rekey p {
line-height: 11px;
font-size: 10px;
margin: 0;
padding: 8px; }
.m-messenger--encryption .m-messenger--encryption-rekey a {
cursor: pointer; }
.m-messenger--encryption .m-messenger--encryption-rekey input {
font-size: 12px; }
body.m-theme__light .m-messenger--encryption .m-messenger--encryption-rekey input,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--encryption .m-messenger--encryption-rekey input {
background-color: #ffffff;
color: #43434d;
border-top: 1px solid #d3dbe3;
border-right: 1px solid #d3dbe3; }
body.m-theme__dark .m-messenger--encryption .m-messenger--encryption-rekey input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--encryption .m-messenger--encryption-rekey input {
background-color: #242a30;
color: #ffffff;
border-top: 1px solid #414c57;
border-right: 1px solid #414c57; }
/**
* Padding, Margins and Offset
*/
m-messenger {
display: block;
position: fixed;
bottom: 0;
right: 52px;
z-index: 40; }
@media screen and (max-width: 480px) {
m-messenger {
display: none; } }
m-messenger .m-messenger--conversations-wrappers {
position: absolute;
right: 0;
bottom: 0; }
.m-messenger--onboarding--setup--input .m-input {
max-width: 400px;
margin-bottom: 8px; }
body.m-theme__light .m-messenger--onboarding--setup--input .m-input,
body .m-theme--wrapper.m-theme--wrapper__light .m-messenger--onboarding--setup--input .m-input {
background-color: #ffffff; }
body.m-theme__dark .m-messenger--onboarding--setup--input .m-input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-messenger--onboarding--setup--input .m-input {
background-color: #242a30; }
.m-messenger--onboarding--setup--input m-tooltip {
align-self: center; }
.m-messenger--onboarding--setup--input m-tooltip i {
font-size: 18px;
margin-left: 8px; }
.m-messenger--onboarding--setup--icon {
font-size: 160px;
text-align: center; }
/**
* Padding, Margins and Offset
*/
*.m-messenger--userlist {
width: 200px;
border-radius: 3px 3px 0 0; }
body.m-theme__light *.m-messenger--userlist,
body .m-theme--wrapper.m-theme--wrapper__light *.m-messenger--userlist {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 0px -2px rgba(0, 0, 0, 0.15), 0 1px 5px 0 rgba(0, 0, 0, 0.15); }
body.m-theme__dark *.m-messenger--userlist,
body .m-theme--wrapper.m-theme--wrapper__dark *.m-messenger--userlist {
box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.15), 0 1px 0px -2px rgba(255, 255, 255, 0.15), 0 1px 5px 0 rgba(255, 255, 255, 0.15); }
*.m-messenger--userlist .m-messenger--userlist-search {
height: 30px;
width: 100%;
padding: 0;
box-sizing: border-box; }
body.m-theme__light *.m-messenger--userlist .m-messenger--userlist-search,
body .m-theme--wrapper.m-theme--wrapper__light *.m-messenger--userlist .m-messenger--userlist-search {
border-top: 1px solid #d3dbe3;
background-color: #e7edf3; }
body.m-theme__dark *.m-messenger--userlist .m-messenger--userlist-search,
body .m-theme--wrapper.m-theme--wrapper__dark *.m-messenger--userlist .m-messenger--userlist-search {
border-top: 1px solid #414c57;
background-color: #1e242a; }
*.m-messenger--userlist .m-messenger--userlist-search > i {
vertical-align: middle;
font-size: 20px;
padding: 0px 4px; }
*.m-messenger--userlist .m-messenger--userlist-search > input {
border: 0;
height: 100%;
width: 168px;
vertical-align: middle;
font-size: 12px;
line-height: 12px;
padding: 0 0 0 8px;
-webkit-appearance: none;
outline: none; }
body.m-theme__light *.m-messenger--userlist .m-messenger--userlist-search > input,
body .m-theme--wrapper.m-theme--wrapper__light *.m-messenger--userlist .m-messenger--userlist-search > input {
border-left: 1px solid #d3dbe3;
background-color: #ffffff;
color: #43434d; }
body.m-theme__dark *.m-messenger--userlist .m-messenger--userlist-search > input,
body .m-theme--wrapper.m-theme--wrapper__dark *.m-messenger--userlist .m-messenger--userlist-search > input {
border-left: 1px solid #414c57;
background-color: #242a30;
color: #ffffff; }
*.m-messenger--userlist .m-messenger--userlist-conversations {
max-height: 240px;
overflow: scroll;
overflow-x: hidden; }
*.m-messenger--userlist .m-messenger--userlist-conversations-item {
cursor: pointer;
display: flex;
align-items: center; }
body.m-theme__light *.m-messenger--userlist .m-messenger--userlist-conversations-item:hover,
body .m-theme--wrapper.m-theme--wrapper__light *.m-messenger--userlist .m-messenger--userlist-conversations-item:hover {
background-color: #f6f7f7; }
body.m-theme__dark *.m-messenger--userlist .m-messenger--userlist-conversations-item:hover,
body .m-theme--wrapper.m-theme--wrapper__dark *.m-messenger--userlist .m-messenger--userlist-conversations-item:hover {
background-color: #1a2025; }
*.m-messenger--userlist .m-messenger--userlist-conversations-item img {
width: 24px;
margin: 8px;
flex-shrink: 0; }
*.m-messenger--userlist .m-messenger--userlist-conversations-item span {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 132px;
vertical-align: middle;
display: inline-block; }
*.m-messenger--userlist .m-messenger--userlist-conversations-item span.m-conversation-label {
flex-grow: 1; }
.m-confirm-password--modal--header h2 {
margin: 0;
font-size: 32px;
font-weight: 600; }
.m-confirm-password--modal .m-form {
margin-top: 16px; }
.m-confirm-password--modal .m-form .m-layout--row {
padding: 8px 0; }
m-modal-confirm m-modal .m-modal-container {
min-width: 340px;
min-height: 0; }
m-modal-confirm m-modal .m-modal-container .mdl-card {
min-height: 0; }
m-modal-confirm .m-modal-confirm-title {
font-weight: bold;
text-align: center;
margin: 0;
font-size: 21px; }
m-modal-confirm .m-modal-confirm-body {
padding: 16px 56px 16px 16px; }
m-modal-confirm .m-modal-confirm-buttons {
margin-top: 16px; }
m-modal-confirm .m-modal-confirm-buttons > button + button {
margin-left: 8px; }
/**
* Padding, Margins and Offset
*/
m-modal-signup,
m-modal-signup-on-action {
position: relative;
z-index: 90;
display: block; }
m-modal-signup m-modal,
m-modal-signup-on-action m-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; }
m-modal-signup .m-modal-container,
m-modal-signup-on-action .m-modal-container {
max-width: 368px;
min-width: 0; }
m-modal-signup .mdl-card__title,
m-modal-signup-on-action .mdl-card__title {
flex-wrap: wrap;
margin-bottom: 0; }
m-modal-signup .mdl-card__title img,
m-modal-signup-on-action .mdl-card__title img {
width: 168px;
margin: auto; }
m-modal-signup .mdl-card__title h4,
m-modal-signup-on-action .mdl-card__title h4 {
width: 100%;
font-size: 14px;
margin: 0;
text-align: center;
font-weight: 600;
letter-spacing: 2px; }
m-modal-signup .m-signup-modal-feature-icons,
m-modal-signup-on-action .m-signup-modal-feature-icons {
display: flex;
flex-flow: row nowrap;
align-items: center; }
m-modal-signup .m-signup-modal-feature-icons > div,
m-modal-signup-on-action .m-signup-modal-feature-icons > div {
text-align: center;
flex: 1; }
m-modal-signup .m-signup-modal-feature-icons > div i,
m-modal-signup-on-action .m-signup-modal-feature-icons > div i {
width: 100%;
font-size: 42px; }
m-modal-signup .m-signup-modal-feature-icons > div span,
m-modal-signup-on-action .m-signup-modal-feature-icons > div span {
width: 100%;
display: block;
font-size: 9px;
text-transform: uppercase; }
m-modal-signup .m-signup-modal-feature-text,
m-modal-signup-on-action .m-signup-modal-feature-text {
padding: 0px 8px;
margin: 0px 8px;
min-width: 240px; }
m-modal-signup .m-signup-buttons,
m-modal-signup-on-action .m-signup-buttons {
display: flex;
align-items: baseline;
justify-content: center;
flex-flow: row nowrap;
width: 100%;
box-sizing: border-box; }
m-modal-signup .m-signup-buttons > button,
m-modal-signup-on-action .m-signup-buttons > button {
margin-left: 8px; }
m-modal-signup .m-modal-signup-apps,
m-modal-signup-on-action .m-modal-signup-apps {
display: flex;
flex-flow: row nowrap;
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 0 40px; }
@media screen and (max-width: 480px) {
m-modal-signup .m-modal-signup-apps,
m-modal-signup-on-action .m-modal-signup-apps {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0 30px; } }
m-modal-signup .m-modal-signup-apps .m-androidApp__download,
m-modal-signup-on-action .m-modal-signup-apps .m-androidApp__download {
margin: 0; }
m-modal-signup .m-modal-signup-apps a,
m-modal-signup-on-action .m-modal-signup-apps a {
margin: 4px; }
@media screen and (min-width: 480px) {
m-modal-signup .m-modal-signup-apps a,
m-modal-signup-on-action .m-modal-signup-apps a {
flex: 1; } }
m-modal-signup .m-modal-signup-apps a img,
m-modal-signup-on-action .m-modal-signup-apps a img {
min-width: 130px; }
m-modal-signup .m-modal-signup-skip,
m-modal-signup-on-action .m-modal-signup-skip {
cursor: pointer; }
.m-overlayModal__share {
overflow-y: visible; }
body.m-theme__light .m-overlayModal__share,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share {
color: #444; }
body.m-theme__dark .m-overlayModal__share,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share {
color: #b7b7b7; }
.m-overlayModal__share h3 {
font-size: 28px;
font-weight: 600;
margin: 0 32px 26px 0; }
body.m-theme__light .m-overlayModal__share h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share h3 {
color: #444; }
body.m-theme__dark .m-overlayModal__share h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share h3 {
color: #b7b7b7; }
.m-overlayModal__share .m-share__label-container {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px; }
.m-overlayModal__share .m-share__input-container {
margin-bottom: 16px; }
.m-overlayModal__share .m-share__input-container .m-share__input {
margin-bottom: 0;
border-radius: 2px;
display: flex;
justify-content: space-between; }
body.m-theme__light .m-overlayModal__share .m-share__input-container .m-share__input.focused,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__input-container .m-share__input.focused {
border-color: #4690df; }
body.m-theme__dark .m-overlayModal__share .m-share__input-container .m-share__input.focused,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__input-container .m-share__input.focused {
border-color: #44aaff; }
.m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputText {
width: 95%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left !important;
font-size: 18px;
border: none;
padding: 8px 0 8px 8px;
margin: 1px 0 1px 4px;
opacity: 1;
transition: opacity 0.15s ease;
-webkit-transition: opacity 0.15s ease; }
body.m-theme__light .m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputText,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputText {
background-color: transparent;
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark .m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputText,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputText {
background-color: transparent;
color: rgba(255, 255, 255, 0.87); }
.m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputText::-moz-selection {
background-color: #b3d4fc; }
.m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputText::selection {
background-color: #b3d4fc; }
.m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputText:focus {
outline: none; }
.m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputText.m-share__inputText--flashing {
opacity: 0.5; }
.m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputButton {
cursor: pointer;
padding: 11px; }
body.m-theme__light .m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputButton,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputButton {
color: #72727c; }
body.m-theme__dark .m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputButton,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputButton {
color: #b8c1ca; }
.m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputButton:hover {
text-decoration: underline; }
.m-overlayModal__share .m-share__input-container .m-share__input .m-share__inputButton .m-share__copy-icon {
font-size: 16px; }
.m-overlayModal__share .m-share__referrerParamCheckboxContainer {
margin-left: 4px; }
.m-overlayModal__share .m-share__referrerParamCheckboxContainer label > span {
font-size: 14px; }
body.m-theme__light .m-overlayModal__share .m-share__referrerParamCheckboxContainer label > span,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__referrerParamCheckboxContainer label > span {
color: #666; }
body.m-theme__dark .m-overlayModal__share .m-share__referrerParamCheckboxContainer label > span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__referrerParamCheckboxContainer label > span {
color: #959595; }
.m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip i {
font-size: 14px; }
body.m-theme__light .m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip i {
color: #aaa; }
body.m-theme__dark .m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip i {
color: #515151; }
body.m-theme__light .m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip i.m-share__newWindowIcon,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip i.m-share__newWindowIcon {
color: #90a4ae; }
body.m-theme__dark .m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip i.m-share__newWindowIcon,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip i.m-share__newWindowIcon {
color: #4f6873; }
.m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip .m-tooltip--bubble a {
text-decoration: none;
font-weight: 400; }
body.m-theme__light .m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip .m-tooltip--bubble a,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip .m-tooltip--bubble a {
color: #90a4ae; }
body.m-theme__dark .m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip .m-tooltip--bubble a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip .m-tooltip--bubble a {
color: #4f6873; }
.m-overlayModal__share .m-share__referrerParamCheckboxContainer m-tooltip .m-tooltip--bubble a:hover {
text-decoration: underline; }
.m-overlayModal__share .m-share__buttonsContainer {
margin-top: 24px; }
.m-overlayModal__share .m-share__buttonsContainer .m-share__buttons {
display: flex;
justify-content: flex-start;
flex-wrap: wrap; }
.m-overlayModal__share .m-share__buttonsContainer .m-share__buttons button {
cursor: pointer;
border-radius: 50%;
height: 32px;
width: 32px;
border: none;
margin: 12px 18px 12px 0;
position: relative;
padding-top: 1px; }
body.m-theme__light .m-overlayModal__share .m-share__buttonsContainer .m-share__buttons button:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__buttonsContainer .m-share__buttons button:hover {
box-shadow: inset 0 0 16px 16px rgba(0, 0, 0, 0.2); }
body.m-theme__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__buttons button:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__buttons button:hover {
box-shadow: inset 0 0 16px 16px rgba(0, 0, 0, 0.2); }
body.m-theme__light .m-overlayModal__share .m-share__buttonsContainer .m-share__buttons button:active,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__buttonsContainer .m-share__buttons button:active {
box-shadow: inset 0 0 16px 16px rgba(0, 0, 0, 0.05); }
body.m-theme__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__buttons button:active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__buttons button:active {
box-shadow: inset 0 0 16px 16px rgba(0, 0, 0, 0.05); }
.m-overlayModal__share .m-share__buttonsContainer .m-share__buttons button:focus {
outline: none; }
.m-overlayModal__share .m-share__buttonsContainer .m-share__buttons button img {
position: absolute;
top: calc(50% - 9px);
left: calc(50% - 9px); }
body.m-theme__light .m-overlayModal__share .m-share__buttonsContainer .m-share__button--twitter,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__buttonsContainer .m-share__button--twitter {
background-color: #03b3ee; }
body.m-theme__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__button--twitter,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__button--twitter {
background-color: #03b3ee; }
body.m-theme__light .m-overlayModal__share .m-share__buttonsContainer .m-share__button--messenger,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__buttonsContainer .m-share__button--messenger {
background-color: #0084ff; }
body.m-theme__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__button--messenger,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__button--messenger {
background-color: #0084ff; }
body.m-theme__light .m-overlayModal__share .m-share__buttonsContainer .m-share__button--facebook,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__buttonsContainer .m-share__button--facebook {
background-color: #3b5998; }
body.m-theme__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__button--facebook,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__button--facebook {
background-color: #3b5998; }
body.m-theme__light .m-overlayModal__share .m-share__buttonsContainer .m-share__button--whatsapp,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__buttonsContainer .m-share__button--whatsapp {
background-color: #25d366; }
body.m-theme__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__button--whatsapp,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__button--whatsapp {
background-color: #25d366; }
body.m-theme__light .m-overlayModal__share .m-share__buttonsContainer .m-share__button--sms,
body .m-theme--wrapper.m-theme--wrapper__light .m-overlayModal__share .m-share__buttonsContainer .m-share__button--sms, body.m-theme__light
.m-overlayModal__share .m-share__buttonsContainer .m-share__button--email,
body .m-theme--wrapper.m-theme--wrapper__light
.m-overlayModal__share .m-share__buttonsContainer .m-share__button--email {
background-color: #607d8b; }
body.m-theme__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__button--sms,
body .m-theme--wrapper.m-theme--wrapper__dark .m-overlayModal__share .m-share__buttonsContainer .m-share__button--sms, body.m-theme__dark
.m-overlayModal__share .m-share__buttonsContainer .m-share__button--email,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-overlayModal__share .m-share__buttonsContainer .m-share__button--email {
background-color: #6b8a99; }
.m-modalV2__wrapper {
width: 100vw;
height: 100vh;
max-width: 100%;
max-height: 100%;
padding: 0;
overflow-x: hidden;
overflow-y: auto; }
m-stackableModal .m-modalV2__wrapper {
position: fixed;
top: 0;
left: 0; }
.m-modalV2__wrapper .m-overlay-modal--backdrop {
z-index: 0; }
.m-modalV2__wrapper .m-overlay-modal {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: static;
padding: 0;
margin: 0 auto;
transform: none !important;
overflow: initial;
width: auto;
height: auto;
max-width: initial;
max-height: initial;
min-height: 100%;
background: none !important; }
@media screen and (max-width: 480px) {
.m-modalV2__wrapper .m-overlay-modal {
position: absolute;
top: 0; } }
body.m-theme__light .m-modalV2__wrapper .m-overlay-modal .m-overlay-modal--close,
body .m-theme--wrapper.m-theme--wrapper__light .m-modalV2__wrapper .m-overlay-modal .m-overlay-modal--close {
background-color: transparent; }
body.m-theme__dark .m-modalV2__wrapper .m-overlay-modal .m-overlay-modal--close,
body .m-theme--wrapper.m-theme--wrapper__dark .m-modalV2__wrapper .m-overlay-modal .m-overlay-modal--close {
background-color: transparent; }
.m-modalV2__inner {
position: relative;
display: block;
width: 100%;
max-width: 585px;
margin: 20px 0;
border-radius: 4px;
box-sizing: border-box; }
body.m-theme__light .m-modalV2__inner,
body .m-theme--wrapper.m-theme--wrapper__light .m-modalV2__inner {
background-color: #ffffff; }
body.m-theme__dark .m-modalV2__inner,
body .m-theme--wrapper.m-theme--wrapper__dark .m-modalV2__inner {
background-color: #242a30; }
@media screen and (max-width: 480px) {
.m-modalV2__inner {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 0;
margin: 0; } }
.m-modalV2__header {
padding: 40px 40px 0; }
.m-modalV2__header .m-modalV2Header__title {
margin: 0;
font-weight: 500;
font-size: 24px;
line-height: 32px; }
body.m-theme__light .m-modalV2__header .m-modalV2Header__title,
body .m-theme--wrapper.m-theme--wrapper__light .m-modalV2__header .m-modalV2Header__title {
color: #43434d; }
body.m-theme__dark .m-modalV2__header .m-modalV2Header__title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-modalV2__header .m-modalV2Header__title {
color: #ffffff; }
.m-modalV2__body {
padding: 20px 40px;
max-height: 420px;
overflow-y: scroll;
overflow-y: overlay; }
.m-modalV2__toolbar {
display: flex;
flex-direction: row;
align-items: center;
padding: 20px; }
body.m-theme__light .m-modalV2__toolbar,
body .m-theme--wrapper.m-theme--wrapper__light .m-modalV2__toolbar {
border-top: 1px solid #d3dbe3; }
body.m-theme__dark .m-modalV2__toolbar,
body .m-theme--wrapper.m-theme--wrapper__dark .m-modalV2__toolbar {
border-top: 1px solid #414c57; }
.m-modalV2__toolbar m-button {
font-size: 16px;
line-height: 28px; }
m-activity {
display: block;
position: relative;
box-sizing: border-box; }
m-activity, m-activity.m-border {
border-radius: 2px; }
body.m-theme__light m-activity,
body .m-theme--wrapper.m-theme--wrapper__light m-activity {
background: #ffffff; }
body.m-theme__dark m-activity,
body .m-theme--wrapper.m-theme--wrapper__dark m-activity {
background: #242a30; }
body.m-theme__light m-activity .m-comment .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__light m-activity .m-comment .minds-avatar {
background: #ffffff; }
body.m-theme__dark m-activity .m-comment .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__dark m-activity .m-comment .minds-avatar {
background: #242a30; }
m-activity > m-comments__entityOutlet
> m-comments__tree
> m-comments__thread
> .m-comments__thread > m-comment__poster .m-commentPoster__wrapper,
m-activity > m-comments__entityOutlet > m-comment__poster .m-commentPoster__wrapper {
margin: 10px; }
.m-activity--fixedHeight {
height: 750px;
display: flex;
flex-direction: column; }
.m-activity--fixedHeightContainer {
height: 100%;
width: 100%; }
body.m-theme__light .m-activity--boost,
body .m-theme--wrapper.m-theme--wrapper__light .m-activity--boost {
border-color: #4690df; }
body.m-theme__dark .m-activity--boost,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activity--boost {
border-color: #44aaff; }
.m-activity--minimalRemind .m-activity__remindUsers {
display: none; }
.m-activity__flag {
padding: 4px 8px;
border-radius: 26px;
margin-left: 10px;
display: inline-flex;
align-items: center;
flex-direction: row;
cursor: default;
text-decoration: none; }
.m-activity__flag > i,
.m-activity__flag > span > a > span,
.m-activity__flag > a > i {
line-height: 16px; }
.m-activity__flag a {
text-decoration: none;
font-weight: 400;
display: flex; }
body.m-theme__light .m-activity__flag a,
body .m-theme--wrapper.m-theme--wrapper__light .m-activity__flag a {
color: #72727c; }
body.m-theme__dark .m-activity__flag a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activity__flag a {
color: #b8c1ca; }
.m-activity__flag:has(.m-activity__flag > span) i {
margin-right: 5px; }
@media screen and (max-width: 768px) {
.m-activity__flag > span,
.m-activity__flag > a > span {
display: none; } }
body.m-theme__light .m-activity__flag,
body .m-theme--wrapper.m-theme--wrapper__light .m-activity__flag {
border: 1px solid #d3dbe3;
background-color: unset;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
color: #72727c; }
body.m-theme__dark .m-activity__flag,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activity__flag {
border: 1px solid #414c57;
background-color: unset;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
color: #b8c1ca; }
body.m-theme__light .m-activity__flag--permaweb i,
body .m-theme--wrapper.m-theme--wrapper__light .m-activity__flag--permaweb i, body.m-theme__light
.m-activity__flag--pinned i,
body .m-theme--wrapper.m-theme--wrapper__light
.m-activity__flag--pinned i, body.m-theme__light
.m-activity__flag--boosted i,
body .m-theme--wrapper.m-theme--wrapper__light
.m-activity__flag--boosted i {
color: #72727c; }
body.m-theme__dark .m-activity__flag--permaweb i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activity__flag--permaweb i, body.m-theme__dark
.m-activity__flag--pinned i,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-activity__flag--pinned i, body.m-theme__dark
.m-activity__flag--boosted i,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-activity__flag--boosted i {
color: #b8c1ca; }
body.m-theme__light .m-activity__flag--permaweb svg,
body .m-theme--wrapper.m-theme--wrapper__light .m-activity__flag--permaweb svg, body.m-theme__light
.m-activity__flag--pinned svg,
body .m-theme--wrapper.m-theme--wrapper__light
.m-activity__flag--pinned svg, body.m-theme__light
.m-activity__flag--boosted svg,
body .m-theme--wrapper.m-theme--wrapper__light
.m-activity__flag--boosted svg {
fill: #72727c; }
body.m-theme__dark .m-activity__flag--permaweb svg,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activity__flag--permaweb svg, body.m-theme__dark
.m-activity__flag--pinned svg,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-activity__flag--pinned svg, body.m-theme__dark
.m-activity__flag--boosted svg,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-activity__flag--boosted svg {
fill: #b8c1ca; }
.m-activity__flag--permaweb i,
.m-activity__flag--permaweb svg,
.m-activity__flag--pinned i,
.m-activity__flag--pinned svg,
.m-activity__flag--boosted i,
.m-activity__flag--boosted svg {
font-size: 18px; }
@media screen and (max-width: 768px) {
.m-activity__flag--permaweb i,
.m-activity__flag--permaweb svg,
.m-activity__flag--pinned i,
.m-activity__flag--pinned svg,
.m-activity__flag--boosted i,
.m-activity__flag--boosted svg {
margin-right: 4px; } }
@media screen and (max-width: 480px) {
m-channel--badges {
/* prevent badges from shown behind right container */
overflow: visible !important; } }
m-activity__content {
display: block;
width: 100%;
position: relative; }
m-activity__content.m-activityContent--paywalledStatus {
min-height: 120px;
padding-top: 50px; }
.m-activity--fixedHeight m-activity__content {
flex: 1;
display: flex;
flex-direction: column;
height: auto;
min-height: 0; }
.m-activity--fixedHeight .m-activityContent__media--video,
.m-activity--fixedHeight .m-activityContent__media--image,
.m-activity--fixedHeight .m-activityContent__media--richEmbed,
.m-activity--fixedHeight .m-activityContent__remind {
flex-shrink: 1;
flex-grow: 1;
display: flex;
flex-direction: column; }
.m-activity--fixedHeight .m-activityContent__media--image img {
max-height: 100%;
height: 100%; }
.m-activity--fixedHeight .m-activityContent__fixedHeightSpacer {
flex: 1; }
.m-activityContent__remind {
overflow: hidden; }
body.m-theme__light .m-activityContent__media--video,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__media--video, body.m-theme__light
.m-activityContent__media--image,
body .m-theme--wrapper.m-theme--wrapper__light
.m-activityContent__media--image, body.m-theme__light
.m-activityContent__media--richEmbed,
body .m-theme--wrapper.m-theme--wrapper__light
.m-activityContent__media--richEmbed {
background: #ffffff; }
body.m-theme__dark .m-activityContent__media--video,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__media--video, body.m-theme__dark
.m-activityContent__media--image,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-activityContent__media--image, body.m-theme__dark
.m-activityContent__media--richEmbed,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-activityContent__media--richEmbed {
background: #242a30; }
.m-activityContent__message {
font-size: 15px;
white-space: pre-line; }
.m-activityContent__message.m-activityContent__message--isTextOnly {
word-break: break-word; }
.m-activityContent__message.m-activityContent__message--isTextOnly.m-activityContent__message--short {
line-height: 34px;
font-size: 28px; }
.m-activityContent__message.m-activityContent__message--minimalMode.m-activityContent__message--quote .m-activityContent__messageWrapper {
font-weight: 400; }
body.m-theme__light .m-activityContent__message.m-activityContent__message--minimalMode.m-activityContent__message--quote .m-activityContent__messageWrapper,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__message.m-activityContent__message--minimalMode.m-activityContent__message--quote .m-activityContent__messageWrapper {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-activityContent__message.m-activityContent__message--minimalMode.m-activityContent__message--quote .m-activityContent__messageWrapper,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__message.m-activityContent__message--minimalMode.m-activityContent__message--quote .m-activityContent__messageWrapper {
border-bottom: 1px solid #414c57; }
.m-activityContent__message.m-activityContent__message--minimalMode .m-activityContent__messageWrapper {
padding: 16px 16px; }
.m-activityContent__message.m-activityContent__message--minimalMode a {
font-weight: 400; }
.m-activityContent__message .m-activityContent__messageWrapper {
padding: 0px 21px 16px; }
.m-activityContent__message .m-activityContent__messageWrapper .m-code-highlight {
overflow-x: auto;
font-size: 16px; }
.m-activityContent__message .m-activityContent__messageWrapper .m-code-highlight pre {
overflow-x: auto; }
.m-activityContent__message,
.m-activityContent__mediaDescription {
white-space: pre-line;
word-break: break-word;
position: relative; }
body.m-theme__light .m-activityContent__message,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__message, body.m-theme__light
.m-activityContent__mediaDescription,
body .m-theme--wrapper.m-theme--wrapper__light
.m-activityContent__mediaDescription {
color: #43434d; }
body.m-theme__dark .m-activityContent__message,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__message, body.m-theme__dark
.m-activityContent__mediaDescription,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-activityContent__mediaDescription {
color: #ffffff; }
.m-activityContent__message a,
.m-activityContent__mediaDescription a {
text-decoration: none; }
body.m-theme__light .m-activityContent__message a,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__message a, body.m-theme__light
.m-activityContent__mediaDescription a,
body .m-theme--wrapper.m-theme--wrapper__light
.m-activityContent__mediaDescription a {
color: #4690df; }
body.m-theme__dark .m-activityContent__message a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__message a, body.m-theme__dark
.m-activityContent__mediaDescription a,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-activityContent__mediaDescription a {
color: #44aaff; }
.m-activityContent__message a:hover,
.m-activityContent__mediaDescription a:hover {
text-decoration: underline; }
.m-activityContent__mediaDescription {
font-size: 16px;
margin: 0; }
.m-activityContent__mediaDescription .m-activityContent__descriptionWrapper {
padding: 16px 21px; }
.m-activityContent__mediaDescription .m-activityContent__descriptionWrapper.m-activityContent__descriptionWrapper--minimalMode {
padding: 16px 16px; }
.m-activityContent__mediaDescription .m-activityContent__descriptionWrapper.m-activityContent__descriptionWrapper--minimalMode > p {
line-height: 20px; }
.m-activityContent__mediaDescription .m-activityContent__descriptionWrapper.m-activityContent__descriptionWrapper--minimalMode .m-activityContent__mediaTitle {
font-weight: 500;
font-size: 16px;
margin-bottom: 0px; }
.m-activityContent__mediaDescription .m-activityContent__descriptionWrapper.m-activityContent__descriptionWrapper--minimalMode > p:not(.m-activityContent__mediaTitle) a {
font-weight: 400; }
.m-activityContent__mediaDescription p {
margin: 0;
padding: 0;
font-size: inherit;
color: inherit; }
.m-activityContent__mediaTitle:not(.m-activityContent__mediaTitle--noDescription) {
font-weight: 600;
font-size: 22px;
line-height: 25px;
margin-bottom: 10px; }
.m-activityContent__media--video .m-videoPlayer__placeholder {
padding-top: 56.25%;
height: 100%;
box-sizing: border-box; }
@media screen and (max-width: 480px) {
.m-activityContent__media--video.isPaywall .m-videoPlayer__placeholder .minds-video-play-icon {
font-size: 70px; } }
.m-activityContent__media--image a {
height: 100%;
width: 100%; }
.m-activityContent__media--image img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
max-height: 800px; }
.m-activityContent__teaserFadeout {
position: absolute;
top: 40px;
bottom: 0;
left: 0;
right: 0;
height: calc(100% - 40px);
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-activityContent__teaserFadeout,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__teaserFadeout {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 14%, rgba(255, 255, 255, 0.8) 44%, white 80%); }
body.m-theme__dark .m-activityContent__teaserFadeout,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__teaserFadeout {
background: linear-gradient(to bottom, rgba(36, 42, 48, 0) 0%, rgba(36, 42, 48, 0.3) 14%, rgba(36, 42, 48, 0.8) 44%, #242a30 80%); }
.m-activityContent__media--richEmbed.m-activityContent__mediaRichEmbed--minimalMode .meta {
padding: 20px 16px; }
.m-activityContent__media--richEmbed.m-activityContent__mediaRichEmbed--minimalMode .meta > * {
font-size: 15px; }
body.m-theme__light .m-activityContent__media--richEmbed.m-activityContent__mediaRichEmbed--minimalMode .meta h2,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__media--richEmbed.m-activityContent__mediaRichEmbed--minimalMode .meta h2 {
color: #43434d !important; }
body.m-theme__dark .m-activityContent__media--richEmbed.m-activityContent__mediaRichEmbed--minimalMode .meta h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__media--richEmbed.m-activityContent__mediaRichEmbed--minimalMode .meta h2 {
color: #ffffff !important; }
.m-activityContent__media--richEmbed.m-activityContent__mediaRichEmbed--minimalMode .meta .m-blurb {
display: none; }
body.m-theme__light .m-activityContent__media--richEmbed.m-activityContent__mediaRichEmbed--minimalMode .meta .m-url,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__media--richEmbed.m-activityContent__mediaRichEmbed--minimalMode .meta .m-url {
color: #72727c !important; }
body.m-theme__dark .m-activityContent__media--richEmbed.m-activityContent__mediaRichEmbed--minimalMode .meta .m-url,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__media--richEmbed.m-activityContent__mediaRichEmbed--minimalMode .meta .m-url {
color: #b8c1ca !important; }
.m-activityContent__media--richEmbed img {
width: 100%;
display: block;
height: auto;
max-height: 400px;
-o-object-fit: cover;
object-fit: cover; }
.m-activityContent__media--richEmbed .meta {
padding: 20px 21px;
display: block;
text-decoration: none; }
.m-activityContent__media--richEmbed .meta:hover {
text-decoration: underline; }
.m-activityContent__media--richEmbed h2 {
font-size: 15px;
text-decoration: none; }
body.m-theme__light .m-activityContent__media--richEmbed h2,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__media--richEmbed h2 {
color: #43434d !important; }
body.m-theme__dark .m-activityContent__media--richEmbed h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__media--richEmbed h2 {
color: #ffffff !important; }
.m-activityContent__media--richEmbed .m-blurb {
display: none; }
.m-activityContent__media--richEmbed .m-url {
font-size: 13px;
padding: 0;
margin: 0; }
body.m-theme__light .m-activityContent__media--richEmbed .m-url,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__media--richEmbed .m-url {
color: #72727c !important; }
body.m-theme__dark .m-activityContent__media--richEmbed .m-url,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__media--richEmbed .m-url {
color: #b8c1ca !important; }
.m-activityContent__media--richEmbed a.m-richEmbed--paywalled {
position: relative;
cursor: default; }
body.m-theme__light .m-activityContent__media--richEmbed a.m-richEmbed--paywalled,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__media--richEmbed a.m-richEmbed--paywalled {
background-color: #ffffff; }
body.m-theme__dark .m-activityContent__media--richEmbed a.m-richEmbed--paywalled,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__media--richEmbed a.m-richEmbed--paywalled {
background-color: #242a30; }
.m-activityContent__media--richEmbed a.m-richEmbed--paywalled .m-rich-embed--title {
font-size: 18px;
font-weight: 500;
margin-bottom: 8px; }
body.m-theme__light .m-activityContent__media--richEmbed a.m-richEmbed--paywalled .m-rich-embed--title,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__media--richEmbed a.m-richEmbed--paywalled .m-rich-embed--title {
color: #43434d !important; }
body.m-theme__dark .m-activityContent__media--richEmbed a.m-richEmbed--paywalled .m-rich-embed--title,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__media--richEmbed a.m-richEmbed--paywalled .m-rich-embed--title {
color: #ffffff !important; }
.m-activityContent__media--richEmbed a.m-richEmbed--paywalled .m-blurb {
display: block;
font-size: 16px;
line-height: 24px;
margin-bottom: 0; }
body.m-theme__light .m-activityContent__media--richEmbed a.m-richEmbed--paywalled .m-blurb,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__media--richEmbed a.m-richEmbed--paywalled .m-blurb {
color: #43434d; }
body.m-theme__dark .m-activityContent__media--richEmbed a.m-richEmbed--paywalled .m-blurb,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__media--richEmbed a.m-richEmbed--paywalled .m-blurb {
color: #ffffff; }
.m-activityContent__media--richEmbed a.m-richEmbed--paywalled .m-url {
display: none; }
.m-activityContent__remind--hasMessage .m-activityContent__media--richEmbed .m-activity--fixedHeight .m-rich-embed-src {
display: flex;
flex-direction: row;
align-items: center;
height: 80px;
padding: 10px;
position: relative; }
.m-activityContent__remind--hasMessage .m-activityContent__media--richEmbed .m-activity--fixedHeight .m-rich-embed-src .thumbnail {
width: 30%; }
.m-activityContent__remind--hasMessage .m-activityContent__media--richEmbed .m-activity--fixedHeight .m-rich-embed-src .thumbnail img {
height: 80px;
border-radius: 4px; }
.m-activityContent__remind--hasMessage .m-activityContent__media--richEmbed .m-activity--fixedHeight .m-rich-embed-src .meta {
flex: 1; }
.m-activityContent__remind {
padding: 0 21px 16px; }
.m-activityContent__remind.m-activityContent__remind--minimalMode {
padding: 0; }
.m-activityContent__remind.m-activityContent__remind--minimalMode .m-activityContent__messageWrapper {
padding-top: 0; }
.m-activityContent__remind.m-activityContent__remind--minimalMode m-activity__remind {
font-weight: 400; }
body.m-theme__light .m-activityContent__remind.m-activityContent__remind--minimalMode m-activity__remind,
body .m-theme--wrapper.m-theme--wrapper__light .m-activityContent__remind.m-activityContent__remind--minimalMode m-activity__remind {
border: none; }
body.m-theme__dark .m-activityContent__remind.m-activityContent__remind--minimalMode m-activity__remind,
body .m-theme--wrapper.m-theme--wrapper__dark .m-activityContent__remind.m-activityContent__remind--minimalMode m-activity__remind {
border: none; }
.m-activityContent__remind.m-activityContent__remind--minimalMode m-activity__remind a {
font-weight: 400; }
.m-activity--minimalMode .m-activityContent--paywalledStatus {
padding-top: 30px; }
.m-activity--minimalMode .m-videoPlayer__placeholder i {
font-size: 70px; }
m-activity__nsfwConsent {
display: block;
width: 100%;
position: relative;
text-align: center; }
m-activity__nsfwConsent .m-activityNsfwConsent__icon {
font-size: 62px;
margin: 25px 0; }
body.m-theme__light m-activity__nsfwConsent .m-activityNsfwConsent__icon,
body .m-theme--wrapper.m-theme--wrapper__light m-activity__nsfwConsent .m-activityNsfwConsent__icon {
color: #9b9b9b; }
body.m-theme__dark m-activity__nsfwConsent .m-activityNsfwConsent__icon,
body .m-theme--wrapper.m-theme--wrapper__dark m-activity__nsfwConsent .m-activityNsfwConsent__icon {
color: #797b82; }
m-activity__nsfwConsent h2 {
font-size: 28px;
line-height: 36px;
font-weight: 600;
padding: 0;
margin: 0 0 8px 0; }
body.m-theme__light m-activity__nsfwConsent h2,
body .m-theme--wrapper.m-theme--wrapper__light m-activity__nsfwConsent h2 {
color: #43434d; }
body.m-theme__dark m-activity__nsfwConsent h2,
body .m-theme--wrapper.m-theme--wrapper__dark m-activity__nsfwConsent h2 {
color: #ffffff; }
m-activity__nsfwConsent h3 {
font-size: 16px;
line-height: 20px;
padding: 0;
margin: 0; }
body.m-theme__light m-activity__nsfwConsent h3,
body .m-theme--wrapper.m-theme--wrapper__light m-activity__nsfwConsent h3 {
color: #9b9b9b; }
body.m-theme__dark m-activity__nsfwConsent h3,
body .m-theme--wrapper.m-theme--wrapper__dark m-activity__nsfwConsent h3 {
color: #797b82; }
m-activity__nsfwConsent .m-activityNsfwConsent__button {
display: block;
margin: 38px 0 50px 0; }
.m-activity--fixedHeight m-activity__nsfwConsent {
flex: 1;
display: flex;
flex-direction: column; }
.m-activityNsfwConsent--minimalMode .m-activityNsfwConsent__button {
margin: 38px 16px; }
m-activity__paywall {
display: block;
width: 100%; }
m-activity__paywall.isPaywall2020 {
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2; }
m-activity__remind {
display: block;
margin: auto;
border-radius: 2px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
width: 100%; }
body.m-theme__light m-activity__remind,
body .m-theme--wrapper.m-theme--wrapper__light m-activity__remind {
background: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark m-activity__remind,
body .m-theme--wrapper.m-theme--wrapper__dark m-activity__remind {
background: #242a30;
border: 1px solid #414c57; }
.m-activity--fixedHeight m-activity__remind {
display: flex;
flex-direction: column;
overflow: hidden; }
m-newsfeed--boost-rotator {
display: contents; }
.m-boost-rotator-item {
transition: opacity 1.5s ease;
opacity: 1; }
.m-boost-rotator-item[hidden] {
transition: opacity 1s ease-out;
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden;
padding: 0;
margin: 0; }
.m-boost-rotator-tools-tool {
font-size: 32px;
cursor: pointer; }
.m-boost-rotator-tools-tool i {
font-size: 18px; }
.m-boost-rotator-tools-tool .minds-dropdown-menu .mdl-menu__item {
display: flex;
align-items: center;
overflow: visible; }
.m-boost-rotator-tools-tool .minds-dropdown-menu .mdl-menu__item .m-dropdown--spacer {
flex: 1; }
.m-boost-rotator-tools-tool .minds-dropdown-menu .mdl-menu__item > label.mdl-switch {
width: 36px; }
.m-boost-rotator-tools-tool .minds-dropdown-menu .mdl-menu__item .m-tooltip i {
font-size: 16px;
margin: 0 8px; }
body.m-theme__light .m-boost-rotator-tools-tool .minds-dropdown-menu .mdl-menu__item .m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost-rotator-tools-tool .minds-dropdown-menu .mdl-menu__item .m-tooltip i {
color: #888; }
body.m-theme__dark .m-boost-rotator-tools-tool .minds-dropdown-menu .mdl-menu__item .m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost-rotator-tools-tool .minds-dropdown-menu .mdl-menu__item .m-tooltip i {
color: #737373; }
.m-boost-rotator-tools {
display: flex;
flex-direction: row;
align-items: center; }
.m-boost-rotator-tools .m-boost-rotator-tools-tool {
position: relative;
padding: 8px;
margin-top: -14px; }
.m-boost-rotator-tools .m-boost-rotator-tools-tool .minds-dropdown-menu {
width: 170px; }
.m-boost-rotator-tools .m-boost-rotator-tools-tool button:not(.minds-more) i {
font-size: 16px; }
.m-boost-navigation {
margin: 0;
margin-top: -14px;
padding: 0;
list-style: none;
display: flex;
flex: 1; }
.m-boost-navigation li {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1.5px;
font-family: 'Roboto', Helvetica, sans-serif;
padding: 0 8px;
font-weight: 400;
cursor: pointer; }
body.m-theme__light .m-boost-navigation li,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost-navigation li {
color: #777; }
body.m-theme__dark .m-boost-navigation li,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost-navigation li {
color: #848484; }
.m-boost-navigation li span,
.m-boost-navigation li m-tooltip {
vertical-align: middle; }
.m-boost-navigation li m-tooltip i {
font-size: 11px; }
body.m-theme__light .m-boost-navigation li m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost-navigation li m-tooltip i {
color: #888; }
body.m-theme__dark .m-boost-navigation li m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost-navigation li m-tooltip i {
color: #737373; }
.m-boost-rotator-tabs {
margin: 0;
padding: 0;
list-style: none;
display: flex;
z-index: 1; }
.m-boost-rotator-tabs .m-boostRotator__tab--boost-feed a {
text-transform: uppercase;
letter-spacing: 1.25px;
font-size: 11px;
line-height: 24px;
margin-top: -5px;
margin-right: 8px;
display: block;
cursor: pointer; }
body.m-theme__light .m-boost-rotator-tabs .m-boostRotator__tab--boost-feed a,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost-rotator-tabs .m-boostRotator__tab--boost-feed a {
color: #888; }
body.m-theme__dark .m-boost-rotator-tabs .m-boostRotator__tab--boost-feed a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost-rotator-tabs .m-boostRotator__tab--boost-feed a {
color: #737373; }
.m-boost-rotator-tabs .m-boost-rotator-tabs-tab {
margin: 0 2px;
padding: 0;
list-style: none;
flex: 1;
height: 10px;
cursor: pointer; }
.m-boost-rotator-tabs li > i {
margin-top: -10px;
cursor: pointer; }
.m-boost-rotator-tabs .m-boost-rotator-paused {
margin-top: -8px !important;
margin-right: 16px !important; }
.m-boost-rotator-tabs .m-boost-rotator-paused.paused {
-webkit-animation: pulse 2s linear infinite;
animation: pulse 2s linear infinite; }
body.m-theme__light .m-boost-rotator-tabs .m-boost-rotator-paused button i,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost-rotator-tabs .m-boost-rotator-paused button i {
color: #607d8b; }
body.m-theme__dark .m-boost-rotator-tabs .m-boost-rotator-paused button i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost-rotator-tabs .m-boost-rotator-paused button i {
color: #6b8a99; }
.m-boost-rotator-tabs m-topbar--navigation--options {
padding-right: 8px;
padding-left: 8px;
margin-top: -4px; }
.m-boost-rating-menu .mdl-menu__item {
text-overflow: initial !important; }
body.m-theme__light .m-boost-rating-menu .selected,
body .m-theme--wrapper.m-theme--wrapper__light .m-boost-rating-menu .selected {
color: #607d8b !important; }
body.m-theme__dark .m-boost-rating-menu .selected,
body .m-theme--wrapper.m-theme--wrapper__dark .m-boost-rating-menu .selected {
color: #6b8a99 !important; }
@-webkit-keyframes pulse {
0% {
-webkit-filter: blur(0px); }
50% {
-webkit-filter: blur(1px); }
100% {
-webkit-filter: blur(0px); } }
@keyframes pulse {
0% {
-webkit-filter: blur(0px); }
50% {
-webkit-filter: blur(1px); }
100% {
-webkit-filter: blur(0px); } }
@-webkit-keyframes boostProgressBar {
from {
width: 0%; }
to {
width: 100%; } }
@keyframes boostProgressBar {
from {
width: 0%; }
to {
width: 100%; } }
.m-boost-rotator-progress {
display: block;
width: 100%;
height: 10px; }
.m-boost-rotator-progress .m-boost-rotator-progress-inner {
display: block;
height: 100%;
-webkit-animation-name: boostProgressBar;
animation-name: boostProgressBar;
-webkit-animation-duration: 1s;
animation-duration: 1s; }
.m-boost--disable {
margin-top: -14px;
padding: 8px;
cursor: pointer; }
.m-newsfeed__boostRotator {
width: 100%;
margin-bottom: 20px;
position: relative; }
.m-newsfeed__boostRotator m-activity {
position: absolute;
top: 0;
overflow: hidden; }
m-feedGrid {
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 16px; }
@media screen and (max-width: 480px) {
m-feedGrid {
grid-template-columns: repeat(1, 1fr); } }
.m-feedGrid__item > m-newsfeed__entity {
display: block; }
.m-feeds-sorted__Filter {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 12px;
margin-bottom: 16px; }
body.m-theme__light .m-feeds-sorted__Filter,
body .m-theme--wrapper.m-theme--wrapper__light .m-feeds-sorted__Filter {
background-color: #ffffff; }
body.m-theme__dark .m-feeds-sorted__Filter,
body .m-theme--wrapper.m-theme--wrapper__dark .m-feeds-sorted__Filter {
background-color: #242a30; }
.m-feeds-sorted__Filter m-sort-selector {
flex-grow: 1; }
.m-feeds-sorted__Filter m-topbar--navigation--options {
padding-right: 0; }
.m-feeds-sorted__SearchBox {
width: 100%;
display: none; }
@media screen and (max-width: 480px) {
.m-feeds-sorted__SearchBox {
display: block; } }
.m-feeds-sorted__SearchBox > .mdl-textfield {
margin: 0 0 16px;
padding: 0; }
.m-feeds-sorted__SearchBox > .mdl-textfield .mdl-textfield__input {
outline: none;
border-radius: 6px; }
body.m-theme__light .m-feeds-sorted__SearchBox > .mdl-textfield .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__light .m-feeds-sorted__SearchBox > .mdl-textfield .mdl-textfield__input {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-feeds-sorted__SearchBox > .mdl-textfield .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-feeds-sorted__SearchBox > .mdl-textfield .mdl-textfield__input {
border: 1px solid #414c57; }
.m-feeds-sorted__SearchBox .m-searchBarSuggestions {
width: 100%;
margin-top: 1px;
border-radius: 6px;
max-height: 50vh; }
body.m-theme__light .m-feeds-sorted__SearchBox .m-searchBarSuggestions,
body .m-theme--wrapper.m-theme--wrapper__light .m-feeds-sorted__SearchBox .m-searchBarSuggestions {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.26); }
body.m-theme__dark .m-feeds-sorted__SearchBox .m-searchBarSuggestions,
body .m-theme--wrapper.m-theme--wrapper__dark .m-feeds-sorted__SearchBox .m-searchBarSuggestions {
box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.26); }
.m-feeds-sorted__SearchBox .m-searchBarSuggestions .m-searchBarSuggestions__suggestion {
padding: 16px 8px; }
.m-feeds-sorted__SearchBox .m-searchBarSuggestions .m-searchBarSuggestions__suggestion:last-child {
border-bottom: none; }
/**
* Padding, Margins and Offset
*/
m-newsfeed--sorted .m-feeds-sorted__list.m-feeds-sortedList__flex {
display: flex;
flex-direction: row;
flex-flow: row wrap;
max-width: 680px;
margin: auto; }
m-newsfeed--sorted .m-feeds-sorted__list.m-feeds-sortedList__flex m-newsfeed__entity {
display: contents; }
m-newsfeed--sorted .m-feeds-sorted__list.m-feeds-sortedList__flex m-newsfeed__entity m-channels--tile,
m-newsfeed--sorted .m-feeds-sorted__list.m-feeds-sortedList__flex m-newsfeed__entity m-groups--tile {
display: contents; }
m-newsfeed--sorted .m-feeds-sorted__list.m-feeds-sortedList__flex m-newsfeed__entity .m-channels--tile,
m-newsfeed--sorted .m-feeds-sorted__list.m-feeds-sortedList__flex m-newsfeed__entity .m-groups--tile {
margin: 0 4px 16px;
flex-basis: calc(50% - 16px);
max-width: calc(50% - 16px); }
@media screen and (max-width: 500px) {
m-newsfeed--sorted .m-feeds-sorted__list.m-feeds-sortedList__flex m-newsfeed__entity .m-channels--tile,
m-newsfeed--sorted .m-feeds-sorted__list.m-feeds-sortedList__flex m-newsfeed__entity .m-groups--tile {
flex-basis: calc(100% - 16px);
max-width: calc(100% - 16px); } }
m-newsfeed--sorted .m-feeds-sorted__list.m-feeds-sortedList__flex m-newsfeed__entity .m-channels--tile .body h3,
m-newsfeed--sorted .m-feeds-sorted__list.m-feeds-sortedList__flex m-newsfeed__entity .m-channels--tile .body span,
m-newsfeed--sorted .m-feeds-sorted__list.m-feeds-sortedList__flex m-newsfeed__entity .m-groups--tile .body h3,
m-newsfeed--sorted .m-feeds-sorted__list.m-feeds-sortedList__flex m-newsfeed__entity .m-groups--tile .body span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.m-feeds-sorted__fallbackLegend {
text-align: center;
margin: 32px auto 28px;
height: 0;
position: relative;
border-top: 1px solid; }
body.m-theme__light .m-feeds-sorted__fallbackLegend,
body .m-theme--wrapper.m-theme--wrapper__light .m-feeds-sorted__fallbackLegend {
border-top-color: #d3dbe3; }
body.m-theme__dark .m-feeds-sorted__fallbackLegend,
body .m-theme--wrapper.m-theme--wrapper__dark .m-feeds-sorted__fallbackLegend {
border-top-color: #414c57; }
.m-feeds-sorted__fallbackLegend > span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
padding: 0 12px;
font-size: 11px;
line-height: 1;
letter-spacing: 0.5px;
text-transform: uppercase; }
body.m-theme__light .m-feeds-sorted__fallbackLegend > span,
body .m-theme--wrapper.m-theme--wrapper__light .m-feeds-sorted__fallbackLegend > span {
color: #9b9b9b;
background: #ffffff; }
body.m-theme__dark .m-feeds-sorted__fallbackLegend > span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-feeds-sorted__fallbackLegend > span {
color: #797b82;
background: #242a30; }
.m-feeds-sorted__query {
font-size: 16px;
letter-spacing: 1px;
margin: 12px 4px 4px; }
.m-feeds-sorted__Filter {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 12px;
margin-bottom: 16px; }
body.m-theme__light .m-feeds-sorted__Filter,
body .m-theme--wrapper.m-theme--wrapper__light .m-feeds-sorted__Filter {
background-color: #ffffff; }
body.m-theme__dark .m-feeds-sorted__Filter,
body .m-theme--wrapper.m-theme--wrapper__dark .m-feeds-sorted__Filter {
background-color: #242a30; }
.m-feeds-sorted__Filter.m-feeds-sorted__Filter--end {
justify-content: flex-end; }
.m-feeds-sorted__Filter m-sort-selector {
flex-grow: 1; }
.m-feeds-sorted__Filter m-topbar--navigation--options {
padding-right: 0; }
.m-feeds-sorted__SearchBox {
width: 100%;
display: none; }
@media screen and (max-width: 480px) {
.m-feeds-sorted__SearchBox {
display: block; } }
.m-feeds-sorted__SearchBox > .mdl-textfield {
margin: 0 0 16px;
padding: 0; }
.m-feeds-sorted__SearchBox > .mdl-textfield .mdl-textfield__input {
outline: none;
border-radius: 6px; }
body.m-theme__light .m-feeds-sorted__SearchBox > .mdl-textfield .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__light .m-feeds-sorted__SearchBox > .mdl-textfield .mdl-textfield__input {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-feeds-sorted__SearchBox > .mdl-textfield .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-feeds-sorted__SearchBox > .mdl-textfield .mdl-textfield__input {
border: 1px solid #414c57; }
.m-feeds-sorted__SearchBox .m-searchBarSuggestions {
width: 100%;
margin-top: 1px;
border-radius: 6px;
max-height: 50vh; }
body.m-theme__light .m-feeds-sorted__SearchBox .m-searchBarSuggestions,
body .m-theme--wrapper.m-theme--wrapper__light .m-feeds-sorted__SearchBox .m-searchBarSuggestions {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.26); }
body.m-theme__dark .m-feeds-sorted__SearchBox .m-searchBarSuggestions,
body .m-theme--wrapper.m-theme--wrapper__dark .m-feeds-sorted__SearchBox .m-searchBarSuggestions {
box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.26); }
.m-feeds-sorted__SearchBox .m-searchBarSuggestions .m-searchBarSuggestions__suggestion {
padding: 16px 8px; }
.m-feeds-sorted__SearchBox .m-searchBarSuggestions .m-searchBarSuggestions__suggestion:last-child {
border-bottom: none; }
.m-feeds-sorted__query {
font-size: 16px;
font-family: 'Roboto', Helvetica, sans-serif;
letter-spacing: 1px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
padding: 8px;
font-weight: 400; }
body.m-theme__light .m-feeds-sorted__query,
body .m-theme--wrapper.m-theme--wrapper__light .m-feeds-sorted__query {
color: #444; }
body.m-theme__dark .m-feeds-sorted__query,
body .m-theme--wrapper.m-theme--wrapper__dark .m-feeds-sorted__query {
color: #b7b7b7; }
m-newsfeed__tiles {
position: relative; }
.m-newsfeed__tiles {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-flow: row wrap;
max-width: 1280px;
margin: auto; }
.m-newsfeed__tiles.m-newsfeed__tiles--has-elements {
padding: 8px; }
body.m-theme__light .m-newsfeed__tiles.m-newsfeed__tiles--has-elements,
body .m-theme--wrapper.m-theme--wrapper__light .m-newsfeed__tiles.m-newsfeed__tiles--has-elements {
background: #fff; }
body.m-theme__dark .m-newsfeed__tiles.m-newsfeed__tiles--has-elements,
body .m-theme--wrapper.m-theme--wrapper__dark .m-newsfeed__tiles.m-newsfeed__tiles--has-elements {
background: #202527; }
.m-newsfeed__tiles .m-newsfeed-tiles__Tile {
position: relative;
flex-basis: calc(25% - 8px);
max-width: calc(25% - 8px);
padding-top: calc(25% - 8px);
height: 0;
margin: 4px;
overflow: hidden;
transform-style: preserve-3d; }
body.m-theme__light .m-newsfeed__tiles .m-newsfeed-tiles__Tile,
body .m-theme--wrapper.m-theme--wrapper__light .m-newsfeed__tiles .m-newsfeed-tiles__Tile {
background-color: rgba(0, 0, 0, 0.65); }
body.m-theme__dark .m-newsfeed__tiles .m-newsfeed-tiles__Tile,
body .m-theme--wrapper.m-theme--wrapper__dark .m-newsfeed__tiles .m-newsfeed-tiles__Tile {
background-color: rgba(255, 255, 255, 0.65); }
.m-newsfeed__tiles .m-newsfeed-tiles__Tile.m-newsfeed-tiles__Tile--is-mature > img {
filter: blur(5px) grayscale(100%);
transform: translate3d(0, 0, 0);
opacity: 0.65; }
.m-newsfeed__tiles .m-newsfeed-tiles__Tile > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.m-newsfeed__tiles .m-newsfeed-tiles__Tile i.material-icons.unlisted-icon {
position: absolute;
bottom: 4px;
right: 4px;
pointer-events: none; }
body.m-theme__light .m-newsfeed__tiles .m-newsfeed-tiles__Tile i.material-icons.unlisted-icon,
body .m-theme--wrapper.m-theme--wrapper__light .m-newsfeed__tiles .m-newsfeed-tiles__Tile i.material-icons.unlisted-icon {
color: #fff;
text-shadow: 1px 1px rgba(0, 0, 0, 0.35); }
body.m-theme__dark .m-newsfeed__tiles .m-newsfeed-tiles__Tile i.material-icons.unlisted-icon,
body .m-theme--wrapper.m-theme--wrapper__dark .m-newsfeed__tiles .m-newsfeed-tiles__Tile i.material-icons.unlisted-icon {
color: #202527;
text-shadow: 1px 1px rgba(255, 255, 255, 0.35); }
.m-newsfeed__tiles .m-newsfeed-tiles__Tile i.material-icons.mature-icon {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 3em; }
body.m-theme__light .m-newsfeed__tiles .m-newsfeed-tiles__Tile i.material-icons.mature-icon,
body .m-theme--wrapper.m-theme--wrapper__light .m-newsfeed__tiles .m-newsfeed-tiles__Tile i.material-icons.mature-icon {
color: #fff; }
body.m-theme__dark .m-newsfeed__tiles .m-newsfeed-tiles__Tile i.material-icons.mature-icon,
body .m-theme--wrapper.m-theme--wrapper__dark .m-newsfeed__tiles .m-newsfeed-tiles__Tile i.material-icons.mature-icon {
color: #202527; }
/**
* Padding, Margins and Offset
*/
m-newsfeed {
grid-area: content / span 2;
min-width: 0; }
.m-newsfeed-footer .m-footer-nav {
justify-content: flex-start; }
.m-newsfeed-footer .copyright {
text-transform: uppercase;
font-size: 11px;
padding: 0 8px;
font-weight: 600; }
.m-grid .m-newsfeed.mdl-grid {
margin: unset; }
.m-newsfeed {
max-width: 1280px;
flex-wrap: nowrap;
padding-top: 0; }
@media screen and (max-width: 480px) {
.m-newsfeed {
padding: 0; } }
.m-newsfeed .mdl-cell {
margin-top: 0; }
.m-newsfeed .m-newsfeed--logged-out {
margin: 0 auto; }
.m-newsfeed .m-newsfeedSidebar__header {
margin: 0;
font-size: 13px;
font-weight: 600;
padding: 0 8px; }
body.m-theme__light .m-newsfeed .m-newsfeedSidebar__header,
body .m-theme--wrapper.m-theme--wrapper__light .m-newsfeed .m-newsfeedSidebar__header {
color: #444; }
body.m-theme__dark .m-newsfeed .m-newsfeedSidebar__header,
body .m-theme--wrapper.m-theme--wrapper__dark .m-newsfeed .m-newsfeedSidebar__header {
color: #b7b7b7; }
.m-newsfeed.m-newsfeed--2019 .m-newsfeed--sidebar,
.m-newsfeed.m-newsfeed--2019 .m-newsfeed--boost-sidebar {
max-width: 270px; }
.m-newsfeed.m-newsfeed--2019 .m-newsfeed--sidebar m-ads-boost minds-card minds-card-group.mdl-card .m-groups-card-stats,
.m-newsfeed.m-newsfeed--2019 .m-newsfeed--boost-sidebar m-ads-boost minds-card minds-card-group.mdl-card .m-groups-card-stats {
width: 154px; }
.m-newsfeed.m-newsfeed--2019 .m-newsfeed--sidebar m-ads-boost minds-card .m-btn--with-icon,
.m-newsfeed.m-newsfeed--2019 .m-newsfeed--boost-sidebar m-ads-boost minds-card .m-btn--with-icon {
padding: 8px 12px; }
.m-newsfeed.m-newsfeed--2019 .m-newsfeed--sidebar m-ads-boost minds-card .m-btn--with-icon i,
.m-newsfeed.m-newsfeed--2019 .m-newsfeed--boost-sidebar m-ads-boost minds-card .m-btn--with-icon i {
display: none; }
.m-newsfeed.m-newsfeed--2019 .m-newsfeed--feed {
max-width: 680px;
min-width: 0; }
@media screen and (max-width: 1100px) {
.m-newsfeed.m-newsfeed--2019 {
max-width: 900px; }
.m-newsfeed.m-newsfeed--2019 .m-newsfeed--feed {
max-width: initial; } }
@media screen and (max-width: 850px) {
.m-newsfeed.m-newsfeed--2019 .m-newsfeed--sidebar,
.m-newsfeed.m-newsfeed--2019 .m-newsfeed--boost-sidebar {
display: none; } }
.minds-newsfeed-sidebar-button {
display: flex;
flex-direction: row;
align-items: center; }
.minds-newsfeed-sidebar-button .m-buypoints-tag {
font-size: 11px;
font-weight: 600;
padding-left: 8px; }
.minds-newsfeed-sidebar-button > i.material-icons {
vertical-align: middle;
position: relative;
margin-right: 0.2em; }
.minds-newsfeed-sidebar-button > i.m-newsfeed-sidebar-button--close {
float: right; }
.m-newsfeed-boost-promo {
padding: 12px 16px;
font-weight: bold; }
.m-newsfeed-boost-promo i {
vertical-align: middle;
padding-right: 12px; }
.m-invite-link {
cursor: pointer; }
.m-newsfeed--boost-header {
padding: 16px;
margin-bottom: 16px;
border-radius: 3px; }
body.m-theme__light .m-newsfeed--boost-header,
body .m-theme--wrapper.m-theme--wrapper__light .m-newsfeed--boost-header {
color: #4690df;
border: 1px solid #4690df; }
body.m-theme__dark .m-newsfeed--boost-header,
body .m-theme--wrapper.m-theme--wrapper__dark .m-newsfeed--boost-header {
color: #44aaff;
border: 1px solid #44aaff; }
.m-newsfeed--boost-header span {
vertical-align: middle;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
font-family: 'Roboto', Helvetica, Sans-serif;
cursor: default; }
.m-newsfeed--boost-header m-tooltip {
vertical-align: middle;
margin-left: 8px; }
.m-newsfeed--boost-header m-tooltip i {
font-size: 16px; }
.m-newsfeed-message {
display: block;
padding: 12px 16px;
margin-bottom: 8px;
text-align: center;
cursor: pointer;
text-decoration: inherit; }
.m-newsfeed-message i {
vertical-align: middle;
padding-right: 12px; }
.mdl-card.m-newsfeed__CompactHashtagSelector {
background-color: transparent !important;
overflow: visible; }
.m-newsfeed__sidebar .minds-usercard-block .avatar img {
-o-object-fit: cover;
object-fit: cover; }
.m-theme__2020 .m-newsfeed [class*='m-pageLayout__pane'] {
padding: 20px 40px; }
@media screen and (max-width: 1040px) {
.m-theme__2020 .m-newsfeed [class*='m-pageLayout__pane'] {
padding: 20px; } }
.m-theme__2020 .m-newsfeed .m-pageLayout__pane--right {
padding-right: 0; }
.m-theme__2020 .m-newsfeed .m-newsfeed__sidebar {
max-width: initial; }
.m-theme__2020 .m-newsfeed m-activity {
margin-bottom: 20px; }
.m-theme__2020 .m-newsfeed m-suggestions__sidebar > m-sidebarWidget {
margin-bottom: 20px; }
.m-notices__sidebar h3 {
margin: 0;
font-size: 13px;
font-weight: 600;
padding: 0 8px; }
body.m-theme__light .m-notices__sidebar h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-notices__sidebar h3 {
color: #444; }
body.m-theme__dark .m-notices__sidebar h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-notices__sidebar h3 {
color: #b7b7b7; }
.m-notices__sidebar .m-newsfeedSidebar__header {
display: inline-flex;
flex-direction: row;
width: 100%;
box-sizing: border-box; }
.m-notices__sidebar .m-newsfeedSidebar__header span {
flex: 1; }
.m-notices__sidebar .m-newsfeedSidebar__header i {
align-self: center;
font-size: 16px;
margin-left: 7px;
cursor: pointer; }
body.m-theme__light .m-notices__sidebar .m-newsfeedSidebar__header i,
body .m-theme--wrapper.m-theme--wrapper__light .m-notices__sidebar .m-newsfeedSidebar__header i {
color: #aaa; }
body.m-theme__dark .m-notices__sidebar .m-newsfeedSidebar__header i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-notices__sidebar .m-newsfeedSidebar__header i {
color: #515151; }
.m-noticesSidebar__empty {
padding: 8px;
font-size: 10px; }
body.m-theme__light .m-noticesSidebar__empty,
body .m-theme--wrapper.m-theme--wrapper__light .m-noticesSidebar__empty {
color: #888; }
body.m-theme__dark .m-noticesSidebar__empty,
body .m-theme--wrapper.m-theme--wrapper__dark .m-noticesSidebar__empty {
color: #737373; }
.m-noticesSidebar__list {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; }
body.m-theme__light .m-noticesSidebar__list,
body .m-theme--wrapper.m-theme--wrapper__light .m-noticesSidebar__list {
background-color: #ffffff; }
body.m-theme__dark .m-noticesSidebar__list,
body .m-theme--wrapper.m-theme--wrapper__dark .m-noticesSidebar__list {
background-color: #242a30; }
.m-notices__notice {
text-decoration: none;
position: relative;
padding: 12px;
padding-left: 7px;
display: block;
box-sizing: border-box; }
body.m-theme__light .m-notices__notice,
body .m-theme--wrapper.m-theme--wrapper__light .m-notices__notice {
border-left: 5px solid #fff; }
body.m-theme__dark .m-notices__notice,
body .m-theme--wrapper.m-theme--wrapper__dark .m-notices__notice {
border-left: 5px solid #202527; }
body.m-theme__light .m-notices__notice.m-notices__notice--recent,
body .m-theme--wrapper.m-theme--wrapper__light .m-notices__notice.m-notices__notice--recent {
border-left: 5px solid #4690df; }
body.m-theme__dark .m-notices__notice.m-notices__notice--recent,
body .m-theme--wrapper.m-theme--wrapper__dark .m-notices__notice.m-notices__notice--recent {
border-left: 5px solid #44aaff; }
.m-notices__notice h3 {
margin: 0;
font-size: 13px;
line-height: 1;
font-weight: 800;
padding: 0;
display: block; }
body.m-theme__light .m-notices__notice h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-notices__notice h3 {
color: #444; }
body.m-theme__dark .m-notices__notice h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-notices__notice h3 {
color: #b7b7b7; }
.m-notices__notice p {
font-size: 13px;
line-height: 1.2;
font-weight: 400;
margin-top: 8px;
margin-bottom: 0; }
body.m-theme__light .m-notices__notice p,
body .m-theme--wrapper.m-theme--wrapper__light .m-notices__notice p {
color: #666; }
body.m-theme__dark .m-notices__notice p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-notices__notice p {
color: #959595; }
.m-noticesNotice__cta {
position: absolute;
top: 0;
right: 0;
margin: 6px 12px;
font-size: 11px;
font-weight: 600;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
body.m-theme__light .m-noticesNotice__cta,
body .m-theme--wrapper.m-theme--wrapper__light .m-noticesNotice__cta {
color: #4690df; }
body.m-theme__dark .m-noticesNotice__cta,
body .m-theme--wrapper.m-theme--wrapper__dark .m-noticesNotice__cta {
color: #44aaff; }
body.m-theme__light .m-noticesSidebarList__item,
body .m-theme--wrapper.m-theme--wrapper__light .m-noticesSidebarList__item {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-noticesSidebarList__item,
body .m-theme--wrapper.m-theme--wrapper__dark .m-noticesSidebarList__item {
border-bottom: 1px solid #414c57; }
body.m-theme__light .m-noticesSidebarList__item:last-of-type,
body .m-theme--wrapper.m-theme--wrapper__light .m-noticesSidebarList__item:last-of-type {
border-bottom: 0; }
body.m-theme__dark .m-noticesSidebarList__item:last-of-type,
body .m-theme--wrapper.m-theme--wrapper__dark .m-noticesSidebarList__item:last-of-type {
border-bottom: 0; }
.m-noticesSidebarList__item .m-noticesSidebarListItem__body {
display: inline-flex;
vertical-align: middle;
align-items: center;
flex-direction: row;
width: calc(100% - 36px); }
.m-noticesSidebarList__item .m-noticesSidebarListItem__body h4 {
margin: 0;
font-size: 13px;
line-height: 18px;
font-weight: 600; }
body.m-theme__light .m-noticesSidebarList__item .m-noticesSidebarListItem__body h4,
body .m-theme--wrapper.m-theme--wrapper__light .m-noticesSidebarList__item .m-noticesSidebarListItem__body h4 {
color: #444; }
body.m-theme__dark .m-noticesSidebarList__item .m-noticesSidebarListItem__body h4,
body .m-theme--wrapper.m-theme--wrapper__dark .m-noticesSidebarList__item .m-noticesSidebarListItem__body h4 {
color: #b7b7b7; }
.m-noticesSidebarList__item .m-noticesSidebarListItem__body > div {
width: 100%;
max-width: calc(100% - 68px); }
.m-noticesSidebarList__item .m-noticesSidebarListItem__body > div > span {
overflow: hidden;
position: relative;
display: block;
text-overflow: ellipsis;
font-size: 11px;
line-height: 11px;
white-space: nowrap;
padding-right: 8px;
font-weight: 400; }
body.m-theme__light .m-noticesSidebarList__item .m-noticesSidebarListItem__body > div > span,
body .m-theme--wrapper.m-theme--wrapper__light .m-noticesSidebarList__item .m-noticesSidebarListItem__body > div > span {
color: #888; }
body.m-theme__dark .m-noticesSidebarList__item .m-noticesSidebarListItem__body > div > span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-noticesSidebarList__item .m-noticesSidebarListItem__body > div > span {
color: #737373; }
.m-noticesSidebarList__item .m-noticesSidebarListItem__body > i {
font-size: 13px;
margin-right: 8px; }
.m-noticesSidebarList__item .m-noticesSidebarListItem__body .m-btn {
height: 30px;
font-size: 10px;
letter-spacing: 1px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
.m-noticesSidebarList__item .m-noticesSidebarListItem__body .m-btn i {
display: block;
font-size: 16px;
padding: 0;
margin: 0; }
.m-noticesSidebarList__item .m-noticesSidebarListItem__body .m-btn span {
display: none; }
.m-notices__loadMore {
cursor: pointer;
font-size: 10px;
font-weight: 600;
text-align: right;
width: 100%;
display: block;
padding: 4px 8px;
box-sizing: border-box; }
body.m-theme__light .m-notices__loadMore,
body .m-theme--wrapper.m-theme--wrapper__light .m-notices__loadMore {
color: #aaa; }
body.m-theme__dark .m-notices__loadMore,
body .m-theme--wrapper.m-theme--wrapper__dark .m-notices__loadMore {
color: #515151; }
m-sidebarWidget .m-noticesSidebar__list {
border-radius: 0; }
body.m-theme__light m-sidebarWidget .m-noticesSidebar__list,
body .m-theme--wrapper.m-theme--wrapper__light m-sidebarWidget .m-noticesSidebar__list {
border: 0; }
body.m-theme__dark m-sidebarWidget .m-noticesSidebar__list,
body .m-theme--wrapper.m-theme--wrapper__dark m-sidebarWidget .m-noticesSidebar__list {
border: 0; }
m-sidebarWidget .m-notices__notice {
padding-left: 17px;
padding-right: 20px; }
m-sidebarWidget .m-noticesNotice__cta {
margin-right: 20px; }
/**
* Padding, Margins and Offset
*/
m-notifications--flyout {
width: 320px;
position: absolute;
top: 24px;
right: -160px; }
body.m-theme__light m-notifications--flyout,
body .m-theme--wrapper.m-theme--wrapper__light m-notifications--flyout {
background-color: #ffffff; }
body.m-theme__dark m-notifications--flyout,
body .m-theme--wrapper.m-theme--wrapper__dark m-notifications--flyout {
background-color: #242a30; }
@media screen and (max-width: 480px) {
m-notifications--flyout {
right: -80px; } }
m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid.m-notificationsGrid__noScroll {
overflow-y: auto; }
body.m-theme__light m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body a,
body .m-theme--wrapper.m-theme--wrapper__light m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body a {
color: #43434d; }
body.m-theme__dark m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body a,
body .m-theme--wrapper.m-theme--wrapper__dark m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body a {
color: #ffffff; }
body.m-theme__light m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body a .pseudo-link,
body .m-theme--wrapper.m-theme--wrapper__light m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body a .pseudo-link {
color: #1b85d6 !important; }
body.m-theme__dark m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body a .pseudo-link,
body .m-theme--wrapper.m-theme--wrapper__dark m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body a .pseudo-link {
color: #1b85d6 !important; }
m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body .ts.m-notification__friendlyTS {
text-transform: unset;
font-size: 12px;
letter-spacing: 0; }
body.m-theme__light m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body .ts.m-notification__friendlyTS,
body .m-theme--wrapper.m-theme--wrapper__light m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body .ts.m-notification__friendlyTS {
color: #72727c; }
body.m-theme__dark m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body .ts.m-notification__friendlyTS,
body .m-theme--wrapper.m-theme--wrapper__dark m-notifications--flyout.m-notificationsFlyout--newDesign minds-notifications .notifications-grid .mdl-cell--12-col minds-notification .body .ts.m-notification__friendlyTS {
color: #b8c1ca; }
m-notifications--flyout minds-notifications .mdl-tabs__tab-bar {
height: 40px; }
m-notifications--flyout minds-notifications .mdl-tabs__tab-bar .mdl-tabs__tab {
padding: 0 10px;
height: 40px;
line-height: 40px; }
m-notifications--flyout minds-notifications .mdl-tabs__tab-bar .mdl-tabs__tab i {
line-height: 2em;
margin-left: 0;
font-size: 18px; }
m-notifications--flyout minds-notifications .mdl-tabs__tab-bar .mdl-tabs__tab span {
display: none; }
m-notifications--flyout .m-notifications--flyout--wrapper {
max-height: calc(95vh - 60px);
overflow: visible; }
body.m-theme__light m-notifications--flyout .m-notifications--flyout--wrapper.m-notificationsFlyout--newNavigation,
body .m-theme--wrapper.m-theme--wrapper__light m-notifications--flyout .m-notifications--flyout--wrapper.m-notificationsFlyout--newNavigation {
background-color: #ffffff; }
body.m-theme__dark m-notifications--flyout .m-notifications--flyout--wrapper.m-notificationsFlyout--newNavigation,
body .m-theme--wrapper.m-theme--wrapper__dark m-notifications--flyout .m-notifications--flyout--wrapper.m-notificationsFlyout--newNavigation {
background-color: #242a30; }
m-notifications--flyout .notifications-grid {
max-height: calc(95vh - 200px);
overflow-y: scroll;
padding: 0; }
m-notifications--flyout .notifications-grid .mdl-cell--12-col {
padding: 0;
margin: 0;
width: 100%; }
m-notifications--flyout .notifications-grid .mdl-cell--12-col minds-notification {
margin-bottom: 0;
padding: 16px 8px; }
body.m-theme__light m-notifications--flyout .notifications-grid .mdl-cell--12-col minds-notification,
body .m-theme--wrapper.m-theme--wrapper__light m-notifications--flyout .notifications-grid .mdl-cell--12-col minds-notification {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-notifications--flyout .notifications-grid .mdl-cell--12-col minds-notification,
body .m-theme--wrapper.m-theme--wrapper__dark m-notifications--flyout .notifications-grid .mdl-cell--12-col minds-notification {
border-bottom: 1px solid #414c57; }
m-notifications--flyout .notifications-grid .mdl-cell--12-col minds-notification .body {
padding: 0 8px; }
m-notifications--flyout .notifications-grid .mdl-cell--12-col minds-notification .body p {
font-size: 13px;
line-height: 18px;
letter-spacing: 0.25px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
m-notifications--flyout .notifications-grid .mdl-cell--12-col minds-notification .body .ts {
font-size: 10px;
font-family: 'Roboto', Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.75px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
m-notifications--flyout .m-notificationsFlyout__bottomContainer {
padding: 18px 0;
text-align: center; }
body.m-theme__light m-notifications--flyout .m-notificationsFlyout__bottomContainer,
body .m-theme--wrapper.m-theme--wrapper__light m-notifications--flyout .m-notificationsFlyout__bottomContainer {
background-color: #ffffff; }
body.m-theme__dark m-notifications--flyout .m-notificationsFlyout__bottomContainer,
body .m-theme--wrapper.m-theme--wrapper__dark m-notifications--flyout .m-notificationsFlyout__bottomContainer {
background-color: #242a30; }
m-notifications--flyout .m-notificationsFlyout__bottomContainer a {
font-size: 12px;
letter-spacing: 0;
font-weight: normal;
text-decoration: none;
cursor: pointer; }
body.m-theme__light m-notifications--flyout .m-notificationsFlyout__bottomContainer a,
body .m-theme--wrapper.m-theme--wrapper__light m-notifications--flyout .m-notificationsFlyout__bottomContainer a {
color: #72727c; }
body.m-theme__dark m-notifications--flyout .m-notificationsFlyout__bottomContainer a,
body .m-theme--wrapper.m-theme--wrapper__dark m-notifications--flyout .m-notificationsFlyout__bottomContainer a {
color: #b8c1ca; }
m-notifications--flyout .m-notifications--flyout--bottom-container {
text-transform: uppercase;
font-family: 'Roboto', Helvetica, sans-serif;
letter-spacing: 2.5px;
text-rendering: optimizeLegibility;
font-size: 12px;
-webkit-font-smoothing: antialiased;
font-weight: 600;
padding: 8px;
text-align: center; }
m-notifications--flyout .m-notifications--flyout--bottom-container a {
display: block; }
/**
* Padding, Margins and Offset
*/
minds-notification.mdl-card {
width: 100%;
min-height: 0;
padding: 16px;
margin-bottom: 16px;
display: flex;
flex-direction: row; }
body.m-theme__light minds-notification.mdl-card:not(.mdl-shadow--2dp),
body .m-theme--wrapper.m-theme--wrapper__light minds-notification.mdl-card:not(.mdl-shadow--2dp) {
background-color: #ffffff;
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark minds-notification.mdl-card:not(.mdl-shadow--2dp),
body .m-theme--wrapper.m-theme--wrapper__dark minds-notification.mdl-card:not(.mdl-shadow--2dp) {
background-color: #242a30;
border-bottom: 1px solid #414c57; }
minds-notification.mdl-card .avatar {
display: flex;
flex-direction: column; }
minds-notification.mdl-card .avatar img {
border-radius: 50%;
width: 40px;
height: 40px;
-o-object-fit: cover;
object-fit: cover; }
minds-notification.mdl-card .body {
padding: 0 16px; }
minds-notification.mdl-card .body a {
text-decoration: none; }
body.m-theme__light minds-notification.mdl-card .body a,
body .m-theme--wrapper.m-theme--wrapper__light minds-notification.mdl-card .body a {
color: #333; }
body.m-theme__dark minds-notification.mdl-card .body a,
body .m-theme--wrapper.m-theme--wrapper__dark minds-notification.mdl-card .body a {
color: #eaeaea; }
minds-notification.mdl-card .body .pseudo-link {
font-weight: bold;
vertical-align: baseline; }
minds-notification.mdl-card .body p {
padding: 0;
margin: 0; }
minds-notification.mdl-card .body .ts {
font-size: 11px; }
minds-notifications {
grid-area: content/span 2;
min-width: 0; }
minds-notifications .m-notifications--load-new {
text-transform: uppercase;
font-family: 'Roboto', Helvetica, sans-serif;
letter-spacing: 2.5px;
cursor: pointer;
text-rendering: optimizeLegibility;
font-size: 12px;
-webkit-font-smoothing: antialiased;
font-weight: 600;
padding: 8px;
text-align: center; }
minds-notifications .m-notifications--load-new a {
margin: 0 auto; }
minds-notifications .mdl-tabs__tab {
overflow: visible;
flex: 1;
padding: 0 12px;
text-transform: unset; }
minds-notifications .mdl-tabs__tab m-tooltip {
padding-right: 4px; }
minds-notifications .mdl-tabs__tab .m-full-label {
display: inline-block; }
minds-notifications .mdl-tabs__tab .m-icon,
minds-notifications .mdl-tabs__tab .material-icons {
line-height: 2em;
margin-left: 0.35em;
vertical-align: middle;
opacity: 0.45;
cursor: pointer; }
@media only screen and (max-width: 992px) {
minds-notifications .mdl-tabs__tab {
padding: 0 16px; }
minds-notifications .mdl-tabs__tab .m-full-label {
display: none; }
minds-notifications .mdl-tabs__tab .m-icon {
margin-left: 0;
opacity: 1; } }
@media only screen and (max-width: 480px) {
minds-notifications .mdl-tabs__tab {
padding: 0 12px; } }
@media only screen and (max-width: 330px) {
minds-notifications .mdl-tabs__tab {
padding: 0 6.0015px; } }
m-notifications--topbar-toggle.m-notificationsTopbarToggle--newNav .m-notifications--topbar-toggle--icon {
font-size: 15px;
display: flex;
align-items: center; }
body.m-theme__light m-notifications--topbar-toggle.m-notificationsTopbarToggle--newNav .m-notifications--topbar-toggle--icon,
body .m-theme--wrapper.m-theme--wrapper__light m-notifications--topbar-toggle.m-notificationsTopbarToggle--newNav .m-notifications--topbar-toggle--icon {
color: #72727c; }
body.m-theme__dark m-notifications--topbar-toggle.m-notificationsTopbarToggle--newNav .m-notifications--topbar-toggle--icon,
body .m-theme--wrapper.m-theme--wrapper__dark m-notifications--topbar-toggle.m-notificationsTopbarToggle--newNav .m-notifications--topbar-toggle--icon {
color: #b8c1ca; }
m-notifications--topbar-toggle.m-notificationsTopbarToggle--newNav .m-notifications--topbar-toggle--icon--active i {
margin-right: 6px; }
body.m-theme__light m-notifications--topbar-toggle.m-notificationsTopbarToggle--newNav .m-notifications--topbar-toggle--icon--active i::after,
body .m-theme--wrapper.m-theme--wrapper__light m-notifications--topbar-toggle.m-notificationsTopbarToggle--newNav .m-notifications--topbar-toggle--icon--active i::after {
background-color: #e03c20; }
body.m-theme__dark m-notifications--topbar-toggle.m-notificationsTopbarToggle--newNav .m-notifications--topbar-toggle--icon--active i::after,
body .m-theme--wrapper.m-theme--wrapper__dark m-notifications--topbar-toggle.m-notificationsTopbarToggle--newNav .m-notifications--topbar-toggle--icon--active i::after {
background-color: #e03c20; }
m-notifications--topbar-toggle i {
cursor: pointer; }
m-notifications--topbar-toggle .counter {
cursor: default; }
m-notifications--topbar-toggle .m-notifications--topbar-toggle--icon--active i {
position: relative; }
m-notifications--topbar-toggle .m-notifications--topbar-toggle--icon--active i::after {
border-radius: 50%;
display: block;
height: 8px;
width: 8px;
content: '';
position: absolute;
top: -2px;
right: 2px; }
body.m-theme__light m-notifications--topbar-toggle .m-notifications--topbar-toggle--icon--active i::after,
body .m-theme--wrapper.m-theme--wrapper__light m-notifications--topbar-toggle .m-notifications--topbar-toggle--icon--active i::after {
background-color: #4690df; }
body.m-theme__dark m-notifications--topbar-toggle .m-notifications--topbar-toggle--icon--active i::after,
body .m-theme--wrapper.m-theme--wrapper__dark m-notifications--topbar-toggle .m-notifications--topbar-toggle--icon--active i::after {
background-color: #44aaff; }
m-notifications--topbar-toggle .m-notifications--topbar-toggle-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh; }
m-notifications--topbar-toggle .m-tooltip--bubble {
position: absolute;
right: -40px;
top: 28px; }
.m-v2-topbar__UserMenu
m-notifications--topbar-toggle
.m-notifications--topbar-toggle--icon--active::after {
top: -12px;
right: 0px; }
/**
* Padding, Margins and Offset
*/
m-notifications--toaster {
z-index: 70;
position: relative;
display: block; }
m-notifications--toaster .m-notifications--toaster {
position: fixed;
top: 68px;
right: 16px;
width: 350px;
max-width: 100vw;
max-height: 75vh; }
@media screen and (max-width: 992px) {
m-notifications--toaster .m-notifications--toaster {
top: 115px; } }
@media screen and (max-width: 480px) {
m-notifications--toaster .m-notifications--toaster {
right: 0; } }
m-notifications--toaster .m-notifications--toaster minds-notification {
margin-bottom: 8px;
padding: 8px; }
m-notifications--toaster .m-notifications--toaster minds-notification:last-child {
margin-bottom: 0; }
m-notifications--toaster .m-notifications--toaster minds-notification .body {
font-size: 0.8em; }
m-onboarding {
display: block;
padding-top: 30px;
margin-top: -51px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
grid-area: content / span 2;
position: relative; }
m-onboarding.m-onboarding--newNavigation {
margin-top: -75px; }
m-onboarding.m-onboarding--newNavigation .m-grid {
margin-top: -75px;
padding-top: 75px; }
@media screen and (max-width: 480px) {
m-onboarding {
margin-bottom: 60px; } }
body.m-theme__light m-onboarding,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding {
background-color: #ffffff; }
body.m-theme__dark m-onboarding,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding {
background-color: #242a30; }
m-onboarding.m-onboarding__iosFallback .m-onboarding__wrapper {
filter: none;
box-shadow: -1px 0px 8px rgba(50, 50, 0, 0.5); }
m-onboarding.m-onboarding__iosFallback .m-onboarding__wrapper .m-onboarding__form::before {
-webkit-clip-path: none;
clip-path: none; }
m-onboarding::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-clip-path: polygon(55% 0, 100% 0, 100% -1%, 27% 78%);
clip-path: polygon(55% 0, 100% 0, 100% -1%, 27% 78%); }
body.m-theme__light m-onboarding::before,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding::before {
background: #fed12f; }
body.m-theme__dark m-onboarding::before,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding::before {
background: #fed748; }
@media screen and (max-width: 540px) {
m-onboarding::before {
right: 0;
bottom: -3vw;
-webkit-clip-path: polygon(83% 0%, 100% 0, 116% 22%, 30% 43%);
clip-path: polygon(83% 0%, 100% 0, 116% 22%, 30% 43%);
-webkit-clip-path: polygon(77% 0%, 100% 0, 100% 11%, 30% 33%);
clip-path: polygon(77% 0%, 100% 0, 100% 11%, 30% 33%); } }
m-onboarding .m-grid {
margin: -52px 0;
padding-top: 52px;
padding-bottom: 52px;
position: relative; }
m-onboarding .m-onboarding__wrapper {
display: block;
filter: drop-shadow(-1px 0px 8px rgba(50, 50, 0, 0.5));
max-width: 692px;
margin: 0 auto; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form {
display: block;
padding: 55px 70px 80px;
color: #9b9b9b; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form {
background-color: #ffffff; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form {
background-color: #242a30; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form::before {
content: '';
background-color: #fcfcfc;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 2%, 100% 0, 100% 97%, 0 95%);
clip-path: polygon(0 2%, 100% 0, 100% 97%, 0 95%);
z-index: -1; }
@media screen and (max-width: 900px) {
m-onboarding .m-onboarding__wrapper .m-onboarding__form {
padding: 50px 20px; } }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__description {
margin: 35px 0;
font-size: 16px;
font-weight: 500;
line-height: 25px;
color: #9b9b9b; }
@media screen and (max-width: 540px) {
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__description {
font-size: 16px;
line-height: 23px; } }
m-onboarding .m-onboarding__wrapper .m-onboarding__form h1.m-onboarding__noticeTitle {
font-size: 20px;
line-height: 35px;
font-weight: 500;
margin-bottom: 0; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form h2.m-onboarding__noticeTitle {
font-size: 32px;
font-weight: bold;
line-height: 32px;
margin-top: 0; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form h2.m-onboarding__noticeTitle,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form h2.m-onboarding__noticeTitle {
color: #43434d; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form h2.m-onboarding__noticeTitle,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form h2.m-onboarding__noticeTitle {
color: #ffffff; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form h1 {
font-size: 20px;
line-height: 44px;
font-weight: bold;
color: #9b9b9b; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form h1.m-onboarding__mobileTitle {
margin-top: 0;
margin-bottom: 14px;
font-size: 13px;
line-height: 18px;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
color: #a2a2a2; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form h2 {
font-size: 32px;
line-height: 43px;
padding-bottom: 13px;
font-weight: bold; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form h2,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form h2 {
color: #43434d; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form h2,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form h2 {
color: #ffffff; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form h2.m-onboarding__mobileTitle {
font-size: 28px;
line-height: 37px;
margin-top: 0;
margin-bottom: 30px;
text-align: center;
word-break: break-word; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form h2.m-onboarding__mobileTitle,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form h2.m-onboarding__mobileTitle {
color: #43434d; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form h2.m-onboarding__mobileTitle,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form h2.m-onboarding__mobileTitle {
color: #ffffff; }
@media screen and (max-width: 740px) {
m-onboarding .m-onboarding__wrapper .m-onboarding__form h2:not(.m-onboarding__noticeTitle):not(.m-onboardingProgressbar__stepName) {
font-size: 13px;
line-height: 18px;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
margin-top: 50px;
margin-bottom: 0;
padding-bottom: 0; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form h2:not(.m-onboarding__noticeTitle):not(.m-onboardingProgressbar__stepName),
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form h2:not(.m-onboarding__noticeTitle):not(.m-onboardingProgressbar__stepName) {
color: #72727c; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form h2:not(.m-onboarding__noticeTitle):not(.m-onboardingProgressbar__stepName),
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form h2:not(.m-onboarding__noticeTitle):not(.m-onboardingProgressbar__stepName) {
color: #b8c1ca; } }
m-onboarding .m-onboarding__wrapper .m-onboarding__form a,
m-onboarding .m-onboarding__wrapper .m-onboarding__form a:hover,
m-onboarding .m-onboarding__wrapper .m-onboarding__form a:visited {
color: #9b9b9b;
text-decoration: none; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls {
position: relative;
width: 100%;
padding-top: 68px; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls::before {
display: block;
position: absolute;
width: calc(100% + 140px);
height: 18px;
top: -9px;
margin-left: -70px;
background: black;
background: linear-gradient(180deg, #f3f3f3 0%, transparent 56%); }
@media screen and (min-width: 741px) and (max-width: 900px) {
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls::before {
content: '';
width: calc(100% + 40px);
margin-left: -20px; } }
@media screen and (min-width: 900px) {
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls::before {
content: ''; } }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls h3 {
font-size: 20px;
line-height: 35px;
font-weight: 500;
margin-top: 0; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls h3,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls h3 {
color: #43434d; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls h3,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls h3 {
color: #ffffff; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__list {
margin: 0 auto;
display: flex;
flex-direction: row;
flex-flow: row wrap;
max-width: 1280px;
margin: auto; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__list minds-groups-join-button.m-groupsJoin--iconsOnly > div {
height: 34px;
width: 34px;
border: 1px solid #ececec;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__list minds-groups-join-button.m-groupsJoin--iconsOnly > div > i {
color: #a3a3a3; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__list minds-groups-join-button.m-groupsJoin--iconsOnly > div.m-groupsJoin__subscribed > i,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__list minds-groups-join-button.m-groupsJoin--iconsOnly > div.m-groupsJoin__subscribed > i {
color: #1b85d6; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__list minds-groups-join-button.m-groupsJoin--iconsOnly > div.m-groupsJoin__subscribed > i,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__list minds-groups-join-button.m-groupsJoin--iconsOnly > div.m-groupsJoin__subscribed > i {
color: #1b85d6; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__list m-channels--tile {
flex-basis: calc(25% - 16px);
max-width: calc(25% - 16px);
margin: 8px;
overflow: hidden; }
@media screen and (max-width: 990px) {
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__list m-channels--tile {
flex-basis: calc(33% - 16px);
max-width: calc(33% - 16px); } }
@media screen and (max-width: 720px) {
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__list m-channels--tile {
flex-basis: calc(50% - 16px);
max-width: calc(50% - 16px); } }
@media screen and (max-width: 500px) {
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__list m-channels--tile {
flex-basis: calc(100% - 16px);
max-width: calc(100% - 16px); } }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control {
position: relative;
display: flex;
flex-direction: column; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control:not(:first-child):not(.m-onboardingControl__location) {
padding-top: 20px; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control.m-onboardingControl__location {
padding-top: 0; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control.m-onboarding__avatar {
margin-bottom: 19px; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control.m-onboarding__avatar minds-avatar {
display: flex;
min-width: 220px; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control.m-onboarding__avatar minds-avatar .minds-avatar {
flex-shrink: 0;
background-repeat: no-repeat;
background-size: cover;
width: 64px;
height: 64px;
border-radius: 50%; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control.m-onboarding__avatar minds-avatar .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control.m-onboarding__avatar minds-avatar .minds-avatar {
border: 1px solid #d3dbe3; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control.m-onboarding__avatar minds-avatar .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control.m-onboarding__avatar minds-avatar .minds-avatar {
border: 1px solid #414c57; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control.m-onboarding__avatar minds-avatar .minds-avatar .overlay {
display: flex;
align-items: center;
justify-content: center;
position: initial;
padding: 0;
background-color: transparent; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control.m-onboarding__avatar minds-avatar .minds-avatar .overlay i.material-icons {
padding: 0; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control.m-onboarding__avatar minds-avatar .minds-avatar input[type='file'] {
cursor: pointer; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__location {
position: relative; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__location ul.m-onboarding__cities {
position: absolute;
top: 79%;
left: 0;
right: 0;
text-align: left;
padding: 8px 16px;
margin: 0;
list-style: none;
z-index: 1; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__location ul.m-onboarding__cities,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__location ul.m-onboarding__cities {
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__location ul.m-onboarding__cities,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__location ul.m-onboarding__cities {
background-color: #242a30;
border: 1px solid #414c57; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__location ul.m-onboarding__cities li {
padding: 8px 0;
cursor: pointer; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__location ul.m-onboarding__cities li,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__location ul.m-onboarding__cities li {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__location ul.m-onboarding__cities li,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__location ul.m-onboarding__cities li {
border-bottom: 1px solid #414c57; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboardingControl__label {
position: relative; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboardingControl__label > label {
display: inline-block;
font-size: 14px;
line-height: 19px;
padding-bottom: 9.5px; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboardingControl__label > span {
font-weight: bold;
font-style: italic;
position: absolute;
right: 0;
top: 0; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='text'],
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='number'] {
display: block;
width: 100%;
height: 36px;
border: 1px solid #e8e8e8;
font-size: 16px;
line-height: 21px;
padding-left: 8px;
margin-bottom: 8px; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='text'], body.m-theme__light
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='number'],
body .m-theme--wrapper.m-theme--wrapper__light
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='number'] {
color: #43434d; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='text'], body.m-theme__dark
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='number'],
body .m-theme--wrapper.m-theme--wrapper__dark
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='number'] {
color: #ffffff; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='text']:active, m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='text']:focus,
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='number']:active,
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='number']:focus {
border-color: #4a90e2; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='text'].m-onboardingInput__error,
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control input[type='number'].m-onboardingInput__error {
border-color: #d0021b; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput {
position: relative; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input {
flex-grow: 1;
display: flex;
margin-bottom: 8px; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper {
justify-content: flex-start;
flex-wrap: nowrap;
width: 100%;
border-radius: 0;
margin: 0; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input {
width: 100%;
min-width: 10px;
flex-shrink: 1;
padding-left: 8px;
font-size: 16px;
line-height: 21px; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input {
color: #43434d; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input {
color: #ffffff; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input:active, m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input:focus {
outline: none; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input:active,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input:active, body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input:focus,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input:focus {
border: 1px solid #4690df; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input:active,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input:active, body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input:focus,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input:focus {
border: 1px solid #44aaff; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input.m-onboardingInput__error {
outline: none; }
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input.m-onboardingInput__error,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input.m-onboardingInput__error {
border: 1px solid #e03c20; }
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input.m-onboardingInput__error,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__phoneInput m-phone-input .m-phone-input--wrapper input.m-onboardingInput__error {
border: 1px solid #e35036; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control m-date__dropdowns {
max-width: 294px; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__spinnerWrapper {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 36px;
margin-left: 8px; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__input {
display: flex; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__input input {
outline: none; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboardingInput__saveButton {
margin-left: 8px;
width: auto !important;
flex-shrink: 2; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__error {
font-size: 14px;
line-height: 19px;
margin-top: 3px;
text-align: right;
color: #d0021b; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form m-tooltip {
margin-left: 10px; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form m-tooltip .m-tooltip--anchored {
font-weight: bold;
font-size: 15px;
line-height: 18px;
letter-spacing: 0; }
m-onboarding .m-onboarding__wrapper .m-onboarding__form m-tooltip .m-tooltip--bubble {
font-size: 15px;
line-height: 18px; }
m-onboarding .m-onboarding__wrapper .m-onboarding__actionButtons {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 50px;
margin-bottom: 30px; }
m-onboarding .m-onboarding__wrapper .m-onboarding__actionButtons > *:not(:first-child) {
margin-left: 15px; }
m-onboarding .m-onboarding__wrapper .m-onboarding__actionButtons a {
cursor: pointer; }
/**
* Padding, Margins and Offset
*/
m-onboarding__progressbar .m-onboarding__progressbar {
display: flex;
position: relative;
z-index: 1; }
@media screen and (max-width: 740px) {
m-onboarding__progressbar .m-onboarding__progressbar {
flex-direction: column;
align-items: center;
justify-content: center; } }
m-onboarding__progressbar .m-onboarding__progressbar.m-onboarding__progressbar--desktop::after {
display: block;
content: '';
position: absolute;
bottom: 8px;
width: calc(100% + 140px);
margin-left: -70px;
height: 1px;
background-color: #dbdbdb;
z-index: 1; }
@media screen and (min-width: 741px) and (max-width: 900px) {
m-onboarding__progressbar .m-onboarding__progressbar.m-onboarding__progressbar--desktop::after {
width: calc(100% + 40px);
margin-left: -20px; } }
m-onboarding__progressbar .m-onboarding__progressbar h2.m-onboardingProgressbar__stepName {
font-size: 28px;
line-height: 37px;
text-align: center;
margin-bottom: 7px;
padding: 0; }
body.m-theme__light m-onboarding__progressbar .m-onboarding__progressbar h2.m-onboardingProgressbar__stepName,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding__progressbar .m-onboarding__progressbar h2.m-onboardingProgressbar__stepName {
color: #72727c; }
body.m-theme__dark m-onboarding__progressbar .m-onboarding__progressbar h2.m-onboardingProgressbar__stepName,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding__progressbar .m-onboarding__progressbar h2.m-onboardingProgressbar__stepName {
color: #b8c1ca; }
m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar_item--mobile {
display: block;
text-align: center;
font-size: 16px;
line-height: 21px; }
m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item {
flex-grow: 1;
display: flex;
flex-direction: column;
min-width: 50px;
max-width: 122px;
margin: 0 20px;
text-transform: uppercase; }
m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item:first-child {
margin-left: 0; }
m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item .m-onboardingProgressbarItem__number {
font-size: 13px;
line-height: 18px; }
m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item span.m-onboardingProgressbar__stepName {
font-size: 13px;
letter-spacing: 1.5px; }
m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item .m-onboardingProgressbarItem__selector {
width: 18px;
height: 18px;
margin-top: 10px;
border-radius: 100%;
background-color: #d5d5d5;
z-index: 2; }
body.m-theme__light m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item.m-onboardingProgressbar__item--selected span:nth-child(2),
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item.m-onboardingProgressbar__item--selected span:nth-child(2) {
color: #72727c; }
body.m-theme__dark m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item.m-onboardingProgressbar__item--selected span:nth-child(2),
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item.m-onboardingProgressbar__item--selected span:nth-child(2) {
color: #b8c1ca; }
body.m-theme__light m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item.m-onboardingProgressbar__item--selected .m-onboardingProgressbarItem__selector,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item.m-onboardingProgressbar__item--selected .m-onboardingProgressbarItem__selector {
background-color: #4690df; }
body.m-theme__dark m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item.m-onboardingProgressbar__item--selected .m-onboardingProgressbarItem__selector,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding__progressbar .m-onboarding__progressbar .m-onboardingProgressbar__item.m-onboardingProgressbar__item--selected .m-onboardingProgressbarItem__selector {
background-color: #44aaff; }
m-onboarding--avatarStep .m-onboarding__controls {
display: flex;
flex-direction: column; }
m-onboarding--avatarStep .m-onboarding__controls image-cropper {
padding: 0 !important; }
m-onboarding--avatarStep .m-onboarding__controls > img {
width: 125px;
margin: 0 auto 100px;
cursor: pointer; }
m-onboarding--avatarStep .m-onboarding__controls input[type='file'] {
height: 0;
width: 0; }
m-onboarding__channelList {
display: block;
width: 100%; }
m-onboarding__channelList .m-onboarding__channelList {
display: flex;
position: relative; }
m-onboarding__channelList .m-onboarding__channelList h3 {
margin: 0;
font-size: 13px;
font-weight: 600;
padding: 0 8px; }
body.m-theme__light m-onboarding__channelList .m-onboarding__channelList h3,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding__channelList .m-onboarding__channelList h3 {
color: #444; }
body.m-theme__dark m-onboarding__channelList .m-onboarding__channelList h3,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding__channelList .m-onboarding__channelList h3 {
color: #b7b7b7; }
m-onboarding__channelList .m-onboarding__channelList .mdl-spinner {
margin: 0 auto; }
m-onboarding__channelList .m-channelList__empty {
padding: 8px;
font-size: 14px;
line-height: 19px; }
body.m-theme__light m-onboarding__channelList .m-channelList__empty,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding__channelList .m-channelList__empty {
color: #888; }
body.m-theme__dark m-onboarding__channelList .m-channelList__empty,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding__channelList .m-channelList__empty {
color: #737373; }
m-onboarding__channelList .m-channelList__list {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
max-height: 245px;
overflow-y: auto; }
m-onboarding__channelList .m-channelList__item {
display: flex;
width: 100%; }
m-onboarding__channelList .m-channelList__item:last-of-type {
border-bottom: 0; }
m-onboarding__channelList .m-channelList__item:nth-child(4) ~ :last-child {
position: relative;
z-index: 1; }
m-onboarding__channelList .m-channelList__item:nth-child(4) ~ :nth-last-child(2):after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
height: 65px; }
m-onboarding__channelList .m-channelList__item a {
display: flex;
text-decoration: none;
padding: 8px 8px;
flex-grow: 1; }
m-onboarding__channelList .m-channelList__item .m-channelListItem__avatar {
width: 49px;
height: 49px;
border-radius: 50%;
background-size: cover;
display: inline-block;
margin-right: 8px;
vertical-align: middle;
flex-shrink: 0; }
m-onboarding__channelList .m-channelList__item .m-channelListItem__body {
display: inline-flex;
vertical-align: middle;
align-items: center;
flex-direction: row;
max-width: calc(100% - 36px);
width: 20px;
flex-grow: 1; }
m-onboarding__channelList .m-channelList__item .m-channelListItem__body h4 {
height: 21px;
width: 100%;
color: #636363;
font-family: Roboto;
font-size: 16px;
font-weight: 500;
line-height: 21px;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
m-onboarding__channelList .m-channelList__item .m-channelListItem__body > div {
width: 100%;
max-width: calc(100% - 68px); }
m-onboarding__channelList .m-channelList__item .m-channelListItem__body > div > span {
overflow: hidden;
position: relative;
display: block;
height: 19px;
color: #9b9b9b;
font-family: Roboto;
font-size: 14px;
line-height: 19px; }
m-onboarding__channelList .m-channelList__item .m-channelListItem__body > i {
font-size: 13px;
margin-right: 8px; }
m-onboarding__channelList .m-channelList__item .m-channelListItem__body .m-btn {
height: 30px;
font-size: 10px;
letter-spacing: 1px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
m-onboarding__channelList .m-channelList__item .m-channelListItem__body .m-btn i {
display: block;
font-size: 16px;
padding: 0;
margin: 0; }
m-onboarding__channelList .m-channelList__item .m-channelListItem__body .m-btn span {
display: none; }
m-onboarding__groupList {
display: block;
width: 100%; }
m-onboarding__groupList .m-onboarding__groupList {
display: flex;
position: relative; }
m-onboarding__groupList .m-onboarding__groupList h3 {
margin: 0;
font-size: 13px;
font-weight: 600;
padding: 0 8px; }
body.m-theme__light m-onboarding__groupList .m-onboarding__groupList h3,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding__groupList .m-onboarding__groupList h3 {
color: #444; }
body.m-theme__dark m-onboarding__groupList .m-onboarding__groupList h3,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding__groupList .m-onboarding__groupList h3 {
color: #b7b7b7; }
m-onboarding__groupList .m-onboarding__groupList .mdl-spinner {
margin: 0 auto; }
m-onboarding__groupList .m-groupList__empty {
padding: 8px;
font-size: 14px;
line-height: 19px; }
body.m-theme__light m-onboarding__groupList .m-groupList__empty,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding__groupList .m-groupList__empty {
color: #888; }
body.m-theme__dark m-onboarding__groupList .m-groupList__empty,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding__groupList .m-groupList__empty {
color: #737373; }
m-onboarding__groupList .m-groupList__list {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
max-height: 245px;
overflow-y: auto; }
m-onboarding__groupList .m-groupList__item {
display: flex;
width: 100%; }
m-onboarding__groupList .m-groupList__item:last-of-type {
border-bottom: 0; }
m-onboarding__groupList .m-groupList__item:nth-child(4) ~ :last-child {
position: relative;
z-index: 1; }
m-onboarding__groupList .m-groupList__item:nth-child(4) ~ :nth-last-child(2):after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
height: 65px; }
m-onboarding__groupList .m-groupList__item a {
display: flex;
flex-grow: 1;
text-decoration: none;
padding: 8px 8px; }
m-onboarding__groupList .m-groupList__item .m-groupListItem__avatar {
width: 49px;
height: 49px;
border-radius: 50%;
background-size: cover;
display: inline-block;
margin-right: 8px;
vertical-align: middle;
flex-shrink: 0; }
m-onboarding__groupList .m-groupList__item .m-groupListItem__body {
display: inline-flex;
vertical-align: middle;
align-items: center;
flex-direction: row;
max-width: calc(100% - 36px);
width: 20px;
flex-grow: 1; }
m-onboarding__groupList .m-groupList__item .m-groupListItem__body h4 {
height: 21px;
width: 100%;
color: #636363;
font-family: Roboto;
font-size: 16px;
font-weight: 500;
line-height: 21px;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
m-onboarding__groupList .m-groupList__item .m-groupListItem__body > div {
width: 100%; }
m-onboarding__groupList .m-groupList__item .m-groupListItem__body > div > span {
overflow: hidden;
position: relative;
display: block;
height: 19px;
color: #9b9b9b;
font-family: Roboto;
font-size: 14px;
line-height: 19px; }
m-onboarding__groupList .m-groupList__item .m-groupListItem__body > i {
font-size: 13px;
margin-right: 8px; }
m-onboarding__groupList .m-groupList__item .m-groupListItem__body .m-btn {
height: 30px;
font-size: 10px;
letter-spacing: 1px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
m-onboarding__groupList .m-groupList__item .m-groupListItem__body .m-btn i {
display: block;
font-size: 16px;
padding: 0;
margin: 0; }
m-onboarding__groupList .m-groupList__item .m-groupListItem__body .m-btn span {
display: none; }
m-onboarding__hashtagsStep .m-onboarding__description {
margin: 0 0 35px !important;
font-weight: normal !important;
line-height: 21px !important; }
body.m-theme__light m-onboarding__hashtagsStep .m-onboarding__description,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding__hashtagsStep .m-onboarding__description {
color: #43434d !important; }
body.m-theme__dark m-onboarding__hashtagsStep .m-onboarding__description,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding__hashtagsStep .m-onboarding__description {
color: #ffffff !important; }
m-onboarding__hashtagsStep ul.m-hashtags__list {
display: flex;
flex-wrap: wrap;
flex-direction: row;
list-style: none;
width: calc(100% - 16px);
margin: 0;
padding: 0; }
m-onboarding__hashtagsStep ul.m-hashtags__list li.m-hashtagsList__item {
align-self: center;
cursor: pointer;
margin: 2px 4.5px;
padding: 0 10px;
border-radius: 5px;
font-size: 18px;
line-height: 44px;
font-weight: bold;
border: 1px solid transparent; }
@media screen and (max-width: 480px) {
m-onboarding__hashtagsStep ul.m-hashtags__list li.m-hashtagsList__item {
font-size: 16px;
line-height: 35px; } }
body.m-theme__light m-onboarding__hashtagsStep ul.m-hashtags__list li.m-hashtagsList__item.m-hashtagsList__item--selected span,
body .m-theme--wrapper.m-theme--wrapper__light m-onboarding__hashtagsStep ul.m-hashtags__list li.m-hashtagsList__item.m-hashtagsList__item--selected span {
color: #4690df; }
body.m-theme__dark m-onboarding__hashtagsStep ul.m-hashtags__list li.m-hashtagsList__item.m-hashtagsList__item--selected span,
body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding__hashtagsStep ul.m-hashtags__list li.m-hashtagsList__item.m-hashtagsList__item--selected span {
color: #44aaff; }
@media screen and (min-width: 480px) {
m-onboarding__hashtagsStep ul.m-hashtags__list li.m-hashtagsList__item.m-hashtagsList__item--selected {
border: 1px solid #ececec; } }
m-onboarding__hashtagsStep .m-onboarding__actionButtons {
justify-content: flex-end; }
m-onboarding__phoneVerification m-phoneInput .m-phoneInput__countryList {
top: 38px; }
m-onboarding__phoneVerification m-phoneInput .m-phoneInput__input {
padding-top: 0;
padding-bottom: 0; }
m-onboarding__phoneVerification .m-onboarding__input {
align-items: center; }
m-onboarding__phoneVerification m-button {
height: 36px;
width: 36px;
flex-shrink: 2; }
m-onboarding__phoneVerification m-button:first-child {
margin-left: 5px; }
m-onboarding__phoneVerification m-button:last-child {
margin-right: 0px; }
m-onboarding__noticeStep .m-notice__wavingEmoji {
display: block;
width: 36px; }
m-onboarding__noticeStep .m-notice__wavingEmoji.m-notice__wavingEmoji--mobile {
margin: 0 auto;
width: 52px; }
@media screen and (max-width: 540px) {
m-onboarding__noticeStep .m-onboarding__actionButtons {
flex-direction: column-reverse;
justify-content: flex-start; }
m-onboarding__noticeStep .m-onboarding__actionButtons > *:not(:first-child) {
margin: 0 0 50px !important; } }
.m-btc__wrapper m-qr-code {
width: 300px;
height: 300px;
display: block;
position: relative; }
m-btc__settings p {
padding-right: 16px; }
m-btc__settings label {
font-weight: 600; }
m-btc__settings input {
margin: 8px 0;
border: 1px solid #ccc;
border-radius: 32px; }
/**
* Padding, Margins and Offset
*/
:host {
display: contents; }
.m-modalV2__toolbar {
padding: 20px 40px; }
.m-paymentsNewCardModal__goBack {
cursor: pointer; }
body.m-theme__light .m-paymentsNewCardModal__goBack,
body .m-theme--wrapper.m-theme--wrapper__light .m-paymentsNewCardModal__goBack {
color: #72727c; }
body.m-theme__dark .m-paymentsNewCardModal__goBack,
body .m-theme--wrapper.m-theme--wrapper__dark .m-paymentsNewCardModal__goBack {
color: #b8c1ca; }
.m-paymentsSelectCard__addNewCard {
margin-top: 8px; }
body.m-theme__light .m-paymentsSelectCard__addNewCard,
body .m-theme--wrapper.m-theme--wrapper__light .m-paymentsSelectCard__addNewCard {
border-top: 2px solid #ddd; }
body.m-theme__dark .m-paymentsSelectCard__addNewCard,
body .m-theme--wrapper.m-theme--wrapper__dark .m-paymentsSelectCard__addNewCard {
border-top: 2px solid #404040; }
.m-paymentsSelectCard__addNewCard iframe {
max-height: 112px; }
m-plus__marketing {
grid-area: content / span 2; }
m-plus__marketing .m-plus__marketing .m-plusMarketing__verify {
margin-top: 50px;
margin-bottom: 60px; }
body.m-theme__light m-plus__marketing .m-plus__marketing .m-plusMarketing__verify,
body .m-theme--wrapper.m-theme--wrapper__light m-plus__marketing .m-plus__marketing .m-plusMarketing__verify {
color: #000; }
body.m-theme__dark m-plus__marketing .m-plus__marketing .m-plusMarketing__verify,
body .m-theme--wrapper.m-theme--wrapper__dark m-plus__marketing .m-plus__marketing .m-plusMarketing__verify {
color: #fff; }
@media screen and (max-width: 1168px) {
m-plus__marketing .m-plus__marketing .m-plusMarketing__verify {
margin-top: 30px;
margin-bottom: 20px;
text-align: center; } }
m-plus__marketing .m-plus__marketing .m-plusMarketing__verify > * {
vertical-align: middle;
color: inherit; }
m-plus__marketing .m-plus__marketing .m-plusMarketing__verify > i.material-icons {
margin-right: 0.35em; }
body.m-theme__light m-plus__marketing .m-plus__marketing .m-plusMarketing__verify > i.material-icons.m-plusMarketingVerify__verifiedIcon,
body .m-theme--wrapper.m-theme--wrapper__light m-plus__marketing .m-plus__marketing .m-plusMarketing__verify > i.material-icons.m-plusMarketingVerify__verifiedIcon {
color: #4690df; }
body.m-theme__dark m-plus__marketing .m-plus__marketing .m-plusMarketing__verify > i.material-icons.m-plusMarketingVerify__verifiedIcon,
body .m-theme--wrapper.m-theme--wrapper__dark m-plus__marketing .m-plus__marketing .m-plusMarketing__verify > i.material-icons.m-plusMarketingVerify__verifiedIcon {
color: #44aaff; }
m-plus__marketing .m-plus__marketing .m-plusMarketing__verify > i.material-icons.m-plusMarketingVerify__unverifiedIcon {
opacity: 0.2; }
m-plus__marketing .m-plus__marketing .m-plusMarketing__verify > a {
border-bottom: 1px solid;
cursor: pointer; }
body.m-theme__light m-plus__marketing .m-plus__marketing .m-plusMarketing__verify > a,
body .m-theme--wrapper.m-theme--wrapper__light m-plus__marketing .m-plus__marketing .m-plusMarketing__verify > a {
border-color: #888; }
body.m-theme__dark m-plus__marketing .m-plus__marketing .m-plusMarketing__verify > a,
body .m-theme--wrapper.m-theme--wrapper__dark m-plus__marketing .m-plus__marketing .m-plusMarketing__verify > a {
border-color: #737373; }
.m-plus--verify {
box-sizing: border-box;
width: 100%;
padding: 16px; }
.m-plus--verify ul {
list-style: none;
margin: 0;
padding: 8px 0; }
.m-plus--verify input,
.m-plus--verify textarea {
padding: 12px;
font-size: 16px;
width: 100%;
box-sizing: border-box; }
m-pro--channel--categories {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 16px 0 32px; }
@media screen and (max-width: 480px) {
m-pro--channel--categories {
display: none; } }
m-pro--channel--categories .m-proChannel__category {
cursor: pointer;
color: var(--m-pro--text-color);
background: var(--m-pro--transparent-background-color);
padding: 4px 8px;
margin: 0 12px 8px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.1em; }
m-pro--channel--categories .m-proChannel__category.m-proChannel__selectedCategory {
color: var(--m-pro--primary-color); }
m-pro--channel {
--m-pro--primary-color: #4690df;
--m-pro--plain-background-color: #ffffff;
--m-pro--transparent-background-color: #ffffffa0;
--m-pro--more-transparent-background-color: #ffffff50;
--m-pro--text-color: #000000;
--m-pro--secondary-text-color: #000000b3;
--m-pro--border-color: #00000080;
--m-pro--tile-ratio: 56.25%;
display: block;
background: none no-repeat center fixed;
background-size: cover;
background-blend-mode: overlay;
background-color: var(--m-pro--more-transparent-background-color) !important;
grid-area: content / span 2; }
m-pro--channel.m-pro-channel--plainBackground {
background-blend-mode: initial;
background-color: var(--m-pro--plain-background-color) !important; }
@media screen and (min-width: 481px) {
m-pro--channel m-pro__hamburger-menu {
display: none; }
m-pro--channel .m-proChannelList__title {
display: none; } }
m-pro--channel .m-blog-view m-blog-view.m-blog {
color: var(--m-pro--text-color);
background-color: var(--m-pro--transparent-background-color) !important; }
m-pro--channel .m-blog-view m-blog-view.m-blog .minds-blog-body > p,
m-pro--channel .m-blog-view m-blog-view.m-blog p,
m-pro--channel .m-blog-view m-blog-view.m-blog a,
m-pro--channel .m-blog-view m-blog-view.m-blog i.material-icons,
m-pro--channel .m-blog-view m-blog-view.m-blog span {
color: var(--m-pro--text-color); }
m-pro--channel .m-blog-view m-blog-view.m-blog minds-button-boost > button {
color: var(--m-pro--primary-color);
border-color: var(--m-pro--primary-color); }
m-pro--channel .m-blog-view m-blog-view.m-blog .blogs-grid {
background-color: transparent !important; }
m-pro--channel.m-overlay-modal--shown m-overlay-modal {
position: fixed; }
m-pro--channel minds-button-boost {
display: none !important; }
m-pro--channel m-modal-signup m-modal .m-modal-container .mdl-card {
background-color: var(--m-pro--transparent-background-color);
color: var(--m-pro--text-color); }
m-pro--channel m-modal-signup m-modal .m-modal-container .mdl-card .m-modal-signup-apps {
display: none; }
.m-overlayModal--unsubscribe {
width: 600px; }
@media screen and (max-width: 660px) {
.m-overlayModal--unsubscribe {
width: 400px; } }
@media screen and (max-width: 420px) {
.m-overlayModal--unsubscribe {
width: 250px; } }
.m-overlayModal--unsubscribe .m-overlay-modal--close {
display: none; }
body.hamburger-menu--open {
overflow: hidden; }
.m-proChannelFooter {
text-align: center;
margin-bottom: 24px;
color: var(--m-pro--text-color); }
.m-proChannelFooter .m-proChannelFooter__items > * {
display: inline-block;
margin: 8px 16px;
vertical-align: middle; }
.m-proChannelFooter .m-proChannelFooter__items a.m-proChannelFooter__link {
color: var(--m-pro--text-color); }
.m-proChannelFooter .m-proChannelFooter__items a.m-proChannelFooter__link:hover {
color: var(--m-pro--primary-color); }
.m-proChannelFooter .m-proChannelFooter__items img {
height: 24px;
filter: grayscale(100%); }
.m-proChannelFooter .m-proChannelFooter__socialItems {
margin-bottom: 8px;
font-size: 1.5em; }
.m-proChannelFooter .m-proChannelFooter__static {
margin-bottom: 16px; }
.m-proChannelFooter .m-proChannelFooter__static .m-proChannelFooter__text {
font-size: 19px;
font-weight: 400; }
.m-proChannelFooter a {
cursor: pointer;
text-decoration: none;
font-size: 19px;
font-weight: 400; }
.m-proChannelFooter minds-button-user-dropdown button.material-icons {
border: none !important;
color: var(--m-pro--text-color) !important; }
.m-proChannelFooter minds-button-user-dropdown .minds-dropdown-menu {
top: -100px;
left: -130px; }
m-proChannel__home {
display: block;
padding: 0 32px; }
.m-proChannel__home .m-proChannelHome__section {
margin-bottom: 72px; }
.m-proChannel__home .m-proChannelHome__section:last-child {
margin-bottom: 0; }
.m-proChannel__home .m-proChannelHome__section > h2,
.m-proChannel__home .m-proChannelHome__section > m-proChannelHome__categoryContent > div > h2 {
margin: 0 0 24px;
padding: 0;
text-align: center;
text-transform: uppercase;
font-size: 24px;
font-weight: 300;
letter-spacing: 2px;
line-height: 1.25; }
.m-proChannel__home .m-proChannelHome__section > h2 > a,
.m-proChannel__home .m-proChannelHome__section > m-proChannelHome__categoryContent > div > h2 > a {
font: inherit;
text-decoration: none; }
.m-proChannel__home .m-proChannelHome__loader {
text-align: center;
margin: 32px auto; }
.m-proChannel__home .m-proChannelHome__featuredContent,
.m-proChannel__home .m-proChannelHome__categoryContent {
width: 100%;
margin: 0 auto; }
@media screen and (max-width: 480px) {
.m-proChannel__home .m-proChannelHome__featuredContent,
.m-proChannel__home .m-proChannelHome__categoryContent {
width: 100%; } }
.m-proChannel__home .m-proChannelHome__featuredContent > *,
.m-proChannel__home .m-proChannelHome__categoryContent > * {
min-width: 0;
min-height: 0; }
.m-proChannel__home .m-proChannelHome__featuredContent.m-proChannelHome__featuredContent--prominent *:nth-child(1) {
grid-column: span 2; }
@media screen and (max-width: 480px) {
.m-proChannel__home .m-proChannelHome__featuredContent.m-proChannelHome__featuredContent--prominent *:nth-child(1) {
grid-column: initial; } }
.m-proChannel__home .m-proChannelHome__categoryContent {
grid-template-columns: repeat(2, 1fr); }
@media screen and (max-width: 480px) {
.m-proChannel__home .m-proChannelHome__categoryContent {
grid-template-columns: 100%; } }
m-pro--channel-list {
display: block;
padding: 0 32px; }
m-pro--channel-list h1.m-proChannelList__title {
margin: 24px 0;
padding: 0;
text-transform: uppercase;
font-size: 24px;
font-weight: 300;
letter-spacing: 2px;
line-height: 1.25; }
m-pro--channel-list m-pro--channel--categories {
margin: 16px 0 32px; }
@media screen and (max-width: 480px) {
m-pro--channel-list m-pro--channel--categories {
display: none; } }
m-pro--channel-list .m-proChannelList__tools {
letter-spacing: 1px;
width: 85%;
margin: 0 auto; }
m-pro--channel-list .m-proChannelList__tools .m-proChannelListTools__searchResult {
font-weight: 300;
color: var(--m-pro--text-color);
font-size: 20px; }
m-pro--channel-list .m-proChannelList__content {
width: 100%;
margin: 0 auto;
justify-content: center; }
@media screen and (max-width: 480px) {
m-pro--channel-list .m-proChannelList__content {
width: 100%; } }
m-pro--channel-list .m-proChannelList__content > i.material-icons {
font-size: 100px;
margin-top: 100px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content; }
m-pro--channel-list .m-proChannelListContent__noContent {
max-width: 200px;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
padding: 8px;
margin: 0 auto;
text-align: center;
background-color: var(--m-pro--transparent-background-color);
color: var(--m-pro--text-color); }
m-pro--channel-list .m-proChannelListContent__loadMore {
width: 100%;
font-size: 16px;
padding: 16px;
margin-top: 32px;
cursor: pointer;
text-align: center;
font-weight: 300;
box-sizing: border-box;
color: var(--m-pro--text-color);
background-color: var(--m-pro--transparent-background-color); }
m-pro--channel-list .m-proChannelListContent__loadMore.m-proChannelListContent__noMore {
cursor: initial; }
m-pro--channel-list ul.m-proChannelListContent__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 16px;
list-style: none;
padding: 0; }
@media screen and (max-width: 900px) {
m-pro--channel-list ul.m-proChannelListContent__list {
grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 480px) {
m-pro--channel-list ul.m-proChannelListContent__list {
grid-template-columns: repeat(1, 1fr);
grid-template-columns: 100%; } }
m-pro--channel-list ul.m-proChannelListContent__list > * {
min-width: 0;
min-height: 0; }
m-pro--channel-list ul.m-proChannelListContent__list > li {
display: flex;
justify-content: center;
align-items: flex-start; }
m-pro--channel-list ul.m-proChannelListContent__list > li m-newsfeed__entity {
width: 100%;
height: 100%; }
m-pro--channel-list ul.m-proChannelListContent__list > li m-newsfeed__entity .m-groups--tile {
width: 100%;
height: 100%; }
m-pro--channel-list ul.m-proChannelListContent__list > li m-newsfeed__entity .m-groups--tile h3,
m-pro--channel-list ul.m-proChannelListContent__list > li m-newsfeed__entity .m-groups--tile i {
color: #444 !important; }
m-pro--channel-list ul.m-proChannelListContent__list > li m-newsfeed__entity .m-groups--tile .m-groups--tile-block {
margin-top: 0; }
m-pro--channel-list ul.m-proChannelListContent__list > li m-newsfeed__entity .m-groups--tile .m-groups--tile-buttons {
padding: 0 16px; }
m-pro--channel-list .m-proChannelList__loader {
text-align: center;
margin-top: 32px; }
m-pro--channel-login {
display: flex;
padding: 0 32px;
align-items: center;
justify-content: flex-end; }
@media screen and (max-width: 480px) {
m-pro--channel-login {
justify-content: center; } }
.m-proChannelLogin__hero {
position: relative;
width: 100%; }
.m-proChannelLogin__hero .m-proChannelLoginHero__inner {
display: flex;
flex-direction: row;
align-items: center;
padding: 100px 52px;
margin: auto;
max-width: 1280px; }
@media screen and (max-width: 1000px) {
.m-proChannelLogin__hero .m-proChannelLoginHero__inner {
padding: 120px 16px;
flex-wrap: wrap; } }
@media screen and (max-width: 480px) {
.m-proChannelLogin__hero .m-proChannelLoginHero__inner {
padding: 62px 0px; } }
.m-proChannelLogin__hero .m-proChannelLoginHero__inner .m-ProChannelLogin--app-buttons {
display: flex;
justify-content: flex-start; }
.m-proChannelLogin__hero .m-proChannelLoginHero__inner .m-ProChannelLogin--app-buttons * {
margin-left: 2px; }
.m-proChannelLogin__hero .m-proChannelLoginHero__inner .m-ProChannelLogin--app-buttons .m-ProChannelLogin--app-buttons__iosBanner > a > img {
height: 48px; }
@media screen and (max-width: 480px) {
.m-proChannelLogin__hero .m-proChannelLoginHero__inner .m-ProChannelLogin--app-buttons .m-ProChannelLogin--app-buttons__iosBanner > a > img {
height: 32px; } }
@media screen and (max-width: 480px) {
.m-proChannelLogin__hero .m-proChannelLoginHero__inner .m-ProChannelLogin--app-buttons .m-androidApp__download {
zoom: 0.65; } }
.m-proChannelLogin__hero .m-proChannelLogin__hero--video {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.m-proChannelLogin__hero .m-proChannelLogin__hero--video video {
position: absolute;
bottom: 0;
min-width: 100%;
min-height: 100%; }
.m-proChannelLogin__hero .m-proChannelLogin__hero--overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
body.m-theme__light .m-proChannelLogin__hero .m-proChannelLogin__hero--overlay,
body .m-theme--wrapper.m-theme--wrapper__light .m-proChannelLogin__hero .m-proChannelLogin__hero--overlay {
background-color: rgba(0, 0, 0, 0.4); }
body.m-theme__dark .m-proChannelLogin__hero .m-proChannelLogin__hero--overlay,
body .m-theme--wrapper.m-theme--wrapper__dark .m-proChannelLogin__hero .m-proChannelLogin__hero--overlay {
background-color: rgba(255, 255, 255, 0.4); }
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans {
flex-grow: 1;
z-index: 2; }
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h1,
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h3,
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h4 {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
margin: 0; }
body.m-theme__light .m-proChannelLogin__hero .m-proChannelLoginHero__slogans h1,
body .m-theme--wrapper.m-theme--wrapper__light .m-proChannelLogin__hero .m-proChannelLoginHero__slogans h1, body.m-theme__light
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h3,
body .m-theme--wrapper.m-theme--wrapper__light
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h3, body.m-theme__light
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h4 {
color: #fff; }
body.m-theme__dark .m-proChannelLogin__hero .m-proChannelLoginHero__slogans h1,
body .m-theme--wrapper.m-theme--wrapper__dark .m-proChannelLogin__hero .m-proChannelLoginHero__slogans h1, body.m-theme__dark
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h3,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h3, body.m-theme__dark
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h4 {
color: #202527; }
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h1 {
font-size: 80px;
font-weight: 600;
letter-spacing: 1.25px;
line-height: 1; }
@media screen and (max-width: 720px) {
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h1 {
font-size: 42px; } }
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h2 {
margin: 0;
white-space: pre-wrap;
font-size: 56px;
letter-spacing: 1px;
line-height: 1.16; }
@media screen and (max-width: 720px) {
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h2 {
margin: 0 8px 32px;
font-size: 36px; } }
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h3 {
font-size: 26px;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 1.25;
margin-top: 16px;
padding-right: 70px; }
@media screen and (max-width: 720px) {
.m-proChannelLogin__hero .m-proChannelLoginHero__slogans h3 {
padding-right: 8px;
font-size: 16px; } }
.m-proChannelLogin__hero .m-proChannelLogin__form {
flex: 1;
margin-left: 16px;
z-index: 2;
min-width: 480px; }
@media screen and (max-width: 1000px) {
.m-proChannelLogin__hero .m-proChannelLogin__form {
flex-basis: 100%;
margin-left: 0;
min-width: initial; } }
.m-proChannelLogin__hero .m-proChannelLogin__form .m-proChannelLogin__subtext {
display: block;
margin: 0 8px;
font-size: 20px;
color: var(--m-pro--text-color) !important; }
.m-proChannelLogin__hero .m-proChannelLogin__form .m-proChannelLogin__subtext > a {
color: var(--m-pro--text-color) !important;
text-decoration: underline;
cursor: pointer; }
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .mdl-card.m-login-box,
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .mdl-card.m-login-box {
background: transparent;
padding: 0; }
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .mdl-card__title,
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .mdl-card__title {
display: none; }
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox']),
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox']) {
border: 0;
border-radius: 3px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: 'Roboto', Helvetica, sans-serif;
letter-spacing: 1px; }
body.m-theme__light .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox']),
body .m-theme--wrapper.m-theme--wrapper__light .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox']), body.m-theme__light
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox']),
body .m-theme--wrapper.m-theme--wrapper__light
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox']) {
background: rgba(255, 255, 255, 0.9);
color: #444;
border: 1px solid rgba(255, 255, 255, 0.25); }
body.m-theme__dark .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox']),
body .m-theme--wrapper.m-theme--wrapper__dark .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox']), body.m-theme__dark
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox']),
body .m-theme--wrapper.m-theme--wrapper__dark
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox']) {
background: rgba(32, 37, 39, 0.9);
color: #b7b7b7;
border: 1px solid rgba(32, 37, 39, 0.25); }
body.m-theme__light .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox'])::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox'])::-moz-placeholder, body.m-theme__light
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox'])::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox'])::-moz-placeholder {
color: #72727c; }
body.m-theme__light .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox']):-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox']):-ms-input-placeholder, body.m-theme__light
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox']):-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox']):-ms-input-placeholder {
color: #72727c; }
body.m-theme__light .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox'])::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox'])::placeholder, body.m-theme__light
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox'])::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox'])::placeholder {
color: #72727c; }
body.m-theme__dark .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox'])::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox'])::-moz-placeholder, body.m-theme__dark
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox'])::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox'])::-moz-placeholder {
color: #b8c1ca; }
body.m-theme__dark .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox']):-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox']):-ms-input-placeholder, body.m-theme__dark
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox']):-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox']):-ms-input-placeholder {
color: #b8c1ca; }
body.m-theme__dark .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox'])::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box input:not([type='checkbox'])::placeholder, body.m-theme__dark
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox'])::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box input:not([type='checkbox'])::placeholder {
color: #b8c1ca; }
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-login-box .mdl-checkbox__box-outline,
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-login-box .mdl-checkbox__box-outline {
border-color: var(--m-pro--text-color); }
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-btn--action,
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-btn--action {
margin-right: 16px;
color: var(--m-pro--text-color) !important;
border: 1px solid var(--m-pro--text-color); }
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .mdl-card__actions,
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .mdl-card__actions {
flex-direction: row-reverse;
padding-left: 8px; }
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .mdl-card__actions .m-register-tac,
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .mdl-card__actions .m-register-tac {
padding-right: 16px;
font-family: 'Roboto', Helvetica, sans-serif;
color: var(--m-pro--text-color) !important; }
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .mdl-card__actions a,
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .mdl-card__actions a {
color: var(--m-pro--text-color) !important; }
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .password-help,
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .password-help {
padding: 12px;
border-radius: 4px;
font-weight: 300; }
body.m-theme__light .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .password-help,
body .m-theme--wrapper.m-theme--wrapper__light .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .password-help, body.m-theme__light
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .password-help,
body .m-theme--wrapper.m-theme--wrapper__light
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .password-help {
color: #fff;
background-color: #000; }
body.m-theme__dark .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .password-help,
body .m-theme--wrapper.m-theme--wrapper__dark .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .password-help, body.m-theme__dark
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .password-help,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .password-help {
color: #202527;
background-color: #fff; }
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-register-btn,
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-register-btn {
font-family: 'Roboto', Helvetica, sans-serif;
letter-spacing: 1.25px;
background: transparent;
font-size: 12px;
box-shadow: none !important; }
body.m-theme__light .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-register-btn,
body .m-theme--wrapper.m-theme--wrapper__light .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-register-btn, body.m-theme__light
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-register-btn,
body .m-theme--wrapper.m-theme--wrapper__light
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-register-btn {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-register-btn,
body .m-theme--wrapper.m-theme--wrapper__dark .m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .m-register-btn, body.m-theme__dark
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-register-btn,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .m-register-btn {
border: 1px solid #414c57; }
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-register .mdl-card__actions:last-child,
.m-proChannelLogin__hero .m-proChannelLogin__form minds-form-login .mdl-card__actions:last-child {
padding-bottom: 0; }
@media (max-width: 480px) {
.m-proChannelLogin__hero .m-ProChannelLogin--grid .m-ProChannelLogin--titles h1 {
font-size: 32px;
line-height: 32px;
padding: 0;
padding: 0 16px; }
.m-proChannelLogin__hero .m-ProChannelLogin--grid .m-ProChannelLogin--titles h3 {
font-size: 16px;
line-height: 16px;
padding: 16px 16px 0; }
.m-proChannelLogin__hero .m-app-links {
margin: 8px; }
.m-proChannelLogin__hero .m-app-links a {
flex: auto; } }
.m-pro__subscribeButton {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 12px;
letter-spacing: 1.25px;
text-transform: uppercase;
padding: 12px 16px;
font-family: 'Roboto', Helvetica, sans-serif;
cursor: pointer;
border-radius: 4px;
margin-left: 16px;
background: none transparent;
color: var(--m-pro--primary-color);
border: 1px solid var(--m-pro--primary-color);
font-weight: 600; }
.m-pro__subscribeButton.m-pro__subscribeButton--subscribed {
border: none;
color: var(--m-pro--text-color); }
.m-pro__subscribeButton .m-proSubscribeButton__label {
opacity: 0.85; }
.m-pro__subscribeButton .m-proSubscribeButton__counter {
margin-left: 0.65em; }
m-pro--channel--group-tile {
cursor: pointer;
position: relative;
width: 100%;
height: 220px;
background-color: var(--m-pro--transparent-background-color);
color: var(--m-pro--text-color); }
m-pro--channel--group-tile.big {
height: 320px; }
m-pro--channel--group-tile.big .banner {
width: 100%;
height: 150px;
position: absolute;
z-index: 1; }
m-pro--channel--group-tile.big .banner img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%; }
m-pro--channel--group-tile.big .m-proChannelGroupTile__content {
margin-top: 75px; }
m-pro--channel--group-tile.big .m-proChannelGroupTile__content img {
border: 1px solid #e8e8e8;
width: 150px;
height: 150px;
border-radius: 50%; }
m-pro--channel--group-tile .banner {
width: 100%;
height: 100px;
position: absolute;
z-index: 1; }
m-pro--channel--group-tile .banner img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%; }
m-pro--channel--group-tile .m-proChannelGroupTile__content {
margin-top: 50px;
position: relative;
z-index: 2;
display: block;
text-align: center;
text-decoration: none; }
m-pro--channel--group-tile .m-proChannelGroupTile__content img {
border: 1px solid #e8e8e8;
width: 75px;
height: 75px;
border-radius: 50%; }
m-pro--channel--group-tile .m-proChannelGroupTile__content .body {
margin-top: 16px; }
m-pro--channel--group-tile .m-proChannelGroupTile__content h2,
m-pro--channel--group-tile .m-proChannelGroupTile__content p {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
m-pro--channel--group-tile .m-proChannelGroupTile__content h2 {
font-size: 20px;
line-height: 20px;
overflow: visible;
color: var(--m-pro--text-color) !important;
margin: 0;
font-weight: 700; }
m-pro--channel--group-tile .m-proChannelGroupTile__content p {
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 13px;
text-overflow: ellipsis;
text-rendering: auto;
white-space: pre-wrap;
overflow: hidden;
max-height: 48px;
margin: 8px 0;
padding: 0;
line-height: 1.25;
color: var(--m-pro--text-color) !important; }
m-pro--channel-tile {
cursor: pointer;
width: 100%; }
m-pro--channel-tile .m-proChannelTile__container {
position: relative;
height: 0;
overflow: hidden;
padding-top: var(--m-pro--tile-ratio); }
m-pro--channel-tile .m-proChannelTile__container > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
m-pro--channel-tile .m-proChannelTile__container > img {
-o-object-fit: cover;
object-fit: cover; }
m-pro--channel-tile .m-proChannelTile__container .m-videoPlayer__placeholder {
height: 100%; }
m-pro--channel-tile .m-proChannelTile__text {
height: 4em;
background-color: var(--m-pro--transparent-background-color);
color: var(--m-pro--text-color);
padding: 8px 16px;
font-size: 20px;
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center; }
@media screen and (max-width: 480px) {
m-pro--channel-tile .m-proChannelTile__text {
padding: 8px;
font-size: 16px; } }
m-pro--channel-tile .m-proChannelTile__text h2 {
display: block;
text-overflow: ellipsis;
overflow: hidden;
max-height: 2.32em;
line-height: 1.16em;
font-weight: 700;
font-size: 20px;
color: var(--m-pro--text-color) !important;
margin: 0; }
m-pro--channel-tile .m-proChannelTile__text h2 {
/*! autoprefixer: off */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2; }
body.m-theme__light m-pro__unsubscribeModal,
body .m-theme--wrapper.m-theme--wrapper__light m-pro__unsubscribeModal {
background-color: rgba(176, 176, 176, 0.5); }
body.m-theme__dark m-pro__unsubscribeModal,
body .m-theme--wrapper.m-theme--wrapper__dark m-pro__unsubscribeModal {
background-color: rgba(0, 0, 0, 0.5); }
.m-pro__unsubscribeModal > * {
color: var(--m-pro--text-color);
font-size: 16px; }
@media screen and (max-width: 420px) {
.m-pro__unsubscribeModal > * {
font-size: 14px; } }
.m-pro__unsubscribeModal .m-ProUnsubscribeModal__response {
margin-top: 20px;
text-align: end; }
.m-pro__unsubscribeModal .m-ProUnsubscribeModal__response span {
text-transform: uppercase;
padding: 8px;
cursor: pointer; }
.m-pro__unsubscribeModal .m-ProUnsubscribeModal__response .m-ProUnsubscribeModalResponse__unsubscribe {
color: var(--m-pro--primary-color);
margin-left: 12px; }
m-reports__banned h2 {
font-weight: 600; }
.m-banned__appeals {
max-width: 720px; }
.m-moderation__appeal {
margin-bottom: 8px; }
body.m-theme__light .m-moderation__appeal,
body .m-theme--wrapper.m-theme--wrapper__light .m-moderation__appeal {
background-color: #ffffff; }
body.m-theme__dark .m-moderation__appeal,
body .m-theme--wrapper.m-theme--wrapper__dark .m-moderation__appeal {
background-color: #242a30; }
.m-moderation__appeal .m-moderationAppeal__header {
margin: 16px;
padding: 16px;
font-family: 'Roboto', Helvetica, sans-serif; }
.m-moderation__appeal .m-moderationAppeal__header > b {
font-size: 13px; }
.m-moderation__appeal .m-moderationAppeal__header p {
margin-bottom: 0;
font-size: 13px;
letter-spacing: 1px;
font-weight: 300; }
.m-moderation__appeal .m-moderationAppeal__header p b {
text-transform: lowercase; }
.m-moderation__appeal .m-moderationAppeal__meta {
display: flex;
align-items: center;
margin: 16px 16px 0;
font-family: 'Roboto', sans-serif; }
.m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info {
flex-grow: 1; }
.m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info p {
margin-bottom: 0;
font-weight: 300; }
.m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .m-moderationAppealMeta__time {
font-size: 12px;
margin-bottom: 8px; }
body.m-theme__light .m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .m-moderationAppealMeta__time,
body .m-theme--wrapper.m-theme--wrapper__light .m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .m-moderationAppealMeta__time {
color: #999; }
body.m-theme__dark .m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .m-moderationAppealMeta__time,
body .m-theme--wrapper.m-theme--wrapper__dark .m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .m-moderationAppealMeta__time {
color: #626262; }
.m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .m-moderationAppealMeta__appealNote {
margin: 8px 0 0 1em;
padding: 8px 16px;
font-style: italic; }
body.m-theme__light .m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .m-moderationAppealMeta__appealNote,
body .m-theme--wrapper.m-theme--wrapper__light .m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .m-moderationAppealMeta__appealNote {
border-left: 2px solid #aaa; }
body.m-theme__dark .m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .m-moderationAppealMeta__appealNote,
body .m-theme--wrapper.m-theme--wrapper__dark .m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .m-moderationAppealMeta__appealNote {
border-left: 2px solid #515151; }
.m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .material-icons {
font-size: 1.25em;
vertical-align: text-top;
margin-right: 0.35em; }
body.m-theme__light .m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .material-icons,
body .m-theme--wrapper.m-theme--wrapper__light .m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .material-icons {
color: #aaa; }
body.m-theme__dark .m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark .m-moderation__appeal .m-moderationAppeal__meta .m-report-console--info .material-icons {
color: #515151; }
.m-moderation__appeal .m-comment-wrapper .m-ribbon {
display: none; }
.m-moderation__appeal .m-comment-wrapper .m-moderationAppeal__commentNote {
padding: 16px;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 300; }
.m-moderation__appeal .m-comment-wrapper .m-moderationAppeal__commentNote a {
text-decoration: none;
font-weight: inherit; }
body.m-theme__light .m-moderation__appeal .m-comment-wrapper .m-moderationAppeal__commentNote a,
body .m-theme--wrapper.m-theme--wrapper__light .m-moderation__appeal .m-comment-wrapper .m-moderationAppeal__commentNote a {
color: #999; }
body.m-theme__dark .m-moderation__appeal .m-comment-wrapper .m-moderationAppeal__commentNote a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-moderation__appeal .m-comment-wrapper .m-moderationAppeal__commentNote a {
color: #626262; }
.m-moderationAppeal__appeal {
margin: 8px 16px 0; }
.m-moderationAppeal__appeal .m-moderationAppeal__composer {
margin-bottom: 8px; }
.m-moderationAppeal__appeal .m-moderationAppeal__composer textarea {
display: block;
width: 100%;
resize: none;
height: 5em;
font-weight: 300;
font-family: 'Roboto', Helvetica, sans-serif;
padding: 16px;
font-size: 13px;
letter-spacing: 1px; }
body.m-theme__light .m-moderationAppeal__appeal .m-moderationAppeal__composer textarea,
body .m-theme--wrapper.m-theme--wrapper__light .m-moderationAppeal__appeal .m-moderationAppeal__composer textarea {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-moderationAppeal__appeal .m-moderationAppeal__composer textarea,
body .m-theme--wrapper.m-theme--wrapper__dark .m-moderationAppeal__appeal .m-moderationAppeal__composer textarea {
border: 1px solid #414c57; }
.m-moderationAppeal__appeal .m-moderationAppeal__appealNote {
padding: 16px; }
body.m-theme__light .m-moderationAppeal__appeal .m-moderationAppeal__appealNote,
body .m-theme--wrapper.m-theme--wrapper__light .m-moderationAppeal__appeal .m-moderationAppeal__appealNote {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-moderationAppeal__appeal .m-moderationAppeal__appealNote,
body .m-theme--wrapper.m-theme--wrapper__dark .m-moderationAppeal__appeal .m-moderationAppeal__appealNote {
border: 1px solid #414c57; }
.m-moderationAppeal__appeal .m-moderationAppeal__appealNote p {
margin: 0;
font-family: 'Roboto', Helvetica, sans-serif;
font-size: 14px;
letter-spacing: 1px; }
.m-report-console--tabs {
margin-bottom: 16px;
flex-wrap: wrap;
height: auto; }
.m-report-console--tabs a.mdl-tabs__tab {
cursor: pointer;
display: flex;
justify-content: space-around;
align-items: center; }
@media screen and (max-width: 480px) {
.m-report-console--tabs a.mdl-tabs__tab {
line-height: 20px;
padding: 0 12px; } }
.m-report-console--item {
margin-bottom: 8px; }
.m-report-console--item .m-report-console--header {
margin: 16px;
padding: 16px;
font-family: 'Roboto', Helvetica, sans-serif; }
.m-report-console--item .m-report-console--header > b {
font-size: 13px; }
.m-report-console--item .m-report-console--header p {
margin-bottom: 0;
font-size: 13px;
letter-spacing: 1px;
font-weight: 300; }
.m-report-console--item .m-report-console--header p b {
text-transform: lowercase; }
.m-report-console--item .m-report-console--meta {
display: flex;
align-items: center;
margin: 16px 16px 0;
font-family: 'Roboto', sans-serif; }
.m-report-console--item .m-report-console--meta .m-report-console--info {
flex-grow: 1; }
.m-report-console--item .m-report-console--meta .m-report-console--info p {
margin-bottom: 0;
font-weight: 300; }
.m-report-console--item .m-report-console--meta .m-report-console--info .m-report-console--meta--time {
font-size: 12px;
margin-bottom: 8px; }
body.m-theme__light .m-report-console--item .m-report-console--meta .m-report-console--info .m-report-console--meta--time,
body .m-theme--wrapper.m-theme--wrapper__light .m-report-console--item .m-report-console--meta .m-report-console--info .m-report-console--meta--time {
color: #999; }
body.m-theme__dark .m-report-console--item .m-report-console--meta .m-report-console--info .m-report-console--meta--time,
body .m-theme--wrapper.m-theme--wrapper__dark .m-report-console--item .m-report-console--meta .m-report-console--info .m-report-console--meta--time {
color: #626262; }
.m-report-console--item .m-report-console--meta .m-report-console--info .m-report-console--meta--appeal-note {
margin: 8px 0 0 1em;
padding: 8px 16px;
font-style: italic; }
body.m-theme__light .m-report-console--item .m-report-console--meta .m-report-console--info .m-report-console--meta--appeal-note,
body .m-theme--wrapper.m-theme--wrapper__light .m-report-console--item .m-report-console--meta .m-report-console--info .m-report-console--meta--appeal-note {
border-left: 2px solid #aaa; }
body.m-theme__dark .m-report-console--item .m-report-console--meta .m-report-console--info .m-report-console--meta--appeal-note,
body .m-theme--wrapper.m-theme--wrapper__dark .m-report-console--item .m-report-console--meta .m-report-console--info .m-report-console--meta--appeal-note {
border-left: 2px solid #515151; }
.m-report-console--item .m-report-console--meta .m-report-console--info .material-icons {
font-size: 1.25em;
vertical-align: text-top;
margin-right: 0.35em; }
body.m-theme__light .m-report-console--item .m-report-console--meta .m-report-console--info .material-icons,
body .m-theme--wrapper.m-theme--wrapper__light .m-report-console--item .m-report-console--meta .m-report-console--info .material-icons {
color: #aaa; }
body.m-theme__dark .m-report-console--item .m-report-console--meta .m-report-console--info .material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark .m-report-console--item .m-report-console--meta .m-report-console--info .material-icons {
color: #515151; }
.m-report-console--item .m-report-console--card {
margin: 16px 16px 0; }
.m-report-console--item .m-comment-wrapper .m-ribbon {
display: none; }
.m-report-console--item .m-comment-wrapper .m-report-console--comment-note {
padding: 16px;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 300; }
.m-report-console--item .m-comment-wrapper .m-report-console--comment-note a {
text-decoration: none;
font-weight: inherit; }
body.m-theme__light .m-report-console--item .m-comment-wrapper .m-report-console--comment-note a,
body .m-theme--wrapper.m-theme--wrapper__light .m-report-console--item .m-comment-wrapper .m-report-console--comment-note a {
color: #999; }
body.m-theme__dark .m-report-console--item .m-comment-wrapper .m-report-console--comment-note a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-report-console--item .m-comment-wrapper .m-report-console--comment-note a {
color: #626262; }
.m-report-console--appeal {
margin: 8px 16px 0; }
.m-report-console--appeal .m-report-console--appeal--composer {
margin-bottom: 8px; }
.m-report-console--appeal .m-report-console--appeal--composer textarea {
display: block;
width: 100%;
resize: none;
height: 5em;
font-weight: 300;
font-family: 'Roboto', Helvetica, sans-serif;
padding: 16px;
font-size: 13px;
letter-spacing: 1px; }
body.m-theme__light .m-report-console--appeal .m-report-console--appeal--composer textarea,
body .m-theme--wrapper.m-theme--wrapper__light .m-report-console--appeal .m-report-console--appeal--composer textarea {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-report-console--appeal .m-report-console--appeal--composer textarea,
body .m-theme--wrapper.m-theme--wrapper__dark .m-report-console--appeal .m-report-console--appeal--composer textarea {
border: 1px solid #414c57; }
.m-report-console--appeal .m-report-console--appeal--composer button {
float: right;
margin: 8px 0; }
.m-report-console--appeal .m-report-console--appeal-note {
padding: 16px; }
body.m-theme__light .m-report-console--appeal .m-report-console--appeal-note,
body .m-theme--wrapper.m-theme--wrapper__light .m-report-console--appeal .m-report-console--appeal-note {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-report-console--appeal .m-report-console--appeal-note,
body .m-theme--wrapper.m-theme--wrapper__dark .m-report-console--appeal .m-report-console--appeal-note {
border: 1px solid #414c57; }
.m-report-console--appeal .m-report-console--appeal-note p {
margin: 0;
font-family: 'Roboto', Helvetica, sans-serif;
font-size: 14px;
letter-spacing: 1px; }
.m-reportCreator__header h2 {
font-weight: 600;
margin: 0;
font-size: 36px; }
.m-reportCreator__subjects {
padding: 16px 0;
list-style: none;
margin: 0; }
.m-reportCreator__subjects .m-reportCreatorSubjects__subject {
padding: 8px 16px;
margin: 3px;
display: inline-flex;
/* width: 100%; */
border-radius: 24px;
font-weight: 600; }
body.m-theme__light .m-reportCreator__subjects .m-reportCreatorSubjects__subject,
body .m-theme--wrapper.m-theme--wrapper__light .m-reportCreator__subjects .m-reportCreatorSubjects__subject {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-reportCreator__subjects .m-reportCreatorSubjects__subject,
body .m-theme--wrapper.m-theme--wrapper__dark .m-reportCreator__subjects .m-reportCreatorSubjects__subject {
border: 1px solid #414c57; }
body.m-theme__light .m-reportCreator__subjects .m-reportCreatorSubjects__subject.m-reportCreatorSubjects__subject--active,
body .m-theme--wrapper.m-theme--wrapper__light .m-reportCreator__subjects .m-reportCreatorSubjects__subject.m-reportCreatorSubjects__subject--active {
border-color: #4690df; }
body.m-theme__dark .m-reportCreator__subjects .m-reportCreatorSubjects__subject.m-reportCreatorSubjects__subject--active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-reportCreator__subjects .m-reportCreatorSubjects__subject.m-reportCreatorSubjects__subject--active {
border-color: #44aaff; }
body.m-theme__light .m-reportCreator__subjects .m-reportCreatorSubjects__subject.m-reportCreatorSubjects__subject--active span,
body .m-theme--wrapper.m-theme--wrapper__light .m-reportCreator__subjects .m-reportCreatorSubjects__subject.m-reportCreatorSubjects__subject--active span {
color: #4690df; }
body.m-theme__dark .m-reportCreator__subjects .m-reportCreatorSubjects__subject.m-reportCreatorSubjects__subject--active span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-reportCreator__subjects .m-reportCreatorSubjects__subject.m-reportCreatorSubjects__subject--active span {
color: #44aaff; }
.m-reportCreator__subjects .m-reportCreatorSubjects__subject span,
.m-reportCreator__subjects .m-reportCreatorSubjects__subject i {
vertical-align: middle; }
.m-reportCreator__subjects .m-reportCreatorSubjects__subject span {
flex: 1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-size: 16px;
font-weight: 500;
cursor: pointer; }
body.m-theme__light .m-reportCreator__subjects .m-reportCreatorSubjects__subject span,
body .m-theme--wrapper.m-theme--wrapper__light .m-reportCreator__subjects .m-reportCreatorSubjects__subject span {
color: #555; }
body.m-theme__dark .m-reportCreator__subjects .m-reportCreatorSubjects__subject span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-reportCreator__subjects .m-reportCreatorSubjects__subject span {
color: #a6a6a6; }
.m-reportCreator__subjects .m-reportCreatorSubjects__subject i {
display: none; }
body.m-theme__light .m-reportCreator__subjects .m-reportCreatorSubjects__subject i,
body .m-theme--wrapper.m-theme--wrapper__light .m-reportCreator__subjects .m-reportCreatorSubjects__subject i {
color: #888; }
body.m-theme__dark .m-reportCreator__subjects .m-reportCreatorSubjects__subject i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-reportCreator__subjects .m-reportCreatorSubjects__subject i {
color: #737373; }
.m-report__Creator {
font-weight: 400;
max-width: 900px;
margin: auto;
position: relative; }
.m-report-creator--success,
.m-report-creator--copyright,
.m-report-creator--appeals {
padding: 32px 0; }
.m-report-creator--success p,
.m-report-creator--copyright p,
.m-report-creator--appeals p {
font-size: 16px;
letter-spacing: 1px; }
.m-report-creator--appeals textarea {
width: 100%;
padding: 16px;
font-size: 16px;
letter-spacing: 1px; }
body.m-theme__light .m-report-creator--appeals textarea,
body .m-theme--wrapper.m-theme--wrapper__light .m-report-creator--appeals textarea {
border: 1px solid #d3dbe3;
background-color: rgba(255, 255, 255, 0.5); }
body.m-theme__dark .m-report-creator--appeals textarea,
body .m-theme--wrapper.m-theme--wrapper__dark .m-report-creator--appeals textarea {
border: 1px solid #414c57;
background-color: rgba(32, 37, 39, 0.5); }
.m-reportCreator__submit,
.m-report-creator--close {
display: flex;
justify-content: flex-start;
align-items: center; }
.m-reportCreator__submit .m-reportCreator__button,
.m-report-creator--close .m-reportCreator__button {
font-size: 14px;
letter-spacing: 2.33px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-transform: uppercase;
cursor: pointer; }
.m-reportCreator__submit .m-reportCreator__button[disabled],
.m-report-creator--close .m-reportCreator__button[disabled] {
cursor: default;
opacity: 0.35; }
.m-reportCreator__submit .m-report-creator--submit-label,
.m-reportCreator__submit .m-report-creator--submit-error,
.m-report-creator--close .m-report-creator--submit-label,
.m-report-creator--close .m-report-creator--submit-error {
margin-left: 8px;
font-size: 16px; }
.m-reportCreator__submit .m-report-creator--submit-label > span,
.m-reportCreator__submit .m-report-creator--submit-label > i,
.m-reportCreator__submit .m-report-creator--submit-error > span,
.m-reportCreator__submit .m-report-creator--submit-error > i,
.m-report-creator--close .m-report-creator--submit-label > span,
.m-report-creator--close .m-report-creator--submit-label > i,
.m-report-creator--close .m-report-creator--submit-error > span,
.m-report-creator--close .m-report-creator--submit-error > i {
vertical-align: middle; }
.m-reportCreator__submit .m-report-creator--submit-error,
.m-report-creator--close .m-report-creator--submit-error {
font-size: 12px;
font-weight: 500; }
body.m-theme__light .m-reportCreator__submit .m-report-creator--submit-error,
body .m-theme--wrapper.m-theme--wrapper__light .m-reportCreator__submit .m-report-creator--submit-error, body.m-theme__light
.m-report-creator--close .m-report-creator--submit-error,
body .m-theme--wrapper.m-theme--wrapper__light
.m-report-creator--close .m-report-creator--submit-error {
color: #e03c20; }
body.m-theme__dark .m-reportCreator__submit .m-report-creator--submit-error,
body .m-theme--wrapper.m-theme--wrapper__dark .m-reportCreator__submit .m-report-creator--submit-error, body.m-theme__dark
.m-report-creator--close .m-report-creator--submit-error,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-report-creator--close .m-report-creator--submit-error {
color: #e35036; }
.m-reportCreator__submit .m-report-creator--section,
.m-report-creator--close .m-report-creator--section {
padding: 16px 0;
font-weight: 400; }
.m-reportCreator__submit .m-report-creator--section.m-report-creator--section--last,
.m-report-creator--close .m-report-creator--section.m-report-creator--section--last {
margin-top: 8px; }
.m-reportCreator__explicitReasons p {
font-size: 16px;
margin: 16px 0 0; }
.m-juryDutySession__content {
padding: 16px; }
body.m-theme__light .m-juryDutySession__content,
body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySession__content {
background: #fff; }
body.m-theme__dark .m-juryDutySession__content,
body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySession__content {
background: #202527; }
.m-juryDutySession__content h3 {
margin: 0;
font-size: 16px;
line-height: 1.5;
text-rendering: unset;
-webkit-font-smoothing: unset;
font-size: 16px; }
body.m-theme__light .m-juryDutySession__content h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySession__content h3 {
color: #444; }
body.m-theme__dark .m-juryDutySession__content h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySession__content h3 {
color: #b7b7b7; }
.m-juryDutySession__content h3 > * {
line-height: 1; }
.m-juryDutySession__content h3 > b:first-child {
display: block;
line-height: 1.5; }
body.m-theme__light .m-juryDutySession__content h3 > b:first-child,
body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySession__content h3 > b:first-child {
color: #666; }
body.m-theme__dark .m-juryDutySession__content h3 > b:first-child,
body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySession__content h3 > b:first-child {
color: #959595; }
.m-juryDutySession__content minds-card {
margin-top: 16px;
max-width: 600px; }
.m-juryDutySession__content minds-card m-comment {
max-width: initial !important; }
.m-juryDutySession__content minds-card .m-mature-thumbnail-overlay {
display: none !important; }
.m-juryDutySession__content minds-card .m-mature-thumbnail {
filter: none !important; }
.m-juryDutySession__content minds-card .m-mature-text-toggle {
display: none !important; }
.m-juryDutySession__content minds-card .m-mature-text {
filter: none !important; }
.m-juryDutySession__content minds-card .m-mature-content {
position: relative !important; }
.m-juryDutySession__content minds-card .m-mature-content .m-mature-overlay {
display: none !important; }
.m-juryDutySession__content minds-card .m-mature-content .m-mature-overlay .m-mature-overlay-note {
display: none !important; }
.m-juryDutySessionContent__appealNote {
padding-top: 8px; }
.m-juryDutySessionContent__appealNote > b {
display: block; }
body.m-theme__light .m-juryDutySessionContent__appealNote > b,
body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySessionContent__appealNote > b {
color: #666; }
body.m-theme__dark .m-juryDutySessionContent__appealNote > b,
body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySessionContent__appealNote > b {
color: #959595; }
.m-juryDutySessionContent__appealNote > p {
display: inline; }
body.m-theme__light .m-juryDutySessionContent__appealNote > p,
body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySessionContent__appealNote > p {
color: #666; }
body.m-theme__dark .m-juryDutySessionContent__appealNote > p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySessionContent__appealNote > p {
color: #959595; }
.m-juryDutySessionContent__options m-button {
margin: 16px; }
.m-juryDutySession__list {
list-style: none;
margin: 0;
padding: 0; }
.m-juryDutySessionList__item {
margin-bottom: 16px; }
.m-juryDutySessionList__number {
font-size: 56px;
font-weight: 800;
padding: 32px;
display: block; }
body.m-theme__light .m-juryDutySessionList__number,
body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySessionList__number {
color: #444; }
body.m-theme__dark .m-juryDutySessionList__number,
body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySessionList__number {
color: #b7b7b7; }
.m-juryDutySession__hero {
padding: 42px 0;
text-align: center; }
body.m-theme__light .m-juryDutySession__hero,
body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySession__hero {
background: #37474f; }
body.m-theme__dark .m-juryDutySession__hero,
body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySession__hero {
background: #bfcad0; }
.m-juryDutySession__hero i {
font-size: 112px; }
body.m-theme__light .m-juryDutySession__hero i,
body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySession__hero i {
color: #fff; }
body.m-theme__dark .m-juryDutySession__hero i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySession__hero i {
color: #202527; }
.m-juryDutySession__wrapper {
max-width: 900px;
margin: auto; }
.m-juryDutySession__wrapper h4 {
margin: 0;
margin-bottom: 32px;
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600; }
body.m-theme__light .m-juryDutySession__wrapper h4,
body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySession__wrapper h4 {
color: #666; }
body.m-theme__dark .m-juryDutySession__wrapper h4,
body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySession__wrapper h4 {
color: #959595; }
.m-juryDutySession__summons {
padding: 24px 16px;
max-height: 70%;
max-height: 70vh;
overflow: auto; }
.m-juryDutySession__summons h2 {
font-weight: 600;
font-size: 26px;
line-height: 1;
margin: 0; }
.m-juryDutySession__summons p {
line-height: 1.25;
font-size: 16px;
margin-top: 16px; }
body.m-theme__light .m-juryDutySession__summons p,
body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySession__summons p {
color: #888; }
body.m-theme__dark .m-juryDutySession__summons p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySession__summons p {
color: #737373; }
body.m-theme__light .m-juryDutySession__summons p > a,
body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySession__summons p > a {
color: #1b85d6; }
body.m-theme__dark .m-juryDutySession__summons p > a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySession__summons p > a {
color: #1b85d6; }
.m-juryDutySession__summons .m-btn {
margin: 8px; }
.m-juryDutySession__summons .m-btn .countdown {
font-weight: bold; }
.m-juryDutySession__summons .m-juryDutySession__content {
margin-top: 24px; }
.m-juryDutySessionSummons__countdown {
padding: 16px 0; }
.m-juryDutySessionSummons__countdown span {
font-weight: 600;
font-size: 24px; }
body.m-theme__light .m-juryDutySessionSummons__countdown span,
body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySessionSummons__countdown span {
color: #999; }
body.m-theme__dark .m-juryDutySessionSummons__countdown span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySessionSummons__countdown span {
color: #626262; }
.m-reportMarketing__stats h4 {
margin: 0;
margin-bottom: 32px;
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600; }
body.m-theme__light .m-reportMarketing__stats h4,
body .m-theme--wrapper.m-theme--wrapper__light .m-reportMarketing__stats h4 {
color: #72727c; }
body.m-theme__dark .m-reportMarketing__stats h4,
body .m-theme--wrapper.m-theme--wrapper__dark .m-reportMarketing__stats h4 {
color: #b8c1ca; }
.m-reportMarketing__stats .m-layout__row {
flex-wrap: wrap; }
.m-reportMarketing__stats .m-layout__cell {
text-align: center; }
@media screen and (max-width: 900px) {
.m-reportMarketing__stats .m-layout__cell {
padding: 32px; } }
.m-reportMarketing__stats b {
font-size: 72px;
line-height: 1;
display: block; }
body.m-theme__light .m-reportMarketing__stats b,
body .m-theme--wrapper.m-theme--wrapper__light .m-reportMarketing__stats b {
color: #43434d; }
body.m-theme__dark .m-reportMarketing__stats b,
body .m-theme--wrapper.m-theme--wrapper__dark .m-reportMarketing__stats b {
color: #ffffff; }
.m-reportMarketing__stats span {
font-size: 24px;
line-height: 27px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-weight: 500;
margin-top: 16px;
display: block; }
body.m-theme__light .m-reportMarketing__stats span,
body .m-theme--wrapper.m-theme--wrapper__light .m-reportMarketing__stats span {
color: rgba(67, 67, 77, 0.8); }
body.m-theme__dark .m-reportMarketing__stats span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-reportMarketing__stats span {
color: rgba(255, 255, 255, 0.8); }
m-moderation__strikes h2 {
font-weight: 600; }
.m-moderationStrike__list {
list-style: none;
margin: 0;
padding: 0; }
.m-moderation__strike {
padding: 16px;
margin-bottom: 16px; }
body.m-theme__light .m-moderation__strike,
body .m-theme--wrapper.m-theme--wrapper__light .m-moderation__strike {
background-color: #ffffff; }
body.m-theme__dark .m-moderation__strike,
body .m-theme--wrapper.m-theme--wrapper__dark .m-moderation__strike {
background-color: #242a30; }
.m-moderationStrike__info {
margin-bottom: 16px; }
.m-moderationStrike__info > * {
display: block; }
/**
* Padding, Margins and Offset
*/
m-search--bar {
width: 200px; }
m-search--bar .mdl-textfield {
width: 100%; }
m-search--bar .mdl-textfield .m-searchBar__searchIcon {
position: absolute;
margin: 6px;
font-size: 20px; }
m-search--bar .mdl-textfield .m-searchBar__cleanIcon {
position: absolute;
margin: 6px;
font-size: 20px;
right: 0;
top: 20px; }
body.m-theme__light m-search--bar .mdl-textfield input,
body .m-theme--wrapper.m-theme--wrapper__light m-search--bar .mdl-textfield input {
background-color: #ffffff;
border: 1px solid #d3dbe3;
color: #43434d; }
body.m-theme__dark m-search--bar .mdl-textfield input,
body .m-theme--wrapper.m-theme--wrapper__dark m-search--bar .mdl-textfield input {
background-color: #242a30;
border: 1px solid #414c57;
color: #ffffff; }
body.m-theme__light m-search--bar .mdl-textfield input::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light m-search--bar .mdl-textfield input::-moz-placeholder {
color: #72727c; }
body.m-theme__light m-search--bar .mdl-textfield input:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light m-search--bar .mdl-textfield input:-ms-input-placeholder {
color: #72727c; }
body.m-theme__light m-search--bar .mdl-textfield input::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light m-search--bar .mdl-textfield input::placeholder {
color: #72727c; }
body.m-theme__dark m-search--bar .mdl-textfield input::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark m-search--bar .mdl-textfield input::-moz-placeholder {
color: #b8c1ca; }
body.m-theme__dark m-search--bar .mdl-textfield input:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark m-search--bar .mdl-textfield input:-ms-input-placeholder {
color: #b8c1ca; }
body.m-theme__dark m-search--bar .mdl-textfield input::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark m-search--bar .mdl-textfield input::placeholder {
color: #b8c1ca; }
m-search--bar .mdl-textfield input,
m-search--bar .mdl-textfield label {
padding: 8px 8px 8px 32px;
box-sizing: border-box; }
@media screen and (max-width: 1080px) {
m-search--bar.m-search--bar--default-sizes {
width: 180px; } }
@media screen and (max-width: 992px) {
m-search--bar.m-search--bar--default-sizes {
width: 45%; } }
@media screen and (max-width: 768px) {
m-search--bar.m-search--bar--default-sizes {
width: auto;
max-width: 30%; }
m-search--bar.m-search--bar--default-sizes input {
border: 0 !important; }
m-search--bar.m-search--bar--default-sizes input:focus {
width: 75vw; }
body.m-theme__light m-search--bar.m-search--bar--default-sizes input:focus,
body .m-theme--wrapper.m-theme--wrapper__light m-search--bar.m-search--bar--default-sizes input:focus {
border: 1px solid rgba(0, 0, 0, 0.12) !important; }
body.m-theme__dark m-search--bar.m-search--bar--default-sizes input:focus,
body .m-theme--wrapper.m-theme--wrapper__dark m-search--bar.m-search--bar--default-sizes input:focus {
border: 1px solid rgba(255, 255, 255, 0.12) !important; }
m-search--bar.m-search--bar--default-sizes input:focus + .mdl-textfield__label {
width: 75vw; } }
m-search--bar .m-search-bar--context {
display: none; }
m-search--bar .mdl-textfield .mdl-textfield__input {
height: 32px;
border-radius: 18px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
letter-spacing: 0.5px;
font-weight: 600;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
@media screen and (min-width: 769px) {
m-search--bar .mdl-textfield.m-search-bar--has-context {
display: flex; }
m-search--bar .mdl-textfield.m-search-bar--has-context .m-search-bar--context {
display: block;
flex-grow: 1;
align-self: center;
max-width: 25em;
height: 32px;
border-radius: 3px;
padding: 0 0 0 32px;
font-family: Roboto, sans-serif;
font-size: 12px;
letter-spacing: 1.25px;
white-space: nowrap;
text-transform: uppercase;
border-right: none;
box-sizing: border-box;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
body.m-theme__light m-search--bar .mdl-textfield.m-search-bar--has-context .m-search-bar--context,
body .m-theme--wrapper.m-theme--wrapper__light m-search--bar .mdl-textfield.m-search-bar--has-context .m-search-bar--context {
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(68, 68, 68, 0.5); }
body.m-theme__dark m-search--bar .mdl-textfield.m-search-bar--has-context .m-search-bar--context,
body .m-theme--wrapper.m-theme--wrapper__dark m-search--bar .mdl-textfield.m-search-bar--has-context .m-search-bar--context {
border: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(183, 183, 183, 0.5); }
m-search--bar .mdl-textfield.m-search-bar--has-context .mdl-textfield__input {
padding: 0 8px;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
body.m-theme__light m-search--bar .mdl-textfield.m-search-bar--has-context .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__light m-search--bar .mdl-textfield.m-search-bar--has-context .mdl-textfield__input {
border: 1px solid rgba(0, 0, 0, 0.12); }
body.m-theme__dark m-search--bar .mdl-textfield.m-search-bar--has-context .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__dark m-search--bar .mdl-textfield.m-search-bar--has-context .mdl-textfield__input {
border: 1px solid rgba(255, 255, 255, 0.12); } }
m-settingsV2__paymentMethods div,
m-settingsV2__paymentMethods a,
m-settingsV2__paymentMethods span,
m-settingsV2__paymentMethods > * {
font-size: 15px;
line-height: 20px;
font-weight: 300; }
@media screen and (max-width: 480px) {
m-settingsV2__paymentMethods div,
m-settingsV2__paymentMethods a,
m-settingsV2__paymentMethods span,
m-settingsV2__paymentMethods > * {
font-size: 14px; } }
m-settingsV2__paymentMethods a {
cursor: pointer;
text-decoration: underline; }
body.m-theme__light m-settingsV2__paymentMethods a,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__paymentMethods a {
color: #1b85d6; }
body.m-theme__dark m-settingsV2__paymentMethods a,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__paymentMethods a {
color: #1b85d6; }
body.m-theme__light m-settingsV2__paymentMethods .m-settingsV2__paymentMethods__expiry.expired,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__paymentMethods .m-settingsV2__paymentMethods__expiry.expired {
color: #e03c20; }
body.m-theme__dark m-settingsV2__paymentMethods .m-settingsV2__paymentMethods__expiry.expired,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__paymentMethods .m-settingsV2__paymentMethods__expiry.expired {
color: #e03c20; }
m-settingsV2__paymentMethods .m-settingsV2__paymentMethods__add span {
display: block;
margin-top: 34px; }
m-settingsV2__paymentMethods .m-settingsV2__table ul {
margin: 0; }
m-settingsV2__paymentMethods .m-settingsV2__table ul,
m-settingsV2__paymentMethods .m-settingsV2__table li {
list-style: none;
cursor: default;
padding: 0; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableItem {
align-items: flex-start; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableItem > div > * {
margin: 0; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableHeader {
align-items: flex-end;
padding-bottom: 6px; }
body.m-theme__light m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableHeader,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableHeader {
color: #9b9b9b; }
body.m-theme__dark m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableHeader,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableHeader {
color: #797b82; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableHeader > div:last-child > span {
margin-bottom: 0; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableItem,
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableHeader {
display: flex;
flex-flow: row nowrap;
margin: 20px 0; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableItem > div:first-child,
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableHeader > div:first-child {
flex: 3 1 250px; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableItem > div:first-child > span,
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableHeader > div:first-child > span {
margin-left: 8px; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableItem > div:first-child > span:first-child,
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableHeader > div:first-child > span:first-child {
margin-left: 0; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableItem > div:last-child,
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableHeader > div:last-child {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
flex: 2 1 auto; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableCol--right > *:first-child {
margin-right: 10px; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableItem__action {
box-sizing: border-box;
min-width: 90px;
margin-right: 0; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableItem__action span {
display: inline; }
@media screen and (max-width: 480px) {
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableItem__action {
min-width: 68px; }
m-settingsV2__paymentMethods .m-settingsV2__table .m-settingsV2__tableItem__action span {
display: none; } }
m-settingsV2__recurringPayments ul {
margin: 0; }
m-settingsV2__recurringPayments ul,
m-settingsV2__recurringPayments li {
list-style: none;
cursor: default;
padding: 0; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment {
display: flex;
flex-flow: row nowrap;
align-items: center;
width: 100%;
margin: 16px 0; }
@media screen and (max-width: 600px) {
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment {
flex-flow: row wrap; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper {
justify-content: space-between; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper:not(:first-child) {
margin-top: 16px; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper > * {
font-size: 14px;
line-height: 19px; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper .m-settingsV2__recurringPayment__recipient {
max-width: 120px; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__cancelWrapper {
width: 100%;
justify-content: space-around;
margin-top: 8px; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__cancelWrapper > * {
width: 100%; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__cancelWrapper .m-button {
width: 100%; } }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper {
display: flex;
flex-flow: row nowrap;
flex-grow: 1;
align-items: center; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper > * {
margin: 8px 4px 8px 0;
font-size: 15px;
line-height: 20px;
font-weight: 300; }
body.m-theme__light m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper > *,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper > * {
color: #43434d; }
body.m-theme__dark m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper > *,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper > * {
color: #ffffff; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper .m-settingsV2__recurringPayment__planWrapper {
display: flex;
align-items: center;
flex-flow: row nowrap; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper .m-settingsV2__recurringPayment__planWrapper > * {
margin: 8px 4px 8px 0; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper .m-settingsV2__recurringPayment__planWrapper:first-child {
margin: 8px 0; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper .m-settingsV2__recurringPayment__info {
position: relative; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper .m-settingsV2__recurringPayment__info m-tooltip {
margin-left: 0; }
body.m-theme__light m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper .m-settingsV2__recurringPayment__info m-tooltip .m-tooltip > i,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper .m-settingsV2__recurringPayment__info m-tooltip .m-tooltip > i {
color: #9b9b9b; }
body.m-theme__dark m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper .m-settingsV2__recurringPayment__info m-tooltip .m-tooltip > i,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper .m-settingsV2__recurringPayment__info m-tooltip .m-tooltip > i {
color: #797b82; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment .m-settingsV2__recurringPayment__detailsWrapper .m-settingsV2__recurringPayment__info m-tooltip .m-tooltip .m-tooltip--bubble {
top: -50px;
left: 14px;
bottom: auto; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment__cancelWrapper {
display: flex;
justify-content: flex-end;
align-items: center; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment__cancelWrapper .m-button {
min-width: 160px; }
m-settingsV2__recurringPayments .m-settingsV2__recurringPayment__recipient {
max-width: 180px;
overflow: hidden;
text-overflow: ellipsis; }
m-settingsV2__blockedChannels {
display: block; }
m-settingsV2__blockedChannels .m-settingsV2BlockedChannel {
display: flex;
flex-flow: row nowrap;
align-items: center;
padding: 8px 0;
margin-bottom: 8px; }
@media screen and (max-width: 632px) {
m-settingsV2__blockedChannels .m-settingsV2BlockedChannel {
margin-bottom: 12px;
flex-flow: row wrap; }
m-settingsV2__blockedChannels .m-settingsV2BlockedChannel > * {
flex: 1 1 100%; }
m-settingsV2__blockedChannels .m-settingsV2BlockedChannel .m-button {
width: 100%; }
m-settingsV2__blockedChannels .m-settingsV2BlockedChannel .m-settingsV2BlockedChannel__actions {
margin-top: 8px; }
m-settingsV2__blockedChannels .m-settingsV2BlockedChannel .m-settingsV2BlockedChannel__username {
max-width: 100%; } }
m-settingsV2__blockedChannels a.m-settingsV2BlockedChannel__detailsWrapper {
flex: 1 1 auto;
min-width: 200px;
display: flex;
flex-flow: row nowrap;
align-items: center;
margin-right: 20px;
text-decoration: none;
font-size: 16px;
line-height: 21px;
font-weight: 300; }
body.m-theme__light m-settingsV2__blockedChannels a.m-settingsV2BlockedChannel__detailsWrapper,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__blockedChannels a.m-settingsV2BlockedChannel__detailsWrapper {
color: #43434d; }
body.m-theme__dark m-settingsV2__blockedChannels a.m-settingsV2BlockedChannel__detailsWrapper,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__blockedChannels a.m-settingsV2BlockedChannel__detailsWrapper {
color: #ffffff; }
m-settingsV2__blockedChannels a.m-settingsV2BlockedChannel__detailsWrapper:hover {
text-decoration: underline; }
m-settingsV2__blockedChannels .m-settingsV2BlockedChannel__avatar {
margin-right: 16px; }
m-settingsV2__blockedChannels .m-settingsV2BlockedChannel__avatar img {
width: 36px;
height: 36px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%; }
m-settingsV2__blockedChannels .m-settingsV2BlockedChannel__username {
width: 100%;
max-width: 280px;
overflow: hidden;
text-overflow: ellipsis; }
body.m-theme__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__flexTable,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__flexTable {
color: #72727c; }
body.m-theme__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__flexTable,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__flexTable {
color: #b8c1ca; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__supportingText {
padding: 20px;
padding-bottom: 0; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__supportingText h3 {
margin-bottom: 0; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__flexTable {
width: 100%; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard m-tooltip {
margin-left: 3px;
position: relative; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard m-tooltip i:not(.m-settingsV2__referralsDashboard__pingIcon) {
font-size: 12px; }
body.m-theme__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard m-tooltip i:not(.m-settingsV2__referralsDashboard__pingIcon),
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard m-tooltip i:not(.m-settingsV2__referralsDashboard__pingIcon) {
color: #72727c; }
body.m-theme__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard m-tooltip i:not(.m-settingsV2__referralsDashboard__pingIcon),
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard m-tooltip i:not(.m-settingsV2__referralsDashboard__pingIcon) {
color: #b8c1ca; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard m-tooltip .m-tooltip--bubble {
bottom: auto; }
@media screen and (max-width: 480px) {
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard m-tooltip .m-tooltip--bubble {
top: -56px;
right: 30px; } }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row {
display: flex;
justify-content: space-between; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow {
align-items: center;
font-size: 12px;
line-height: 18px; }
body.m-theme__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow span,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow span {
color: #72727c !important; }
body.m-theme__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow span,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow span {
color: #b8c1ca !important; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow > * {
overflow: visible; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow .m-settingsV2__referralsDashboard__rewardsCol .m-tooltip {
position: absolute;
bottom: -6px; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow .m-settingsV2__referralsDashboard__rewardsCol .m-tooltip--bubble {
right: 12px;
min-width: 200px; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__dataRow {
font-size: 13px; }
body.m-theme__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__dataRow,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__dataRow {
border-top: 1px solid #d3dbe3; }
body.m-theme__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__dataRow,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__dataRow {
border-top: 1px solid #414c57; }
@media screen and (max-width: 480px) {
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row {
position: relative; } }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__cell {
display: flex;
padding: 8px 8px 8px 0;
align-items: center;
overflow: hidden;
white-space: nowrap;
height: 32px; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol {
min-width: 130px;
flex: 6 2 0; }
body.m-theme__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol {
color: #43434d; }
body.m-theme__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol {
color: #ffffff; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol .m-settingsV2__referralsDashboard__userNameWrapper,
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol .m-settingsV2__referralsDashboard__userNameWrapper * {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
body.m-theme__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol .m-settingsV2__referralsDashboard__userNameWrapper,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol .m-settingsV2__referralsDashboard__userNameWrapper, body.m-theme__light
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol .m-settingsV2__referralsDashboard__userNameWrapper *,
body .m-theme--wrapper.m-theme--wrapper__light
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol .m-settingsV2__referralsDashboard__userNameWrapper * {
color: #43434d; }
body.m-theme__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol .m-settingsV2__referralsDashboard__userNameWrapper,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol .m-settingsV2__referralsDashboard__userNameWrapper, body.m-theme__dark
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol .m-settingsV2__referralsDashboard__userNameWrapper *,
body .m-theme--wrapper.m-theme--wrapper__dark
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol .m-settingsV2__referralsDashboard__userNameWrapper * {
color: #ffffff; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol .m-settingsV2__referralsDashboard__userAvatar {
border-radius: 50%;
margin-right: 8px;
width: 24px; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol a {
display: flex;
align-items: center;
text-decoration: none; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol a span {
letter-spacing: 0.25px; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol a span:hover {
text-decoration: underline; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__statusCol {
min-width: 60px;
flex: 3 5 0; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__registerCol {
min-width: 50px;
flex: 3 4 0; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsCol {
min-width: 80px;
flex: 4 2 0;
padding-right: 20px;
overflow: visible;
white-space: normal; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsCol .m-settingsV2__referralsDashboard__pingButtonContainer {
display: flex; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsCol .m-settingsV2__referralsDashboard__pingButtonContainer m-tooltip {
margin-left: 0; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsCol .m-settingsV2__referralsDashboard__pingButtonContainer m-tooltip .m-tooltip--bubble {
margin-left: 0; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsCol .m-settingsV2__referralsDashboard__pingButtonContainer button {
display: flex;
justify-content: center;
align-items: center; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsCol .m-settingsV2__referralsDashboard__pingButtonContainer button span {
padding-left: 0; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsCol .m-settingsV2__referralsDashboard__pingButtonContainer button:focus {
outline: 0; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsCol .m-settingsV2__referralsDashboard__pingButtonContainer button.m-settingsV2__referralsDashboard__pingButton--disabled {
cursor: default; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsCol .m-settingsV2__referralsDashboard__pingButtonContainer button .m-settingsV2__referralsDashboard__pingIcon {
font-size: 18px; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__footer {
margin-top: 10px;
padding-bottom: 20px; }
body.m-theme__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__footer.m-settingsV2__referralsDashboard__notice,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__footer.m-settingsV2__referralsDashboard__notice {
color: #43434d; }
body.m-theme__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__footer.m-settingsV2__referralsDashboard__notice,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__footer.m-settingsV2__referralsDashboard__notice {
color: #ffffff; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__footer .m-settingsV2__referralsDashboard__cell {
width: 100%; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsPendingIcon {
display: none;
margin-left: 12px; }
body.m-theme__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsPendingIcon > i,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsPendingIcon > i {
color: #9b9b9b; }
body.m-theme__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsPendingIcon > i,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsPendingIcon > i {
color: #797b82; }
@media screen and (max-width: 910px) {
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow span {
white-space: normal !important;
max-width: 35px; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow .m-settingsV2__referralsDashboard__registerCol,
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow .m-settingsV2__referralsDashboard__rewardsCol {
align-items: flex-start !important; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow .m-settingsV2__referralsDashboard__rewardsCol .m-tooltip {
bottom: -12px; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__row.m-settingsV2__referralsDashboard__headerRow .m-settingsV2__referralsDashboard__rewardsCol span {
max-width: 46px; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__cell.m-settingsV2__referralsDashboard__rewardsCol {
flex: 2 3 0; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__cell.m-settingsV2__referralsDashboard__rewardsCol .m-settingsV2__referralsDashboard__pingButtonContainer button {
padding: 8px; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__cell.m-settingsV2__referralsDashboard__rewardsCol .m-settingsV2__referralsDashboard__pingButtonContainer button span {
display: none; } }
@media screen and (max-width: 800px) {
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__cell.m-settingsV2__referralsDashboard__registerCol {
display: none; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__userCol {
min-width: 100px; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__statusCol {
min-width: 60px; }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__rewardsCol {
max-width: 75px; } }
m-settingsV2__referralsDashboard .m-settingsV2__referralsDashboard__pingIcon--wiggle {
-webkit-animation: wiggle 0.2s infinite;
animation: wiggle 0.2s infinite; }
@-webkit-keyframes wiggle {
0% {
transform: rotate(0deg); }
25% {
transform: rotate(-10deg); }
50% {
transform: rotate(10deg); }
75% {
transform: rotate(-10deg); }
100% {
transform: rotate(0deg); } }
@keyframes wiggle {
0% {
transform: rotate(0deg); }
25% {
transform: rotate(-10deg); }
50% {
transform: rotate(10deg); }
75% {
transform: rotate(-10deg); }
100% {
transform: rotate(0deg); } }
.m-overlay-modal--referrals-links .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__modalShow {
display: block; }
.m-overlay-modal--referrals-links .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__modalShow.m-settingsV2__referralsLinks__modalButton {
margin-top: 20px; }
.m-overlay-modal--referrals-links .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks
.m-settingsV2__referralsLinks__modalHide {
display: none; }
.m-settingsV2__referralsLinks .m-settingsV2__desc {
font-size: 16px !important;
margin-bottom: 35px !important; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__desc,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__desc {
color: #72727c !important; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__desc,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__desc {
color: #b8c1ca !important; }
.m-settingsV2__referralsLinks .m-settingsV2ReferralsLinks__bankConnect {
display: flex;
flex-flow: row nowrap; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2ReferralsLinks__bankConnect,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2ReferralsLinks__bankConnect {
color: #43434d !important; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2ReferralsLinks__bankConnect,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2ReferralsLinks__bankConnect {
color: #ffffff !important; }
.m-settingsV2__referralsLinks .m-settingsV2ReferralsLinks__bankConnect i {
font-size: 18px;
margin-right: 8px; }
.m-settingsV2__referralsLinks .m-settingsV2ReferralsLinks__bankConnect a {
display: inline-block;
margin: 0 3px;
text-decoration: underline !important; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2ReferralsLinks__bankConnect a,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2ReferralsLinks__bankConnect a {
color: #43434d !important; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2ReferralsLinks__bankConnect a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2ReferralsLinks__bankConnect a {
color: #ffffff !important; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__modalShow {
display: none; }
body.m-theme__light .m-settingsV2__referralsLinks,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks {
color: #43434d; }
body.m-theme__dark .m-settingsV2__referralsLinks,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks {
color: #ffffff; }
.m-settingsV2__referralsLinks h4 {
font-size: 18px;
font-weight: 600;
padding: 0;
margin: 16px 0 0 0; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks > * {
font-size: 16px;
line-height: 20px; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks > *,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks > * {
color: #72727c; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks > *,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks > * {
color: #b8c1ca; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks > p {
margin: 0 0 10px 0 !important; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink {
max-width: 450px;
margin-bottom: 30px;
border-radius: 2px;
display: flex;
justify-content: space-between; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink {
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink {
background-color: #242a30;
border: 1px solid #414c57; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink.focused,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink.focused {
border-color: #4690df; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink.focused,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink.focused {
border-color: #44aaff; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkText {
width: 95%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left !important;
font-size: 16px;
border: none;
padding: 12px 0 12px 12px;
margin: 1px 0 1px 4px; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkText,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkText {
background-color: transparent;
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkText,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkText {
background-color: transparent;
color: rgba(255, 255, 255, 0.87); }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkText::-moz-selection {
background-color: #b3d4fc; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkText::selection {
background-color: #b3d4fc; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkText:focus {
outline: none; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkButton {
cursor: pointer;
padding: 12px; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkButton i {
font-size: 20px;
transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkButton i,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkButton i {
color: #43434d; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkButton i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkButton i {
color: #ffffff; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkButton i:hover {
transform: scale(1.05); }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkButton i:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkButton i:hover {
color: #72727c; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkButton i:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkButton i:hover {
color: #b8c1ca; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__copyableLinks .m-settingsV2__referralsLinks__copyableLink .m-settingsV2__referralsLinks__copyableLinkButton i:active {
transform: scale(0.95); }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share {
margin-top: 30px; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share p {
font-size: 16px;
line-height: 20px; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share {
color: #72727c; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share {
color: #b8c1ca; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButtons {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: -8px; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButtons button {
cursor: pointer;
border-radius: 50%;
height: 32px;
width: 32px;
border: none;
margin: 0 20px 12px 0;
position: relative;
padding-top: 1px; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButtons button:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButtons button:hover {
box-shadow: inset 0 0 16px 16px rgba(0, 0, 0, 0.2); }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButtons button:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButtons button:hover {
box-shadow: inset 0 0 16px 16px rgba(0, 0, 0, 0.2); }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButtons button:active,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButtons button:active {
box-shadow: inset 0 0 16px 16px rgba(0, 0, 0, 0.05); }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButtons button:active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButtons button:active {
box-shadow: inset 0 0 16px 16px rgba(0, 0, 0, 0.05); }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButtons button:focus {
outline: none; }
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButtons button img {
position: absolute;
top: calc(50% - 9px);
left: calc(50% - 9px); }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--twitter,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--twitter {
background-color: #03b3ee; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--twitter,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--twitter {
background-color: #03b3ee; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--messenger,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--messenger {
background-color: #0084ff; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--messenger,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--messenger {
background-color: #0084ff; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--facebook,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--facebook {
background-color: #3b5998; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--facebook,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--facebook {
background-color: #3b5998; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--whatsapp,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--whatsapp {
background-color: #25d366; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--whatsapp,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--whatsapp {
background-color: #25d366; }
body.m-theme__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--sms,
body .m-theme--wrapper.m-theme--wrapper__light .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--sms, body.m-theme__light
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--email,
body .m-theme--wrapper.m-theme--wrapper__light
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--email {
background-color: #607d8b; }
body.m-theme__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--sms,
body .m-theme--wrapper.m-theme--wrapper__dark .m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--sms, body.m-theme__dark
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--email,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-settingsV2__referralsLinks .m-settingsV2__referralsLinks__share .m-settingsV2__referralsLinks__shareButton--email {
background-color: #6b8a99; }
m-settingsV2__referrals .m-settingsV2__referralsLinks,
m-settingsV2__referrals .m-settingsV2__referralsDashboard {
margin-bottom: 30px; }
m-settingsV2__subscriptionTiers .m-formLayout--buttonRight .m-form__fieldsContainer {
margin-bottom: 0px; }
m-settingsV2__subscriptionTiers .m-form__row--validation {
justify-content: flex-end; }
m-settingsV2Pro__assets .m-form__row--input {
position: relative; }
m-settingsV2Pro__assets [class*='m-form__filePreview'] {
position: relative;
z-index: 0;
overflow: hidden;
display: inline-block;
border-radius: 2px;
cursor: pointer;
margin: 0; }
m-settingsV2Pro__assets [class*='m-form__filePreview'][class*='Overlay'] {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light m-settingsV2Pro__assets [class*='m-form__filePreview'][class*='Overlay'],
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2Pro__assets [class*='m-form__filePreview'][class*='Overlay'] {
background: rgba(0, 0, 0, 0.4); }
body.m-theme__dark m-settingsV2Pro__assets [class*='m-form__filePreview'][class*='Overlay'],
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2Pro__assets [class*='m-form__filePreview'][class*='Overlay'] {
background: rgba(0, 0, 0, 0.4); }
m-settingsV2Pro__assets [class*='m-form__filePreview'][class*='Overlay']:hover {
opacity: 1; }
m-settingsV2Pro__assets [class*='m-form__filePreview'][class*='Overlay'].m-form__filePreviewOverlay--show {
opacity: 0.6; }
m-settingsV2Pro__assets [class*='m-form__filePreview'][class*='Overlay'].m-form__filePreviewOverlay--show:hover {
opacity: 1; }
m-settingsV2Pro__assets [class*='m-form__filePreview'] > i.material-icons {
font-size: 3em; }
body.m-theme__light m-settingsV2Pro__assets [class*='m-form__filePreview'] > i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2Pro__assets [class*='m-form__filePreview'] > i.material-icons {
color: #fff; }
body.m-theme__dark m-settingsV2Pro__assets [class*='m-form__filePreview'] > i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2Pro__assets [class*='m-form__filePreview'] > i.material-icons {
color: #fff; }
m-settingsV2Pro__assets input[type='file'] {
position: absolute;
-webkit-appearance: none;
width: 0.1px;
height: 0.1px;
z-index: -1;
opacity: 0.01;
top: -1px;
left: -1px; }
m-settingsV2 {
grid-area: content / span 2;
min-width: 0; }
body.m-theme__light m-settingsV2 m-nestedMenu.m-pageLayout__pane--right,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2 m-nestedMenu.m-pageLayout__pane--right {
border-left: none; }
body.m-theme__dark m-settingsV2 m-nestedMenu.m-pageLayout__pane--right,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2 m-nestedMenu.m-pageLayout__pane--right {
border-left: none; }
m-settingsV2 .m-settingsV2 {
display: flex;
font-weight: 300; }
m-settingsV2 .m-settingsV2 .m-settingsV2__mainMenu {
flex: 0 1 310px; }
@media screen and (max-width: 1039px) {
m-settingsV2 .m-settingsV2 .m-settingsV2__mainMenu {
display: none;
flex-grow: 1; }
m-settingsV2 .m-settingsV2 .m-settingsV2__mainMenu.onMainNav {
display: block; } }
m-settingsV2 .m-settingsV2 .m-settingsV2__secondaryPane {
flex: 1 1 340px;
max-width: 637px; }
@media screen and (max-width: 1039px) {
m-settingsV2 .m-settingsV2 .m-settingsV2__secondaryPane {
display: none; }
m-settingsV2 .m-settingsV2 .m-settingsV2__secondaryPane.onSecondaryNav {
display: block; } }
m-settingsV2 .m-settingsV2 div.m-settingsV2__notice span {
font-weight: 400; }
body.m-theme__light m-settingsV2 .m-settingsV2 div.m-settingsV2__notice span,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2 .m-settingsV2 div.m-settingsV2__notice span {
color: #72727c; }
body.m-theme__dark m-settingsV2 .m-settingsV2 div.m-settingsV2__notice span,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2 .m-settingsV2 div.m-settingsV2__notice span {
color: #b8c1ca; }
m-settingsV2 .m-settingsV2__settingsView {
font-size: 16px;
line-height: 21px;
margin-top: 29px;
margin-bottom: 48px; }
body.m-theme__light m-settingsV2 .m-settingsV2__settingsView,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2 .m-settingsV2__settingsView {
color: #43434d; }
body.m-theme__dark m-settingsV2 .m-settingsV2__settingsView,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2 .m-settingsV2__settingsView {
color: #ffffff; }
@media screen and (max-width: 1039px) {
m-settingsV2 .m-settingsV2__settingsView {
margin-top: 15px; } }
m-settingsV2 .m-settingsV2__settingsView > *:not(.m-settingsV2__headerWrapper) {
margin: 0 71px; }
@media screen and (max-width: 1039px) {
m-settingsV2 .m-settingsV2__settingsView > *:not(.m-settingsV2__headerWrapper) {
margin: 0 24px; } }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper {
display: flex;
flex-flow: row nowrap;
align-items: center;
margin: 0 71px 0 -35px;
font-size: 24px;
line-height: 32px;
font-weight: 400;
box-sizing: border-box;
width: 100%; }
@media screen and (max-width: 1039px) {
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper {
flex-flow: column nowrap;
margin: 0;
align-items: flex-start; } }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper .m-settingsV2__backButton {
flex: 0 0 35px;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper .m-settingsV2__backButton a {
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-weight: 300;
cursor: pointer;
text-decoration: none;
margin-bottom: 0; }
body.m-theme__light m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper .m-settingsV2__backButton a,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper .m-settingsV2__backButton a {
color: #72727c; }
body.m-theme__dark m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper .m-settingsV2__backButton a,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper .m-settingsV2__backButton a {
color: #b8c1ca; }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper .m-settingsV2__backButton span {
font-size: 15px;
display: none;
margin-left: 5px; }
@media screen and (max-width: 1039px) {
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper .m-settingsV2__backButton span {
display: inline-flex; } }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper .m-settingsV2__backButton i {
font-size: 24px;
line-height: inherit;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
@media screen and (max-width: 1039px) {
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper .m-settingsV2__backButton i {
font-size: 17px; } }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerWrapper .m-settingsV2__backButton:hover i {
transform: scale(1.1); }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__headerLabel {
flex: 1 0 auto;
font-size: 24px;
line-height: 32px;
font-weight: 400;
width: 100%; }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__subheader {
font-size: 18px;
line-height: 24px;
margin-bottom: 15px;
font-weight: 400; }
body.m-theme__light m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__subheader,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__subheader {
color: #43434d; }
body.m-theme__dark m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__subheader,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__subheader {
color: #ffffff; }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__subheader:not(:first-child) {
margin-top: 41px; }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__desc {
margin: 11px 0 48px 0; }
body.m-theme__light m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__desc,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__desc {
color: #9b9b9b; }
body.m-theme__dark m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__desc,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__desc {
color: #797b82; }
@media screen and (max-width: 1039px) {
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__desc {
font-size: 15px;
line-height: 20px; } }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__desc a {
font-weight: inherit;
text-decoration: none; }
body.m-theme__light m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__desc a,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__desc a {
color: #1b85d6; }
body.m-theme__dark m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__desc a,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__desc a {
color: #1b85d6; }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__desc a:hover {
text-decoration: underline; }
m-settingsV2 .m-settingsV2__settingsView .m-formWrapper .m-form__fieldsContainer .m-form__row--label label {
font-weight: 400; }
m-settingsV2 .m-settingsV2__settingsView .m-formWrapper .m-form__fieldsContainer .m-form__row--label label > m-tooltip {
font-size: 15px;
line-height: 20px;
font-weight: 300; }
m-settingsV2 .m-settingsV2__settingsView m-settingsV2__password .m-formWrapper .m-form__field--text:nth-child(2) {
margin-bottom: 2px; }
m-settingsV2 .m-settingsV2__settingsView .m-formWrapper m-popover {
width: 100%; }
m-settingsV2 .m-settingsV2__settingsView .m-formWrapper m-popover .m-popover__content {
margin-top: 1.5rem; }
m-settingsV2 .m-settingsV2__settingsView .m-formWrapper m-popover input {
width: 100%; }
m-settingsV2 .m-settingsV2__settingsView .m-formInput__checkbox {
font-size: 15px;
line-height: 20px; }
body.m-theme__light m-settingsV2 .m-settingsV2__settingsView .m-formInput__checkbox,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2 .m-settingsV2__settingsView .m-formInput__checkbox {
color: #43434d; }
body.m-theme__dark m-settingsV2 .m-settingsV2__settingsView .m-formInput__checkbox,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2 .m-settingsV2__settingsView .m-formInput__checkbox {
color: #ffffff; }
m-settingsV2 .m-settingsV2__settingsView .m-formLayout--buttonLeft .m-form__buttonsContainer {
margin-top: 35px; }
m-settingsV2 .m-settingsV2__settingsView m-settingsV2__emailNotifications .m-form__field--checkbox:not(:last-child) {
margin-bottom: 10px; }
m-settingsV2 .m-settingsV2__settingsView .m-form__filePreview--logo {
padding: 16px; }
m-settingsV2 .m-settingsV2__settingsView .m-form__filePreview--logo > img {
max-width: 100%;
max-height: 100px;
-o-object-fit: contain;
object-fit: contain; }
m-settingsV2 .m-settingsV2__settingsView .m-form__filePreview--background {
width: 480px;
height: 270px; }
body.m-theme__light m-settingsV2 .m-settingsV2__settingsView .m-form__filePreview--background,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2 .m-settingsV2__settingsView .m-form__filePreview--background {
background: rgba(0, 0, 0, 0.3); }
body.m-theme__dark m-settingsV2 .m-settingsV2__settingsView .m-form__filePreview--background,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2 .m-settingsV2__settingsView .m-form__filePreview--background {
background: rgba(0, 0, 0, 0.3); }
m-settingsV2 .m-settingsV2__settingsView .m-form__filePreview--background > img {
width: 480px;
height: 270px;
-o-object-fit: cover;
object-fit: cover; }
m-settingsV2 .m-settingsV2__settingsView .m-settings--section input {
width: 100%; }
m-settingsV2 .m-settingsV2__settingsView .m-settings--section h4 {
display: none; }
m-settingsV2 .m-settingsV2__settingsView .m-settingsV2__spinner {
display: flex;
justify-content: center;
align-items: center; }
m-settingsV2 .m-tooltip--bubble {
width: 30vw; }
m-settingsV2 .m-settingsV2__table ul {
margin: 0; }
m-settingsV2 .m-settingsV2__table ul,
m-settingsV2 .m-settingsV2__table li {
list-style: none;
cursor: default;
padding: 0; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableItem {
align-items: flex-start; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableItem > div > * {
margin: 0; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableHeader {
align-items: flex-end;
padding-bottom: 6px; }
body.m-theme__light m-settingsV2 .m-settingsV2__table .m-settingsV2__tableHeader,
body .m-theme--wrapper.m-theme--wrapper__light m-settingsV2 .m-settingsV2__table .m-settingsV2__tableHeader {
color: #9b9b9b; }
body.m-theme__dark m-settingsV2 .m-settingsV2__table .m-settingsV2__tableHeader,
body .m-theme--wrapper.m-theme--wrapper__dark m-settingsV2 .m-settingsV2__table .m-settingsV2__tableHeader {
color: #797b82; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableHeader > div:last-child > span {
margin-bottom: 0; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableItem,
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableHeader {
display: flex;
flex-flow: row nowrap;
margin: 20px 0; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableItem > div:first-child,
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableHeader > div:first-child {
flex: 3 1 250px; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableItem > div:first-child > span,
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableHeader > div:first-child > span {
margin-left: 8px; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableItem > div:first-child > span:first-child,
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableHeader > div:first-child > span:first-child {
margin-left: 0; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableItem > div:last-child,
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableHeader > div:last-child {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
flex: 2 1 auto; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableCol--right > *:first-child {
margin-right: 10px; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableItem__action {
box-sizing: border-box;
min-width: 90px;
margin-right: 0; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableItem__action span {
display: inline; }
@media screen and (max-width: 480px) {
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableItem__action {
min-width: 68px; }
m-settingsV2 .m-settingsV2__table .m-settingsV2__tableItem__action span {
display: none; } }
m-settings--two-factor .mdl-card__supporting-text {
overflow: visible; }
.m-twoFactor__codeInputLabel {
padding: 8px 20px;
width: unset;
max-width: 100%; }
m-translate.m-translate--minimalMode .m-translate__hasNav2020 > * {
padding: 10px 16px; }
m-translate .m-translate__hasNav2020 > * {
padding: 10px 21px; }
m-translate .m-translate__hasNav2020 > * > * {
padding: 0;
margin-left: 0px;
margin-right: 0px; }
m-translate .m-translate__hasNav2020 hr {
padding: 10px 0 0 0 !important;
margin: 0 !important; }
body.m-theme__light m-translate .m-translate__hasNav2020 hr,
body .m-theme--wrapper.m-theme--wrapper__light m-translate .m-translate__hasNav2020 hr {
border-top: 1px solid #d3dbe3; }
body.m-theme__dark m-translate .m-translate__hasNav2020 hr,
body .m-theme--wrapper.m-theme--wrapper__dark m-translate .m-translate__hasNav2020 hr {
border-top: 1px solid #414c57; }
m-translate .m-translate__hasNav2020 .m-translation-wrapper {
padding-bottom: 0; }
m-translate .m-translate__hasNav2020 .m-translation-wrapper .message {
padding: 0;
margin: 0;
font-size: inherit;
width: 100% !important; }
body.m-theme__light m-translate .m-translate__hasNav2020 .m-translation-wrapper .message,
body .m-theme--wrapper.m-theme--wrapper__light m-translate .m-translate__hasNav2020 .m-translation-wrapper .message {
border-left: none; }
body.m-theme__dark m-translate .m-translate__hasNav2020 .m-translation-wrapper .message,
body .m-theme--wrapper.m-theme--wrapper__dark m-translate .m-translate__hasNav2020 .m-translation-wrapper .message {
border-left: none; }
m-translate .m-translate__hasNav2020 .m-translation-wrapper .message a {
font-weight: 400; }
m-translate .m-translate__hasNav2020 .m-translate__selectWrapper {
display: flex;
align-items: center;
padding-top: 0; }
m-translate .m-translate__hasNav2020 .m-translate__selectWrapper .m-translationLabel__content {
padding: 0; }
m-translate .m-translate__hasNav2020 .m-translate-select {
flex-grow: 2; }
m-translate .m-translate__hasNav2020 .m-translate-select-control {
outline: none;
border-radius: 2px;
width: 100%;
padding: 10px 30px 10px 10px;
font-size: 14px; }
body.m-theme__light m-translate .m-translate__hasNav2020 .m-translate-select-control,
body .m-theme--wrapper.m-theme--wrapper__light m-translate .m-translate__hasNav2020 .m-translate-select-control {
border: 1px solid #d3dbe3;
color: #43434d; }
body.m-theme__dark m-translate .m-translate__hasNav2020 .m-translate-select-control,
body .m-theme--wrapper.m-theme--wrapper__dark m-translate .m-translate__hasNav2020 .m-translate-select-control {
border: 1px solid #414c57;
color: #ffffff; }
m-translate .m-translate__hasNav2020 .m-translation-label {
display: flex;
box-sizing: border-box;
min-height: 60px;
align-items: center; }
m-translate .m-translate__hasNav2020 .m-translationLabel__content {
font-weight: 400;
font-size: 14px;
line-height: 16px;
word-break: normal;
padding: 10px 0; }
body.m-theme__light m-translate .m-translate__hasNav2020 .m-translationLabel__content,
body .m-theme--wrapper.m-theme--wrapper__light m-translate .m-translate__hasNav2020 .m-translationLabel__content {
color: #72727c; }
body.m-theme__dark m-translate .m-translate__hasNav2020 .m-translationLabel__content,
body .m-theme--wrapper.m-theme--wrapper__dark m-translate .m-translate__hasNav2020 .m-translationLabel__content {
color: #b8c1ca; }
m-translate .m-translate__hasNav2020 .m-translationLabel__content a {
text-decoration: underline;
font-weight: 400; }
body.m-theme__light m-translate .m-translate__hasNav2020 .m-translationLabel__content a,
body .m-theme--wrapper.m-theme--wrapper__light m-translate .m-translate__hasNav2020 .m-translationLabel__content a {
color: #72727c; }
body.m-theme__dark m-translate .m-translate__hasNav2020 .m-translationLabel__content a,
body .m-theme--wrapper.m-theme--wrapper__dark m-translate .m-translate__hasNav2020 .m-translationLabel__content a {
color: #b8c1ca; }
m-translate a {
cursor: pointer; }
m-translate .m-translate-select {
cursor: pointer;
position: relative;
display: inline-block; }
m-translate .m-translate-select:after {
font-family: 'Material Icons';
font-size: 8px;
font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
content: '\25bc';
line-height: 1em;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%) scaleX(1.2);
pointer-events: none; }
body.m-theme__light m-translate .m-translate-select:after,
body .m-theme--wrapper.m-theme--wrapper__light m-translate .m-translate-select:after {
color: #9b9b9b; }
body.m-theme__dark m-translate .m-translate-select:after,
body .m-theme--wrapper.m-theme--wrapper__dark m-translate .m-translate-select:after {
color: #797b82; }
m-translate .m-translate-select-control {
cursor: pointer;
width: 200px;
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
padding: 8px;
font-size: 12px; }
body.m-theme__light m-translate .m-translate-select-control,
body .m-theme--wrapper.m-theme--wrapper__light m-translate .m-translate-select-control {
border: 1px solid #d3dbe3;
background-color: #ffffff;
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark m-translate .m-translate-select-control,
body .m-theme--wrapper.m-theme--wrapper__dark m-translate .m-translate-select-control {
border: 1px solid #414c57;
background-color: #242a30;
color: rgba(255, 255, 255, 0.87); }
m-translate .m-translate__selectLabel {
margin-right: 15px; }
m-translate .m-translation-wrapper .message {
font-size: 14px;
white-space: inherit !important;
width: calc(100% - 32px) !important;
margin: 0 16px 8px;
padding: 8px 0 8px 8px; }
body.m-theme__light m-translate .m-translation-wrapper .message,
body .m-theme--wrapper.m-theme--wrapper__light m-translate .m-translation-wrapper .message {
border-left: 2px solid #ddd; }
body.m-theme__dark m-translate .m-translation-wrapper .message,
body .m-theme--wrapper.m-theme--wrapper__dark m-translate .m-translation-wrapper .message {
border-left: 2px solid #404040; }
minds-card-comment m-translate .m-translation-wrapper .message {
font-size: inherit !important; }
m-translate .m-translate__optionsSeparator {
padding: 0px 3px; }
m-translate i.material-icons {
margin-right: 3px; }
m-upgrades__buyTokens {
display: block; }
.m-upgrades__buyTokens {
margin-bottom: 105px; }
.m-upgrades__buyTokens .m-upgradesBuyTokens__wrapper {
padding: 40px 60px 30px;
background: url("/static/en//assets/photos/chinese-coins.jpg") no-repeat 382px center #726061;
background-size: contain;
color: #ffffff; }
@media screen and (max-width: 1168px) {
.m-upgrades__buyTokens .m-upgradesBuyTokens__wrapper {
background-image: none;
padding: 30px;
margin: 0 20px; } }
.m-upgrades__buyTokens .m-upgradesBuyTokens__body {
max-width: 320px; }
@media screen and (max-width: 1168px) {
.m-upgrades__buyTokens .m-upgradesBuyTokens__body {
max-width: none; } }
.m-upgrades__buyTokens h2 {
margin: 0 0 12px;
font-size: 32px;
font-weight: 900;
line-height: 43px; }
.m-upgrades__buyTokens p a {
color: #4690df !important;
text-decoration: underline;
font-weight: 400;
line-height: 21px;
font-size: 16px; }
.m-upgrades__buyTokens p.m-upgradesBuyTokens__description {
margin-bottom: 25px;
opacity: 0.6;
line-height: 21px;
font-size: 16px;
padding-top: 8px;
margin-right: 40px; }
@media screen and (max-width: 1168px) {
.m-upgrades__buyTokens p.m-upgradesBuyTokens__description {
margin-right: 20px; } }
.m-upgrades__buyTokens .m-upgradesBuyTokens__purchase {
display: block;
max-width: 640px;
margin-top: 40px; }
body.m-theme__light .m-upgrades__buyTokens .m-upgradesBuyTokens__purchase,
body .m-theme--wrapper.m-theme--wrapper__light .m-upgrades__buyTokens .m-upgradesBuyTokens__purchase {
color: #43434d; }
body.m-theme__dark .m-upgrades__buyTokens .m-upgradesBuyTokens__purchase,
body .m-theme--wrapper.m-theme--wrapper__dark .m-upgrades__buyTokens .m-upgradesBuyTokens__purchase {
color: #ffffff; }
.m-upgrades__buyTokens .m-upgradesBuyTokens__purchase .m-blockchainTokenPurchase {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07); }
.m-upgrades__buyTokens .m-upgradesBuyTokens__purchase .m-blockchainTokenPurchase__ethRate {
color: #9b9b9b; }
.m-upgrades__buyTokens .m-upgradesBuyTokens__purchase .m-blockchainTokenPurchase__ethRate a {
color: inherit;
font-weight: bold; }
m-upgrades__upgradeOptions {
display: block; }
.m-upgrades__upgradeOptions {
position: relative;
/* required for deco */
z-index: 0;
/* required for deco */ }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between; }
@media screen and (max-width: 1168px) {
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__header {
display: block;
margin: 0 40px 40px; } }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__header h2 {
font-size: 32px;
font-weight: 900;
line-height: 43px; }
@media screen and (max-width: 1168px) {
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__header h2 {
font-size: 24px;
margin: 0 0 20px; } }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__header .m-upgradesUpgradeOptionsHeader__toggleContainer {
display: flex;
flex-direction: row;
align-items: center; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__header .m-upgradesUpgradeOptionsHeader__toggleContainer .m-upgradesUpgradeOptionsHeader__toggle {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: stretch;
margin-right: 50px; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__header .m-upgradesUpgradeOptionsHeader__toggleContainer .m-upgradesUpgradeOptionsHeader__toggle:last-child {
margin-right: 0; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__header .m-upgradesUpgradeOptionsHeader__toggleContainer .m-upgradesUpgradeOptionsHeader__toggle.m-upgradesUpgradeOptionsHeader__toggle--hidden {
visibility: hidden; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans {
position: relative;
/* required for deco, no z-indexes HERE! */
display: grid;
grid-auto-flow: column;
grid-column-gap: 65px;
grid-row-gap: 0;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(5, auto);
padding: 40px 60px 60px; }
body.m-theme__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans,
body .m-theme--wrapper.m-theme--wrapper__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans {
background-color: #e3e8ed; }
body.m-theme__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans,
body .m-theme--wrapper.m-theme--wrapper__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans {
background-color: #4c5966; }
body.m-theme__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__row ul li,
body .m-theme--wrapper.m-theme--wrapper__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__row ul li {
color: #72727c; }
body.m-theme__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__row ul li,
body .m-theme--wrapper.m-theme--wrapper__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__row ul li {
color: #b8c1ca; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__row.m-upgradesUpgradeOptionsPlan__row--last {
margin-top: 50px; }
@media screen and (max-width: 1168px) {
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__row.m-upgradesUpgradeOptionsPlan__row--last {
margin-top: 10px; } }
@media screen and (min-width: 1169px) {
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__row.m-upgradesUpgradeOptionsPlan__row--last {
height: 100px; } }
@media screen and (max-width: 1168px) {
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans {
display: block;
margin: 0 20px;
padding: 40px; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__row.m-upgradesUpgradeOptionsPlan__row--first {
margin-top: 40px; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__row.m-upgradesUpgradeOptionsPlan__row--first:first-child {
margin-top: 0; } }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans::before {
content: '';
display: block;
position: absolute;
width: 393px;
height: 193px;
top: 0;
left: 0;
transform: translate(-20px, -20px);
background: url("/static/en//assets/marketing/deco_1.svg");
z-index: -1; }
@media screen and (max-width: 1168px) {
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans::before {
max-width: 90vw; } }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans::after {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 388px;
height: 388px;
background: url("/static/en//assets/marketing/deco_2.svg");
z-index: -1;
transform: translate(102px, 102px); }
@media screen and (max-width: 1168px) {
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans::after {
display: none; } }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans h3 {
font-size: 28px;
font-weight: 900;
line-height: 37px;
padding: 0 0 2px;
margin: 0; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans p {
font-size: 16px;
line-height: 21px;
margin: 0 0 31px; }
body.m-theme__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans p.m-upgradesUpgradeOptionsPlan__targetAudience,
body .m-theme--wrapper.m-theme--wrapper__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans p.m-upgradesUpgradeOptionsPlan__targetAudience {
color: #4caf50; }
body.m-theme__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans p.m-upgradesUpgradeOptionsPlan__targetAudience,
body .m-theme--wrapper.m-theme--wrapper__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans p.m-upgradesUpgradeOptionsPlan__targetAudience {
color: #5cb860; }
body.m-theme__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans p.m-upgradesUpgradeOptionsPlan__description,
body .m-theme--wrapper.m-theme--wrapper__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans p.m-upgradesUpgradeOptionsPlan__description {
color: #72727c; }
body.m-theme__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans p.m-upgradesUpgradeOptionsPlan__description,
body .m-theme--wrapper.m-theme--wrapper__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans p.m-upgradesUpgradeOptionsPlan__description {
color: #b8c1ca; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans ul {
padding: 0 12px;
margin: 0 0 16px; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans ul li {
font-size: 16px;
margin-bottom: 12px; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__moreInfo {
font-size: 14px;
line-height: 19px;
cursor: pointer;
text-decoration: none;
font-weight: 400;
letter-spacing: 0.5; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__moreInfo :hover {
text-decoration: underline; }
body.m-theme__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__moreInfo,
body .m-theme--wrapper.m-theme--wrapper__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__moreInfo {
color: #4690df; }
body.m-theme__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__moreInfo,
body .m-theme--wrapper.m-theme--wrapper__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__moreInfo {
color: #44aaff; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__pricing {
font-size: 18px;
font-weight: bold;
line-height: 24px;
margin-bottom: 0; }
body.m-theme__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__pricing,
body .m-theme--wrapper.m-theme--wrapper__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__pricing {
color: #72727c; }
body.m-theme__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__pricing,
body .m-theme--wrapper.m-theme--wrapper__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__pricing {
color: #b8c1ca; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__pricing span {
font-size: 24px; }
body.m-theme__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__pricing span,
body .m-theme--wrapper.m-theme--wrapper__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__pricing span {
color: #43434d; }
body.m-theme__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__pricing span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__pricing span {
color: #ffffff; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__offer {
font-size: 14px;
text-decoration: line-through;
margin-bottom: 0; }
body.m-theme__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__offer,
body .m-theme--wrapper.m-theme--wrapper__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__offer {
color: #e03c20; }
body.m-theme__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__offer,
body .m-theme--wrapper.m-theme--wrapper__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__offer {
color: #e35036; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__intervalDesc {
font-size: 16px;
line-height: 21px;
margin-top: 8px;
min-width: 170px; }
body.m-theme__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__intervalDesc,
body .m-theme--wrapper.m-theme--wrapper__light .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__intervalDesc {
color: #72727c; }
body.m-theme__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__intervalDesc,
body .m-theme--wrapper.m-theme--wrapper__dark .m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__intervalDesc {
color: #b8c1ca; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__action {
display: block;
margin-top: 25px; }
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__action button {
width: 80%; }
@media screen and (max-width: 1168px) {
.m-upgrades__upgradeOptions .m-upgradesUpgradeOptions__plans .m-upgradesUpgradeOptionsPlan__action button {
width: 100%; } }
.m-upgrades .m-upgrades__featuredIn {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0; }
.m-upgrades .m-upgrades__featuredIn li {
font-size: 14px; }
body.m-theme__light .m-upgrades .m-upgrades__featuredIn li,
body .m-theme--wrapper.m-theme--wrapper__light .m-upgrades .m-upgrades__featuredIn li {
color: #aaa; }
body.m-theme__dark .m-upgrades .m-upgrades__featuredIn li,
body .m-theme--wrapper.m-theme--wrapper__dark .m-upgrades .m-upgrades__featuredIn li {
color: #515151; }
.m-upgrades .m-upgrades__featuredIn li img {
width: 55px;
height: 55px;
-o-object-fit: contain;
object-fit: contain; }
.m-upgrades .m-upgrades__featuredIn li.m-upgrades__featuredInItem--big img {
width: 96px;
height: 96px; }
.m-upgrades .m-upgrades__upgradeNowBtn {
display: block; }
@media screen and (max-width: 1168px) {
.m-upgrades .m-upgrades__upgradeNowBtn {
margin-left: 30px;
margin-bottom: 20px; } }
@media screen and (max-width: 480px) {
.m-upgrades .m-upgrades__upgradeNowBtn {
display: none; } }
.m-upgrades m-upgrades__upgradeOptions {
margin-bottom: 110px; }
@media screen and (max-width: 1168px) {
.m-upgrades m-upgrades__upgradeOptions {
margin-bottom: 40px; } }
m-videochat {
display: block;
position: relative; }
m-videochat,
m-videochat iframe {
max-height: calc(100vh - 90px); }
m-videochat > div {
height: calc(100vh - 90px); }
m-walletBalance--cash {
display: block;
max-width: 680px; }
m-walletBalance--cash > * {
font-weight: 300;
font-size: 15px;
line-height: 20px; }
body.m-theme__light m-walletBalance--cash > *,
body .m-theme--wrapper.m-theme--wrapper__light m-walletBalance--cash > * {
color: #72727c; }
body.m-theme__dark m-walletBalance--cash > *,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletBalance--cash > * {
color: #b8c1ca; }
m-walletBalance--cash .m-walletBalance--cash__colContainer {
display: flex;
justify-content: flex-start;
flex-flow: row wrap; }
m-walletBalance--cash .m-walletBalance--cash__colTitle {
position: relative;
margin-top: 8px; }
m-walletBalance--cash .m-walletBalance--cash__colTitle m-tooltip {
position: relative;
margin-left: 4px; }
m-walletBalance--cash .m-walletBalance--cash__colTitle m-tooltip .m-tooltip {
margin: 0; }
m-walletBalance--cash .m-walletBalance--cash__colTitle .m-tooltip--bubble {
bottom: 18px;
margin-left: 12px;
min-width: 100px; }
m-walletBalance--cash .m-walletBalance--cash__colTitle:first-child .m-tooltip--bubble {
min-width: 200px; }
m-walletBalance--cash .m-walletBalance--cash__col:last-child .m-walletBalance--cash__colTitle .m-tooltip--bubble {
position: absolute;
min-width: 140px;
right: -64px; }
m-walletBalance--cash .m-walletBalance--cash__col {
max-width: 200px;
margin: 0 18px 16px 0; }
m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colTitle {
font-size: 16px;
line-height: 21px;
min-width: 78px; }
m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colVal--int {
font-size: 24px;
line-height: 32px; }
body.m-theme__light m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colVal--int,
body .m-theme--wrapper.m-theme--wrapper__light m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colVal--int {
color: #43434d; }
body.m-theme__dark m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colVal--int,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colVal--int {
color: #ffffff; }
m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colVal--frac {
font-size: 17px;
line-height: 23px; }
m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colSubtitle p,
m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colSubtitle a {
font-size: 13px;
line-height: 15px; }
m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colSubtitle p {
margin: 4px 0 0 0; }
body.m-theme__light m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colSubtitle p,
body .m-theme--wrapper.m-theme--wrapper__light m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colSubtitle p {
color: #72727c; }
body.m-theme__dark m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colSubtitle p,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colSubtitle p {
color: #b8c1ca; }
m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colSubtitle p:first-child {
margin-top: 12px; }
m-walletBalance--cash .m-walletBalance--cash__col .m-walletBalance--cash__colSubtitle a {
margin-top: 0; }
m-walletBalance--cash .m-walletBalance--cash__colValWrapper {
font-size: 13px;
line-height: 18px;
font-weight: 500;
margin-top: 8px; }
m-walletBalance--cash a {
display: inline-block;
margin-top: 14px;
font-size: 14px;
line-height: 19px; }
m-walletBalance--cash .m-walletBalance---cash__onboardingNotice {
margin-bottom: 30px;
padding: 20px 23px; }
body.m-theme__light m-walletBalance--cash .m-walletBalance---cash__onboardingNotice,
body .m-theme--wrapper.m-theme--wrapper__light m-walletBalance--cash .m-walletBalance---cash__onboardingNotice {
border: 1px solid #d3dbe3; }
body.m-theme__dark m-walletBalance--cash .m-walletBalance---cash__onboardingNotice,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletBalance--cash .m-walletBalance---cash__onboardingNotice {
border: 1px solid #414c57; }
m-walletBalance--cash .m-walletBalance---cash__onboardingNotice p {
font-size: 13px;
line-height: 18px;
margin: 0; }
m-walletBalance--cash .m-walletBalance---cash__onboardingNotice a {
font-size: 14px;
line-height: 19px;
margin: 0 0 3px 0;
text-decoration: underline;
cursor: pointer; }
.m-walletProEarnings__sectionHeader {
margin: 20px 0; }
body.m-theme__light .m-walletProEarnings__sectionHeader,
body .m-theme--wrapper.m-theme--wrapper__light .m-walletProEarnings__sectionHeader {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-walletProEarnings__sectionHeader,
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletProEarnings__sectionHeader {
border-bottom: 1px solid #414c57; }
.m-walletProEarnings__sectionHeader h3 {
display: flex;
font-weight: 600;
font-size: 24px;
line-height: 32px;
margin: 20px 0; }
body.m-theme__light .m-walletProEarnings__sectionHeader h3,
body .m-theme--wrapper.m-theme--wrapper__light .m-walletProEarnings__sectionHeader h3 {
color: #43434d; }
body.m-theme__dark .m-walletProEarnings__sectionHeader h3,
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletProEarnings__sectionHeader h3 {
color: #ffffff; }
.m-walletProEarnings__table {
width: 100%;
border-collapse: collapse; }
.m-walletProEarningsTable__item {
font-size: 16px;
height: 40px; }
.m-walletProEarningsTable__item.isHeader {
font-size: 18px;
font-weight: 500;
line-height: 24px;
height: 60px; }
body.m-theme__light .m-walletProEarningsTable__item.isHeader,
body .m-theme--wrapper.m-theme--wrapper__light .m-walletProEarningsTable__item.isHeader {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .m-walletProEarningsTable__item.isHeader,
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletProEarningsTable__item.isHeader {
border-bottom: 1px solid #414c57; }
.m-walletProEarningsTable__item.m-walletProEarningsTable__item--spacer {
height: 20px; }
body.m-theme__light .m-walletProEarningsTable__item > td:not(.m-walletProEarningsTableItem__cell--amount),
body .m-theme--wrapper.m-theme--wrapper__light .m-walletProEarningsTable__item > td:not(.m-walletProEarningsTableItem__cell--amount) {
color: #43434d; }
body.m-theme__dark .m-walletProEarningsTable__item > td:not(.m-walletProEarningsTableItem__cell--amount),
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletProEarningsTable__item > td:not(.m-walletProEarningsTableItem__cell--amount) {
color: #ffffff; }
body.m-theme__light .m-walletProEarnings__section--earnings .m-walletProEarnings__sectionHeader,
body .m-theme--wrapper.m-theme--wrapper__light .m-walletProEarnings__section--earnings .m-walletProEarnings__sectionHeader {
border-bottom: 0; }
body.m-theme__dark .m-walletProEarnings__section--earnings .m-walletProEarnings__sectionHeader,
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletProEarnings__section--earnings .m-walletProEarnings__sectionHeader {
border-bottom: 0; }
.m-walletProEarningsTableItem__cell--amount {
text-align: right; }
body.m-theme__light .m-walletProEarningsTableItem__cell--amount,
body .m-theme--wrapper.m-theme--wrapper__light .m-walletProEarningsTableItem__cell--amount {
color: #72727c; }
body.m-theme__dark .m-walletProEarningsTableItem__cell--amount,
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletProEarningsTableItem__cell--amount {
color: #b8c1ca; }
.m-walletProEarningsTableItem__cell--label {
text-transform: capitalize; }
m-cashOnboardingExtras .m-walletForm__field--file .m-walletSettings__row--input {
height: 0; }
m-walletSettings--cash .m-walletSettingsView--hasAccount__detailsWrapper {
max-width: 460px;
margin: 38px 0 59px 0;
display: flex;
flex-flow: row wrap;
justify-content: space-between; }
m-walletSettings--cash .m-walletSettingsView--hasAccount__bankWrapper {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
flex: 3 0 auto;
margin-bottom: 10px; }
m-walletSettings--cash .m-walletSettingsView--hasAccount__bankWrapper span {
margin-right: 8px; }
m-walletSettings--cash .m-walletSettingsView--hasAccount__linksContainer {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
flex: 1 0 auto; }
m-walletSettings--cash .m-walletSettingsView--hasAccount__linksContainer a {
cursor: default; }
m-walletSettings--cash .m-walletSettingsView--hasAccount__linksContainer span {
cursor: pointer; }
m-walletSettings--cash .m-tooltip--bubble {
right: 12px; }
m-walletSettings--cash [class*='m-walletForm__field'] {
margin-bottom: 19px; }
m-walletSettings--cash .m-walletForm__field--checkbox {
margin-top: 100px; }
@media screen and (max-width: 480px) {
m-walletSettings--cash .m-walletForm__field--checkbox {
margin-top: 40px; } }
m-walletChart {
display: block;
height: 44vh;
margin-top: 12px;
margin: 12px 0 60px 0; }
@media screen and (max-width: 480px) {
m-walletChart m-chartV2 {
margin-left: 0; } }
m-walletChart .m-walletChart__headerRow {
display: flex;
flex-flow: row wrap;
align-items: center; }
m-walletChart .m-walletChart__headerRow h2 {
font-size: 21px;
margin: 0 18px 12px 0; }
m-walletChart .m-walletChart__headerRow m-timespanFilter {
margin-left: auto;
align-self: flex-end;
margin-bottom: 12px; }
m-walletModal {
position: relative;
z-index: 90; }
m-walletModal .m-walletModal__container {
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
overflow: scroll;
z-index: 4; }
m-walletModal .m-walletModal__backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
body.m-theme__light m-walletModal .m-walletModal__backdrop,
body .m-theme--wrapper.m-theme--wrapper__light m-walletModal .m-walletModal__backdrop {
background-color: rgba(176, 176, 176, 0.5); }
body.m-theme__dark m-walletModal .m-walletModal__backdrop,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletModal .m-walletModal__backdrop {
background-color: rgba(0, 0, 0, 0.5); }
.m-walletModal {
padding: 56px 65px;
border-radius: 5px;
z-index: 2;
position: fixed;
width: 70vw;
max-width: 700px;
max-height: 90vh;
right: 2vw;
left: 2vw;
margin: auto;
box-sizing: border-box;
top: 20%;
overflow-y: auto;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-walletModal,
body .m-theme--wrapper.m-theme--wrapper__light .m-walletModal {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
color: #72727c; }
body.m-theme__dark .m-walletModal,
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletModal {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
background-color: #242a30;
color: #b8c1ca; }
.m-walletModal a {
text-decoration: underline;
cursor: pointer;
display: inline-block;
font-weight: 300; }
@media screen and (max-width: 768px) {
.m-walletModal {
padding: 46px 50px;
max-width: 80vw;
width: 80vw;
max-height: 90vh; } }
@media screen and (max-width: 480px) {
.m-walletModal {
max-width: 90vw;
max-height: 95vh;
padding: 46px 24px; } }
.m-walletSecondaryText--desc {
margin-bottom: 30px; }
[class*='m-walletModal__footnote'] {
margin: 10px 0 11px 0;
font-size: 15px;
line-height: 20px; }
.m-walletModal__close {
z-index: 3;
line-height: normal;
cursor: pointer;
box-sizing: border-box;
position: fixed;
height: 53px;
width: 53px;
right: 25px;
top: 25px;
padding: 4px;
display: inline-block;
cursor: pointer;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
.m-walletModal__close i {
position: absolute;
top: 50%;
left: 50%;
margin-top: -25%;
transform: translate(-50%);
font-size: 28px; }
body.m-theme__light .m-walletModal__close i,
body .m-theme--wrapper.m-theme--wrapper__light .m-walletModal__close i {
color: #72727c;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
body.m-theme__dark .m-walletModal__close i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletModal__close i {
color: #b8c1ca;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
.m-walletModal__close:hover {
transform: scale(1.1); }
m-walletRewardsPopup {
z-index: 1;
position: absolute;
top: 36px;
left: 0;
width: 188px;
min-height: 26px;
font-weight: 300;
font-size: 13px;
line-height: 18px; }
body.m-theme__light m-walletRewardsPopup,
body .m-theme--wrapper.m-theme--wrapper__light m-walletRewardsPopup {
background-color: #ffffff;
color: #72727c;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
border: 1px solid #d3dbe3; }
body.m-theme__dark m-walletRewardsPopup,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletRewardsPopup {
background-color: #242a30;
color: #b8c1ca;
box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.1);
border: 1px solid #414c57; }
m-walletRewardsPopup .m-walletRewardsPopup__row {
display: flex;
justify-content: space-between;
text-transform: capitalize; }
m-walletRewardsPopup .m-walletRewardsPopup__metricsContainer {
margin: 14px 20px; }
m-walletRewardsPopup .m-walletRewardsPopup__metricsContainer .m-walletRewardsPopup__row {
margin-bottom: 5px; }
m-walletRewardsPopup .m-walletRewardsPopup__totalScoreWrapper {
padding: 14px 20px; }
body.m-theme__light m-walletRewardsPopup .m-walletRewardsPopup__totalScoreWrapper,
body .m-theme--wrapper.m-theme--wrapper__light m-walletRewardsPopup .m-walletRewardsPopup__totalScoreWrapper {
box-shadow: 0px -2px 6px -2px rgba(0, 0, 0, 0.2); }
body.m-theme__dark m-walletRewardsPopup .m-walletRewardsPopup__totalScoreWrapper,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletRewardsPopup .m-walletRewardsPopup__totalScoreWrapper {
box-shadow: 0px -2px 6px -2px rgba(255, 255, 255, 0.2); }
m-walletRewardsPopup .m-walletRewardsPopup__totalScoreWrapper span {
font-size: 14px;
line-height: 19px; }
body.m-theme__light m-walletRewardsPopup .m-walletRewardsPopup__totalScoreWrapper span,
body .m-theme--wrapper.m-theme--wrapper__light m-walletRewardsPopup .m-walletRewardsPopup__totalScoreWrapper span {
color: #43434d; }
body.m-theme__dark m-walletRewardsPopup .m-walletRewardsPopup__totalScoreWrapper span,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletRewardsPopup .m-walletRewardsPopup__totalScoreWrapper span {
color: #ffffff; }
m-walletRewardsPopup .m-walletRewardsPopup__notice {
margin: 20px; }
.m-walletTransactions {
font-weight: 300;
font-size: 14px;
line-height: 19px; }
body.m-theme__light .m-walletTransactions,
body .m-theme--wrapper.m-theme--wrapper__light .m-walletTransactions {
color: #72727c; }
body.m-theme__dark .m-walletTransactions,
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletTransactions {
color: #b8c1ca; }
.m-walletTransactionsTable__row--top {
margin-bottom: 10px; }
body.m-theme__light .m-walletTransactionsTable__row--top .m-walletTransactionsTable__time,
body .m-theme--wrapper.m-theme--wrapper__light .m-walletTransactionsTable__row--top .m-walletTransactionsTable__time {
color: #43434d; }
body.m-theme__dark .m-walletTransactionsTable__row--top .m-walletTransactionsTable__time,
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletTransactionsTable__row--top .m-walletTransactionsTable__time {
color: #ffffff; }
.m-walletTransactionsTable__row--hasIcon {
margin-top: 5px; }
@media screen and (max-width: 480px) {
.m-walletTransactions {
margin: 12px 0px; } }
.m-walletTransactionsTable__wrapper {
width: 100%; }
m-walletTransactionsTable table {
width: 100%; }
m-walletTransactionsTable tr {
vertical-align: top; }
m-walletTransactionsTable .m-walletTransactionsTable__row--spacer {
height: 36px; }
body.m-theme__light m-walletTransactionsTable .m-walletTransactionsTable__row--date,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTransactionsTable .m-walletTransactionsTable__row--date {
color: #43434d; }
body.m-theme__dark m-walletTransactionsTable .m-walletTransactionsTable__row--date,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTransactionsTable .m-walletTransactionsTable__row--date {
color: #ffffff; }
m-walletTransactionsTable td {
padding: 8px 0;
font-size: 14px; }
body.m-theme__light m-walletTransactionsTable .m-walletTransactionsTable__time,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTransactionsTable .m-walletTransactionsTable__time {
color: #72727c; }
body.m-theme__dark m-walletTransactionsTable .m-walletTransactionsTable__time,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTransactionsTable .m-walletTransactionsTable__time {
color: #b8c1ca; }
@media screen and (max-width: 480px) {
m-walletTransactionsTable .m-walletTransactionsTable__time {
display: none; } }
m-walletTransactionsTable .m-walletTransactionsTable__row--details {
margin-bottom: 21px; }
m-walletTransactionsTable .m-walletTransactionsTable__typeWrapper {
position: relative; }
m-walletTransactionsTable .m-walletTransactionsTable__typeWrapper i {
opacity: 0.5; }
body.m-theme__light m-walletTransactionsTable .m-walletTransactionsTable__typeWrapper i,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTransactionsTable .m-walletTransactionsTable__typeWrapper i {
color: #000; }
body.m-theme__dark m-walletTransactionsTable .m-walletTransactionsTable__typeWrapper i,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTransactionsTable .m-walletTransactionsTable__typeWrapper i {
color: #fff; }
m-walletTransactionsTable [class*='m-walletTransactionsTable__typeWrapper'] {
position: relative;
cursor: default;
display: flex;
flex-direction: row; }
body.m-theme__light m-walletTransactionsTable [class*='m-walletTransactionsTable__typeWrapper'],
body .m-theme--wrapper.m-theme--wrapper__light m-walletTransactionsTable [class*='m-walletTransactionsTable__typeWrapper'] {
color: #72727c; }
body.m-theme__dark m-walletTransactionsTable [class*='m-walletTransactionsTable__typeWrapper'],
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTransactionsTable [class*='m-walletTransactionsTable__typeWrapper'] {
color: #b8c1ca; }
m-walletTransactionsTable [class*='m-walletTransactionsTable__typeWrapper'] > * {
vertical-align: middle; }
m-walletTransactionsTable [class*='m-walletTransactionsTable__typeWrapper'] > *:first-child {
margin-right: 8px;
margin-top: -5px; }
body.m-theme__light m-walletTransactionsTable [class*='m-walletTransactionsTable__typeWrapper'] > span,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTransactionsTable [class*='m-walletTransactionsTable__typeWrapper'] > span {
color: #72727c; }
body.m-theme__dark m-walletTransactionsTable [class*='m-walletTransactionsTable__typeWrapper'] > span,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTransactionsTable [class*='m-walletTransactionsTable__typeWrapper'] > span {
color: #b8c1ca; }
m-walletTransactionsTable [class*='m-walletTransactionsTable__typeWrapper'] a {
font-weight: inherit; }
m-walletTransactionsTable .m-walletTransactionsTable__avatar {
border-radius: 100%;
height: 27px;
width: 27px;
margin-right: 20px; }
m-walletTransactionsTable .m-walletTransactionsTable__otherUserLink {
font-weight: 300; }
body.m-theme__light m-walletTransactionsTable .m-walletTransactionsTable__otherUserLink,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTransactionsTable .m-walletTransactionsTable__otherUserLink {
color: #1b85d6; }
body.m-theme__dark m-walletTransactionsTable .m-walletTransactionsTable__otherUserLink,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTransactionsTable .m-walletTransactionsTable__otherUserLink {
color: #1b85d6; }
m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper {
min-width: 70px; }
m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper > * {
vertical-align: middle; }
m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i {
transform-origin: center center; }
m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.positive {
transform: scaleX(0.8) rotate(-90deg) translateX(-1px); }
body.m-theme__light m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.positive,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.positive {
color: #388e3c; }
body.m-theme__dark m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.positive,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.positive {
color: #3fa044; }
m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.negative {
transform: scaleX(0.8) rotate(90deg) translateX(-2px); }
body.m-theme__light m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.negative,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.negative {
color: #c62828; }
body.m-theme__dark m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.negative,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.negative {
color: #d63232; }
m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.neutral {
transform: scaleY(0.8) translateY(-1px); }
body.m-theme__light m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.neutral,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.neutral {
color: #4690df; }
body.m-theme__dark m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.neutral,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper i.neutral {
color: #44aaff; }
m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper span {
font-size: 14px;
line-height: 19px; }
body.m-theme__light m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper span,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper span {
color: #72727c; }
body.m-theme__dark m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper span,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTransactionsTable .m-walletTransactionsTable__amountWrapper span {
color: #b8c1ca; }
m-walletTransactionsTable .m-walletTransactionsTable__totalWrapper {
text-align: right; }
m-walletTransactionsTable .m-walletTransactionsTable__total--int {
font-size: 15px;
line-height: 20px; }
body.m-theme__light m-walletTransactionsTable .m-walletTransactionsTable__total--int,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTransactionsTable .m-walletTransactionsTable__total--int {
color: #43434d; }
body.m-theme__dark m-walletTransactionsTable .m-walletTransactionsTable__total--int,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTransactionsTable .m-walletTransactionsTable__total--int {
color: #ffffff; }
m-walletTransactionsTable .m-walletTransactionsTable__total--frac {
font-size: 12px;
line-height: 16px; }
body.m-theme__light m-walletTransactionsTable .m-walletTransactionsTable__total--frac,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTransactionsTable .m-walletTransactionsTable__total--frac {
color: #72727c; }
body.m-theme__dark m-walletTransactionsTable .m-walletTransactionsTable__total--frac,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTransactionsTable .m-walletTransactionsTable__total--frac {
color: #b8c1ca; }
m-walletTransactionsTable .m-walletTransactionsTable__typeWrapper--reward {
position: relative; }
m-walletTransactionsTable .m-walletTransactionsTable__typeWrapper--reward > span {
text-transform: capitalize; }
.m-walletTransactions__noTxNotice {
display: flex;
justify-content: space-around;
margin-top: 48px; }
body.m-theme__light .m-walletTransactions__noTxNotice p,
body .m-theme--wrapper.m-theme--wrapper__light .m-walletTransactions__noTxNotice p {
color: #72727c; }
body.m-theme__dark .m-walletTransactions__noTxNotice p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletTransactions__noTxNotice p {
color: #b8c1ca; }
.m-walletTransactions__filter {
justify-content: flex-end;
flex-direction: row;
display: flex; }
@media screen and (max-width: 768px) {
.m-walletTransactions__filter {
margin-bottom: 12px; } }
.m-walletTransactions__filter m-dropdownSelector {
vertical-align: center;
margin: 0; }
@media screen and (max-width: 480px) {
.m-walletTransactions__filter m-dropdownSelector {
width: 100%; }
.m-walletTransactions__filter m-dropdownSelector .m-dropdownSelector__wrapper > * {
width: 100%; } }
m-walletDashboard,
.m-walletModal--v2 {
display: block;
grid-area: content / span 2; }
body.m-theme__light m-walletDashboard,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard, body.m-theme__light
.m-walletModal--v2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 {
background-color: #ffffff; }
body.m-theme__dark m-walletDashboard,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard, body.m-theme__dark
.m-walletModal--v2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 {
background-color: #242a30; }
m-walletDashboard m-dashboardLayout,
.m-walletModal--v2 m-dashboardLayout {
min-height: 100%;
height: auto; }
body.m-theme__light m-walletDashboard m-dashboardLayout,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard m-dashboardLayout, body.m-theme__light
.m-walletModal--v2 m-dashboardLayout,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 m-dashboardLayout {
border-right: 1px solid #d3dbe3; }
body.m-theme__dark m-walletDashboard m-dashboardLayout,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard m-dashboardLayout, body.m-theme__dark
.m-walletModal--v2 m-dashboardLayout,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 m-dashboardLayout {
border-right: 1px solid #414c57; }
m-walletDashboard m-dashboardLayout .m-tabs__container,
.m-walletModal--v2 m-dashboardLayout .m-tabs__container {
padding: 0 50px;
margin: 0 !important; }
@media screen and (max-width: 768px) {
m-walletDashboard m-dashboardLayout .m-tabs__container,
.m-walletModal--v2 m-dashboardLayout .m-tabs__container {
padding: 0 40px; } }
@media screen and (max-width: 480px) {
m-walletDashboard m-dashboardLayout .m-tabs__container,
.m-walletModal--v2 m-dashboardLayout .m-tabs__container {
padding: 0 24px; } }
@media screen and (max-width: 480px) {
m-walletDashboard m-dashboardLayout .m-tabs__tab > a,
.m-walletModal--v2 m-dashboardLayout .m-tabs__tab > a {
padding: 10px 7px;
margin: 0px 2px; }
m-walletDashboard m-dashboardLayout .m-tabs__tab > a:first-child,
.m-walletModal--v2 m-dashboardLayout .m-tabs__tab > a:first-child {
margin-left: 0px; } }
m-walletDashboard m-tooltip,
.m-walletModal--v2 m-tooltip {
vertical-align: top; }
m-walletDashboard m-tooltip .m-tooltip,
.m-walletModal--v2 m-tooltip .m-tooltip {
margin-left: 4px; }
m-walletDashboard m-tooltip .m-tooltip > i,
.m-walletModal--v2 m-tooltip .m-tooltip > i {
font-size: 11px; }
body.m-theme__light m-walletDashboard m-tooltip .m-tooltip > i,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard m-tooltip .m-tooltip > i, body.m-theme__light
.m-walletModal--v2 m-tooltip .m-tooltip > i,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 m-tooltip .m-tooltip > i {
color: rgba(114, 114, 124, 0.9); }
body.m-theme__dark m-walletDashboard m-tooltip .m-tooltip > i,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard m-tooltip .m-tooltip > i, body.m-theme__dark
.m-walletModal--v2 m-tooltip .m-tooltip > i,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 m-tooltip .m-tooltip > i {
color: rgba(184, 193, 202, 0.9); }
m-walletDashboard .m-wallet__spinner,
.m-walletModal--v2 .m-wallet__spinner {
display: flex;
justify-content: space-around;
align-items: center;
min-height: 150px; }
m-walletDashboard m-button,
.m-walletModal--v2 m-button {
box-sizing: border-box;
display: inline-block; }
m-walletDashboard m-button .m-button,
.m-walletModal--v2 m-button .m-button {
box-sizing: border-box;
max-height: none;
min-height: 42px;
height: auto;
min-width: 105px;
font-weight: 300;
padding: 7px 15px;
font-size: 15px;
line-height: 20px; }
m-walletDashboard .m-walletModal--confirmation > p,
.m-walletModal--v2 .m-walletModal--confirmation > p {
margin-top: none; }
m-walletDashboard .m-walletModal--confirmation .m-walletForm__buttonsContainer,
.m-walletModal--v2 .m-walletModal--confirmation .m-walletForm__buttonsContainer {
justify-content: center; }
m-walletDashboard h2,
.m-walletModal--v2 h2 {
font-weight: 500;
font-size: 26px;
line-height: 34px;
margin: 0 0 18px 0; }
body.m-theme__light m-walletDashboard h2,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard h2, body.m-theme__light
.m-walletModal--v2 h2,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 h2 {
color: #43434d; }
body.m-theme__dark m-walletDashboard h2,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard h2, body.m-theme__dark
.m-walletModal--v2 h2,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 h2 {
color: #ffffff; }
m-walletDashboard h4,
.m-walletModal--v2 h4 {
font-weight: 500;
font-size: 18px;
line-height: 22px;
margin: 20px 0 20px 0; }
body.m-theme__light m-walletDashboard h4,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard h4, body.m-theme__light
.m-walletModal--v2 h4,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 h4 {
color: #43434d; }
body.m-theme__dark m-walletDashboard h4,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard h4, body.m-theme__dark
.m-walletModal--v2 h4,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 h4 {
color: #ffffff; }
m-walletDashboard [class*='m-walletPrimaryText'],
.m-walletModal--v2 [class*='m-walletPrimaryText'] {
font-size: 15px;
line-height: 20px; }
body.m-theme__light m-walletDashboard [class*='m-walletPrimaryText'],
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard [class*='m-walletPrimaryText'], body.m-theme__light
.m-walletModal--v2 [class*='m-walletPrimaryText'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 [class*='m-walletPrimaryText'] {
color: #43434d; }
body.m-theme__dark m-walletDashboard [class*='m-walletPrimaryText'],
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard [class*='m-walletPrimaryText'], body.m-theme__dark
.m-walletModal--v2 [class*='m-walletPrimaryText'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 [class*='m-walletPrimaryText'] {
color: #ffffff; }
m-walletDashboard [class*='m-walletPrimaryText'][class*='--16'],
.m-walletModal--v2 [class*='m-walletPrimaryText'][class*='--16'] {
font-size: 16px;
line-height: 20px; }
m-walletDashboard [class*='m-walletSecondaryText'],
.m-walletModal--v2 [class*='m-walletSecondaryText'] {
font-size: 14px;
line-height: 19px; }
body.m-theme__light m-walletDashboard [class*='m-walletSecondaryText'],
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard [class*='m-walletSecondaryText'], body.m-theme__light
.m-walletModal--v2 [class*='m-walletSecondaryText'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 [class*='m-walletSecondaryText'] {
color: #72727c; }
body.m-theme__dark m-walletDashboard [class*='m-walletSecondaryText'],
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard [class*='m-walletSecondaryText'], body.m-theme__dark
.m-walletModal--v2 [class*='m-walletSecondaryText'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 [class*='m-walletSecondaryText'] {
color: #b8c1ca; }
m-walletDashboard [class*='m-walletSecondaryText'][class*='--15'],
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--15'] {
font-size: 15px;
line-height: 19px; }
m-walletDashboard [class*='m-walletSecondaryText'][class*='--16'],
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--16'] {
font-size: 16px;
line-height: 20px; }
m-walletDashboard [class*='m-walletSecondaryText'][class*='--desc'],
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--desc'] {
margin-bottom: 40px;
position: relative; }
m-walletDashboard [class*='m-walletSecondaryText'][class*='--desc'] m-tooltip .m-tooltip,
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--desc'] m-tooltip .m-tooltip {
margin-left: 0; }
m-walletDashboard [class*='m-walletSecondaryText'][class*='--label'],
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--label'] {
margin-bottom: 13px; }
body.m-theme__light m-walletDashboard [class*='m-walletSecondaryText'][class*='--emphasis'],
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard [class*='m-walletSecondaryText'][class*='--emphasis'], body.m-theme__light
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--emphasis'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--emphasis'] {
color: #43434d; }
body.m-theme__dark m-walletDashboard [class*='m-walletSecondaryText'][class*='--emphasis'],
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard [class*='m-walletSecondaryText'][class*='--emphasis'], body.m-theme__dark
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--emphasis'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--emphasis'] {
color: #ffffff; }
body.m-theme__light m-walletDashboard [class*='m-walletSecondaryText'][class*='--error'],
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard [class*='m-walletSecondaryText'][class*='--error'], body.m-theme__light
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--error'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--error'] {
color: #e03c20; }
body.m-theme__dark m-walletDashboard [class*='m-walletSecondaryText'][class*='--error'],
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard [class*='m-walletSecondaryText'][class*='--error'], body.m-theme__dark
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--error'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--error'] {
color: #e35036; }
m-walletDashboard [class*='m-walletSecondaryText'][class*='--backButton'],
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--backButton'] {
margin-top: 40px;
display: inline-flex;
flex-flow: row nowrap;
align-items: baseline;
text-decoration: none !important; }
body.m-theme__light m-walletDashboard [class*='m-walletSecondaryText'][class*='--backButton'],
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard [class*='m-walletSecondaryText'][class*='--backButton'], body.m-theme__light
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--backButton'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--backButton'] {
color: #72727c; }
body.m-theme__dark m-walletDashboard [class*='m-walletSecondaryText'][class*='--backButton'],
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard [class*='m-walletSecondaryText'][class*='--backButton'], body.m-theme__dark
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--backButton'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--backButton'] {
color: #b8c1ca; }
m-walletDashboard [class*='m-walletSecondaryText'][class*='--backButton']:hover span,
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--backButton']:hover span {
text-decoration: underline; }
m-walletDashboard [class*='m-walletSecondaryText'][class*='--backButton'] i,
.m-walletModal--v2 [class*='m-walletSecondaryText'][class*='--backButton'] i {
font-size: 14px;
font-weight: 300;
margin-right: 10px; }
@media screen and (max-width: 768px) {
m-walletDashboard m-pagelayout,
.m-walletModal--v2 m-pagelayout {
padding-top: 36px; } }
@media screen and (max-width: 480px) {
m-walletDashboard m-pagelayout,
.m-walletModal--v2 m-pagelayout {
padding-top: 24px; } }
body.m-theme__light m-walletDashboard m-pagelayout,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard m-pagelayout, body.m-theme__light
.m-walletModal--v2 m-pagelayout,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 m-pagelayout {
background-color: #ffffff; }
body.m-theme__dark m-walletDashboard m-pagelayout,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard m-pagelayout, body.m-theme__dark
.m-walletModal--v2 m-pagelayout,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 m-pagelayout {
background-color: #242a30; }
m-walletDashboard m-shadowboxHeader,
.m-walletModal--v2 m-shadowboxHeader {
min-height: 103px;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
@media screen and (max-width: 480px) {
m-walletDashboard m-shadowboxHeader,
.m-walletModal--v2 m-shadowboxHeader {
min-height: 85px; } }
m-walletDashboard .m-shadowboxHeader__wrapper,
.m-walletModal--v2 .m-shadowboxHeader__wrapper {
height: 103px;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
@media screen and (max-width: 480px) {
m-walletDashboard .m-shadowboxHeader__wrapper,
.m-walletModal--v2 .m-shadowboxHeader__wrapper {
height: 85px; } }
m-walletDashboard .m-shadowboxHeaderTab,
.m-walletModal--v2 .m-shadowboxHeaderTab {
width: 149px;
min-height: 103px;
max-height: 103px;
line-height: 21px;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
@media screen and (max-width: 480px) {
m-walletDashboard .m-shadowboxHeaderTab,
.m-walletModal--v2 .m-shadowboxHeaderTab {
width: 111px;
min-height: 85px;
max-height: 85px;
padding: 13px 15px 15px 20px; } }
m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label,
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label {
margin-top: 6px;
font-size: 18px; }
body.m-theme__light m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label, body.m-theme__light
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label {
color: #43434d; }
body.m-theme__dark m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label, body.m-theme__dark
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label {
color: #ffffff; }
@media screen and (max-width: 480px) {
m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label,
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label {
font-weight: 300;
font-size: 14px;
line-height: 19px; }
body.m-theme__light m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label, body.m-theme__light
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label {
color: #72727c; }
body.m-theme__dark m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label, body.m-theme__dark
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__label {
color: #b8c1ca; } }
m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value,
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value {
font-weight: 300;
font-size: 16px; }
body.m-theme__light m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value, body.m-theme__light
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value {
color: #72727c; }
body.m-theme__dark m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value, body.m-theme__dark
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value {
color: #b8c1ca; }
@media screen and (max-width: 480px) {
m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value,
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value {
font-size: 17px;
line-height: 23px;
margin-top: 2px; }
body.m-theme__light m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value, body.m-theme__light
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value {
color: #43434d; }
body.m-theme__dark m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value, body.m-theme__dark
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 .m-shadowboxHeaderTab .m-shadowboxHeaderTab__value {
color: #ffffff; } }
m-walletDashboard .m-walletDashboardBalance__wrapper,
.m-walletModal--v2 .m-walletDashboardBalance__wrapper {
margin: 40px; }
@media screen and (max-width: 768px) {
m-walletDashboard .m-walletDashboardBalance__wrapper,
.m-walletModal--v2 .m-walletDashboardBalance__wrapper {
margin: 40px; } }
@media screen and (max-width: 480px) {
m-walletDashboard .m-walletDashboardBalance__wrapper,
.m-walletModal--v2 .m-walletDashboardBalance__wrapper {
margin: 20px; } }
m-walletDashboard .m-walletDashboardBalance__wrapper m-tooltip .m-tooltip,
.m-walletModal--v2 .m-walletDashboardBalance__wrapper m-tooltip .m-tooltip {
margin-left: 5px; }
m-walletDashboard .m-walletDashboardViews__viewsContainer,
.m-walletModal--v2 .m-walletDashboardViews__viewsContainer {
min-height: 100px;
padding: 40px 50px 60px 50px; }
@media screen and (max-width: 768px) {
m-walletDashboard .m-walletDashboardViews__viewsContainer,
.m-walletModal--v2 .m-walletDashboardViews__viewsContainer {
padding: 30px 40px 30px 40px; } }
@media screen and (max-width: 480px) {
m-walletDashboard .m-walletDashboardViews__viewsContainer,
.m-walletModal--v2 .m-walletDashboardViews__viewsContainer {
min-height: 0px;
padding: 24px; } }
m-walletDashboard .m-walletDashboardViews__view,
.m-walletModal--v2 .m-walletDashboardViews__view {
display: block;
padding-bottom: 50px;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
margin: 50px 57px 0 57px; }
@media screen and (max-width: 768px) {
m-walletDashboard .m-walletDashboardViews__view,
.m-walletModal--v2 .m-walletDashboardViews__view {
margin: 30px 36px 0 36px; } }
@media screen and (max-width: 480px) {
m-walletDashboard .m-walletDashboardViews__view,
.m-walletModal--v2 .m-walletDashboardViews__view {
margin: 30px 16px 0 16px; } }
m-walletDashboard .m-walletButtonLayout--buttonInline,
.m-walletModal--v2 .m-walletButtonLayout--buttonInline {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center; }
m-walletDashboard .m-walletButtonLayout--buttonInline m-button,
.m-walletModal--v2 .m-walletButtonLayout--buttonInline m-button {
margin-top: 8px;
margin: 8px 0 0 18px; }
m-walletDashboard .m-walletButtonLayout--buttonInline m-button .m-button,
.m-walletModal--v2 .m-walletButtonLayout--buttonInline m-button .m-button {
min-height: 42px;
width: 100%; }
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .stretchedField .m-walletForm__row--input,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .stretchedField .m-walletForm__row--input {
flex-flow: row nowrap; }
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .stretchedField label,
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .stretchedField input:not(.m-phoneInput__input),
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .stretchedField minds-country-input,
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .stretchedField m-phoneInput,
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .stretchedField .m-walletForm__row--validation,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .stretchedField label,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .stretchedField input:not(.m-phoneInput__input),
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .stretchedField minds-country-input,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .stretchedField m-phoneInput,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .stretchedField .m-walletForm__row--validation {
flex: 1 1 calc(100% - 160px);
min-width: calc(100% - 160px);
max-width: calc(100% - 160px); }
@media screen and (max-width: 480px) {
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .stretchedField label,
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .stretchedField input:not(.m-phoneInput__input),
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .stretchedField minds-country-input,
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .stretchedField m-phoneInput,
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .stretchedField .m-walletForm__row--validation,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .stretchedField label,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .stretchedField input:not(.m-phoneInput__input),
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .stretchedField minds-country-input,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .stretchedField m-phoneInput,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .stretchedField .m-walletForm__row--validation {
flex: 1 1 100%;
min-width: 100%;
max-width: 100%; } }
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .stretchedField .m-walletForm__row--validation,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .stretchedField .m-walletForm__row--validation {
justify-content: flex-end;
align-self: unset; }
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .m-walletForm__fieldsContainer,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .m-walletForm__fieldsContainer {
margin-bottom: 38px; }
@media screen and (max-width: 480px) {
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight .m-walletForm__row--label m-tooltip .m-tooltip--bubble,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight .m-walletForm__row--label m-tooltip .m-tooltip--bubble {
right: 12px; } }
m-walletDashboard .m-walletButtonLayout--buttonOffsetRight ~ .m-walletSecondaryText--backButton,
.m-walletModal--v2 .m-walletButtonLayout--buttonOffsetRight ~ .m-walletSecondaryText--backButton {
margin-top: 20px; }
m-walletDashboard form,
.m-walletModal--v2 form {
margin: 0;
padding: 0; }
m-walletDashboard form:not(.m-walletButtonLayout--buttonOffsetRight) .m-walletForm__row--label m-tooltip .m-tooltip--bubble,
.m-walletModal--v2 form:not(.m-walletButtonLayout--buttonOffsetRight) .m-walletForm__row--label m-tooltip .m-tooltip--bubble {
right: 12px; }
m-walletDashboard .m-walletForm__fieldGroupWrapper,
.m-walletModal--v2 .m-walletForm__fieldGroupWrapper {
margin-top: 58px; }
m-walletDashboard .m-walletForm__fieldsContainer,
.m-walletModal--v2 .m-walletForm__fieldsContainer {
flex: 1 1 auto; }
body.m-theme__light m-walletDashboard .m-walletForm__fieldsContainer .m-walletForm__row--input input,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard .m-walletForm__fieldsContainer .m-walletForm__row--input input, body.m-theme__light
.m-walletModal--v2 .m-walletForm__fieldsContainer .m-walletForm__row--input input,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 .m-walletForm__fieldsContainer .m-walletForm__row--input input {
background-color: #ffffff;
color: #43434d; }
body.m-theme__dark m-walletDashboard .m-walletForm__fieldsContainer .m-walletForm__row--input input,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard .m-walletForm__fieldsContainer .m-walletForm__row--input input, body.m-theme__dark
.m-walletModal--v2 .m-walletForm__fieldsContainer .m-walletForm__row--input input,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 .m-walletForm__fieldsContainer .m-walletForm__row--input input {
background-color: #242a30;
color: #ffffff; }
m-walletDashboard .m-walletForm__buttonsContainer,
.m-walletModal--v2 .m-walletForm__buttonsContainer {
display: flex;
flex-flow: row wrap-reverse;
justify-content: flex-end; }
@media screen and (max-width: 480px) {
m-walletDashboard .m-walletForm__buttonsContainer,
.m-walletModal--v2 .m-walletForm__buttonsContainer {
width: 100%; } }
m-walletDashboard .m-walletForm__buttonsContainer m-button,
.m-walletModal--v2 .m-walletForm__buttonsContainer m-button {
margin: 8px 0 0 18px; }
@media screen and (max-width: 480px) {
m-walletDashboard .m-walletForm__buttonsContainer m-button,
.m-walletModal--v2 .m-walletForm__buttonsContainer m-button {
width: 100%;
margin: 8px 0 0 0; }
m-walletDashboard .m-walletForm__buttonsContainer m-button .m-button,
.m-walletModal--v2 .m-walletForm__buttonsContainer m-button .m-button {
width: 100%; } }
m-walletDashboard [class*='m-walletForm__field'],
.m-walletModal--v2 [class*='m-walletForm__field'] {
font-size: 15px;
line-height: 20px;
display: flex;
flex-flow: column nowrap; }
m-walletDashboard [class*='m-walletForm__field'] m-tooltip,
.m-walletModal--v2 [class*='m-walletForm__field'] m-tooltip {
margin-left: 10px; }
m-walletDashboard [class*='m-walletForm__field'] m-tooltip .m-tooltip,
.m-walletModal--v2 [class*='m-walletForm__field'] m-tooltip .m-tooltip {
margin: 0; }
m-walletDashboard [class*='m-walletForm__field'] m-tooltip .m-tooltip--bubble,
.m-walletModal--v2 [class*='m-walletForm__field'] m-tooltip .m-tooltip--bubble {
bottom: 18px;
margin-left: 12px;
font-weight: 400; }
m-walletDashboard [class*='m-walletForm__row'],
.m-walletModal--v2 [class*='m-walletForm__row'] {
display: flex;
flex-flow: row wrap;
box-sizing: border-box; }
m-walletDashboard [class*='m-walletForm__row'][class*='--label'],
.m-walletModal--v2 [class*='m-walletForm__row'][class*='--label'] {
font-size: 15px;
line-height: 20px;
margin: 0 0 13px 0;
align-items: center;
flex-flow: row nowrap;
position: relative;
font-weight: 300; }
body.m-theme__light m-walletDashboard [class*='m-walletForm__row'][class*='--label'],
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard [class*='m-walletForm__row'][class*='--label'], body.m-theme__light
.m-walletModal--v2 [class*='m-walletForm__row'][class*='--label'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 [class*='m-walletForm__row'][class*='--label'] {
color: #72727c; }
body.m-theme__dark m-walletDashboard [class*='m-walletForm__row'][class*='--label'],
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard [class*='m-walletForm__row'][class*='--label'], body.m-theme__dark
.m-walletModal--v2 [class*='m-walletForm__row'][class*='--label'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 [class*='m-walletForm__row'][class*='--label'] {
color: #b8c1ca; }
m-walletDashboard [class*='m-walletForm__row'][class*='--validation'],
.m-walletModal--v2 [class*='m-walletForm__row'][class*='--validation'] {
margin-top: 3px;
min-height: 22px; }
m-walletDashboard [class*='m-walletForm__row'][class*='--validation'] p,
.m-walletModal--v2 [class*='m-walletForm__row'][class*='--validation'] p {
font-size: 14px;
line-height: 19px;
margin: 0;
font-weight: 300; }
body.m-theme__light m-walletDashboard [class*='m-walletForm__row'][class*='--validation'] p,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard [class*='m-walletForm__row'][class*='--validation'] p, body.m-theme__light
.m-walletModal--v2 [class*='m-walletForm__row'][class*='--validation'] p,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 [class*='m-walletForm__row'][class*='--validation'] p {
color: #e03c20; }
body.m-theme__dark m-walletDashboard [class*='m-walletForm__row'][class*='--validation'] p,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard [class*='m-walletForm__row'][class*='--validation'] p, body.m-theme__dark
.m-walletModal--v2 [class*='m-walletForm__row'][class*='--validation'] p,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 [class*='m-walletForm__row'][class*='--validation'] p {
color: #e03c20; }
m-walletDashboard .stretchedField .m-walletForm__row--label m-tooltip,
.m-walletModal--v2 .stretchedField .m-walletForm__row--label m-tooltip {
margin-left: -12px; }
m-walletDashboard .stretchedField .m-walletForm__row--input,
.m-walletModal--v2 .stretchedField .m-walletForm__row--input {
flex-flow: row nowrap; }
body.m-theme__light m-walletDashboard .stretchedField .m-walletForm__row--input.invalid input,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard .stretchedField .m-walletForm__row--input.invalid input, body.m-theme__light
m-walletDashboard .stretchedField .m-walletForm__row--input.invalid .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light
m-walletDashboard .stretchedField .m-walletForm__row--input.invalid .m-phoneInput__wrapper, body.m-theme__light
.m-walletModal--v2 .stretchedField .m-walletForm__row--input.invalid input,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 .stretchedField .m-walletForm__row--input.invalid input, body.m-theme__light
.m-walletModal--v2 .stretchedField .m-walletForm__row--input.invalid .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 .stretchedField .m-walletForm__row--input.invalid .m-phoneInput__wrapper {
border-color: #e03c20 !important; }
body.m-theme__dark m-walletDashboard .stretchedField .m-walletForm__row--input.invalid input,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard .stretchedField .m-walletForm__row--input.invalid input, body.m-theme__dark
m-walletDashboard .stretchedField .m-walletForm__row--input.invalid .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark
m-walletDashboard .stretchedField .m-walletForm__row--input.invalid .m-phoneInput__wrapper, body.m-theme__dark
.m-walletModal--v2 .stretchedField .m-walletForm__row--input.invalid input,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 .stretchedField .m-walletForm__row--input.invalid input, body.m-theme__dark
.m-walletModal--v2 .stretchedField .m-walletForm__row--input.invalid .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 .stretchedField .m-walletForm__row--input.invalid .m-phoneInput__wrapper {
border-color: #e03c20 !important; }
m-walletDashboard .stretchedField .m-walletForm__row--validation,
.m-walletModal--v2 .stretchedField .m-walletForm__row--validation {
align-self: flex-end; }
m-walletDashboard .stretchedField label,
m-walletDashboard .stretchedField .m-walletForm__row--validation,
.m-walletModal--v2 .stretchedField label,
.m-walletModal--v2 .stretchedField .m-walletForm__row--validation {
flex: 1 1 auto;
max-width: auto; }
m-walletDashboard .stretchedField input,
.m-walletModal--v2 .stretchedField input {
flex: 1 1 100%; }
m-walletDashboard input,
.m-walletModal--v2 input {
outline: 0;
font-size: 15px;
line-height: 20px;
font-weight: 300;
width: 0;
min-width: 0;
padding: 10px 20px;
border-radius: 2px;
cursor: text; }
body.m-theme__light m-walletDashboard input,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard input, body.m-theme__light
.m-walletModal--v2 input,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 input {
color: #43434d; }
body.m-theme__dark m-walletDashboard input,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard input, body.m-theme__dark
.m-walletModal--v2 input,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 input {
color: #ffffff; }
m-walletDashboard input:not(.m-phoneInput__input),
m-walletDashboard .m-phoneInput__wrapper,
m-walletDashboard minds-country-input select,
.m-walletModal--v2 input:not(.m-phoneInput__input),
.m-walletModal--v2 .m-phoneInput__wrapper,
.m-walletModal--v2 minds-country-input select {
border-radius: 2px; }
body.m-theme__light m-walletDashboard input:not(.m-phoneInput__input),
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard input:not(.m-phoneInput__input), body.m-theme__light
m-walletDashboard .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light
m-walletDashboard .m-phoneInput__wrapper, body.m-theme__light
m-walletDashboard minds-country-input select,
body .m-theme--wrapper.m-theme--wrapper__light
m-walletDashboard minds-country-input select, body.m-theme__light
.m-walletModal--v2 input:not(.m-phoneInput__input),
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 input:not(.m-phoneInput__input), body.m-theme__light
.m-walletModal--v2 .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 .m-phoneInput__wrapper, body.m-theme__light
.m-walletModal--v2 minds-country-input select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 minds-country-input select {
border: 1px solid #d3dbe3; }
body.m-theme__dark m-walletDashboard input:not(.m-phoneInput__input),
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard input:not(.m-phoneInput__input), body.m-theme__dark
m-walletDashboard .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark
m-walletDashboard .m-phoneInput__wrapper, body.m-theme__dark
m-walletDashboard minds-country-input select,
body .m-theme--wrapper.m-theme--wrapper__dark
m-walletDashboard minds-country-input select, body.m-theme__dark
.m-walletModal--v2 input:not(.m-phoneInput__input),
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 input:not(.m-phoneInput__input), body.m-theme__dark
.m-walletModal--v2 .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 .m-phoneInput__wrapper, body.m-theme__dark
.m-walletModal--v2 minds-country-input select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 minds-country-input select {
border: 1px solid #414c57; }
body.m-theme__light m-walletDashboard input:not(.m-phoneInput__input):focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard input:not(.m-phoneInput__input):focus:not(:-moz-read-only), body.m-theme__light
m-walletDashboard .m-phoneInput__wrapper:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__light
m-walletDashboard .m-phoneInput__wrapper:focus:not(:-moz-read-only), body.m-theme__light
m-walletDashboard minds-country-input select:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__light
m-walletDashboard minds-country-input select:focus:not(:-moz-read-only), body.m-theme__light
.m-walletModal--v2 input:not(.m-phoneInput__input):focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 input:not(.m-phoneInput__input):focus:not(:-moz-read-only), body.m-theme__light
.m-walletModal--v2 .m-phoneInput__wrapper:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 .m-phoneInput__wrapper:focus:not(:-moz-read-only), body.m-theme__light
.m-walletModal--v2 minds-country-input select:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 minds-country-input select:focus:not(:-moz-read-only) {
border-color: #4690df; }
body.m-theme__light m-walletDashboard input:not(.m-phoneInput__input):focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard input:not(.m-phoneInput__input):focus:not(:read-only), body.m-theme__light
m-walletDashboard .m-phoneInput__wrapper:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__light
m-walletDashboard .m-phoneInput__wrapper:focus:not(:read-only), body.m-theme__light
m-walletDashboard minds-country-input select:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__light
m-walletDashboard minds-country-input select:focus:not(:read-only), body.m-theme__light
.m-walletModal--v2 input:not(.m-phoneInput__input):focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 input:not(.m-phoneInput__input):focus:not(:read-only), body.m-theme__light
.m-walletModal--v2 .m-phoneInput__wrapper:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 .m-phoneInput__wrapper:focus:not(:read-only), body.m-theme__light
.m-walletModal--v2 minds-country-input select:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 minds-country-input select:focus:not(:read-only) {
border-color: #4690df; }
body.m-theme__dark m-walletDashboard input:not(.m-phoneInput__input):focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard input:not(.m-phoneInput__input):focus:not(:-moz-read-only), body.m-theme__dark
m-walletDashboard .m-phoneInput__wrapper:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__dark
m-walletDashboard .m-phoneInput__wrapper:focus:not(:-moz-read-only), body.m-theme__dark
m-walletDashboard minds-country-input select:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__dark
m-walletDashboard minds-country-input select:focus:not(:-moz-read-only), body.m-theme__dark
.m-walletModal--v2 input:not(.m-phoneInput__input):focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 input:not(.m-phoneInput__input):focus:not(:-moz-read-only), body.m-theme__dark
.m-walletModal--v2 .m-phoneInput__wrapper:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 .m-phoneInput__wrapper:focus:not(:-moz-read-only), body.m-theme__dark
.m-walletModal--v2 minds-country-input select:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 minds-country-input select:focus:not(:-moz-read-only) {
border-color: #44aaff; }
body.m-theme__dark m-walletDashboard input:not(.m-phoneInput__input):focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard input:not(.m-phoneInput__input):focus:not(:read-only), body.m-theme__dark
m-walletDashboard .m-phoneInput__wrapper:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__dark
m-walletDashboard .m-phoneInput__wrapper:focus:not(:read-only), body.m-theme__dark
m-walletDashboard minds-country-input select:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__dark
m-walletDashboard minds-country-input select:focus:not(:read-only), body.m-theme__dark
.m-walletModal--v2 input:not(.m-phoneInput__input):focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 input:not(.m-phoneInput__input):focus:not(:read-only), body.m-theme__dark
.m-walletModal--v2 .m-phoneInput__wrapper:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 .m-phoneInput__wrapper:focus:not(:read-only), body.m-theme__dark
.m-walletModal--v2 minds-country-input select:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 minds-country-input select:focus:not(:read-only) {
border-color: #44aaff; }
m-walletDashboard m-phoneInput,
.m-walletModal--v2 m-phoneInput {
margin-bottom: 0; }
m-walletDashboard m-phoneInput .m-phoneInput__wrapper,
.m-walletModal--v2 m-phoneInput .m-phoneInput__wrapper {
width: 100%;
min-width: 240px; }
m-walletDashboard m-phoneInput .m-phoneInput__dialCode,
.m-walletModal--v2 m-phoneInput .m-phoneInput__dialCode {
font-weight: 300; }
m-walletDashboard m-phoneInput .m-phoneInput__input,
.m-walletModal--v2 m-phoneInput .m-phoneInput__input {
font-size: 15px;
line-height: 20px; }
body.m-theme__light m-walletDashboard m-phoneInput .m-phoneInput__input,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard m-phoneInput .m-phoneInput__input, body.m-theme__light
.m-walletModal--v2 m-phoneInput .m-phoneInput__input,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 m-phoneInput .m-phoneInput__input {
color: #43434d; }
body.m-theme__dark m-walletDashboard m-phoneInput .m-phoneInput__input,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard m-phoneInput .m-phoneInput__input, body.m-theme__dark
.m-walletModal--v2 m-phoneInput .m-phoneInput__input,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 m-phoneInput .m-phoneInput__input {
color: #ffffff; }
m-walletDashboard .m-walletForm__field--checkbox m-formInput__checkbox .m-formInput__checkbox span,
m-walletDashboard .m-walletForm__field--checkbox m-formInput__checkbox .m-formInput__checkbox label,
.m-walletModal--v2 .m-walletForm__field--checkbox m-formInput__checkbox .m-formInput__checkbox span,
.m-walletModal--v2 .m-walletForm__field--checkbox m-formInput__checkbox .m-formInput__checkbox label {
font-size: 14px;
line-height: 19px; }
m-walletDashboard minds-country-input select,
.m-walletModal--v2 minds-country-input select {
outline: 0;
min-height: 42px;
padding: 10px 20px;
border-radius: 2px;
font-size: 15px;
line-height: 20px;
font-weight: 300; }
body.m-theme__light m-walletDashboard minds-country-input select,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard minds-country-input select, body.m-theme__light
.m-walletModal--v2 minds-country-input select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 minds-country-input select {
background-color: #ffffff;
color: #43434d; }
body.m-theme__dark m-walletDashboard minds-country-input select,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard minds-country-input select, body.m-theme__dark
.m-walletModal--v2 minds-country-input select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 minds-country-input select {
background-color: #242a30;
color: #ffffff; }
m-walletDashboard minds-country-input::before,
.m-walletModal--v2 minds-country-input::before {
margin: 3px 4px 0 0; }
body.m-theme__light m-walletDashboard minds-country-input::before,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard minds-country-input::before, body.m-theme__light
.m-walletModal--v2 minds-country-input::before,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 minds-country-input::before {
color: #9b9b9b; }
body.m-theme__dark m-walletDashboard minds-country-input::before,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard minds-country-input::before, body.m-theme__dark
.m-walletModal--v2 minds-country-input::before,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 minds-country-input::before {
color: #797b82; }
m-walletDashboard m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(1),
.m-walletModal--v2 m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(1) {
min-width: 136px; }
@media screen and (max-width: 480px) {
m-walletDashboard m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(1),
.m-walletModal--v2 m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(1) {
min-width: 126px; } }
m-walletDashboard m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(2),
.m-walletModal--v2 m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(2) {
min-width: 69px; }
@media screen and (max-width: 480px) {
m-walletDashboard m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(2),
.m-walletModal--v2 m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(2) {
min-width: 59px; } }
m-walletDashboard m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(3),
.m-walletModal--v2 m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(3) {
min-width: 94px; }
@media screen and (max-width: 480px) {
m-walletDashboard m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(3),
.m-walletModal--v2 m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(3) {
min-width: 84px; } }
m-walletDashboard m-date__dropdowns .m-dateDropdowns__selectWrapper::after,
.m-walletModal--v2 m-date__dropdowns .m-dateDropdowns__selectWrapper::after {
margin: 3px 2px 0 0; }
body.m-theme__light m-walletDashboard m-date__dropdowns .m-dateDropdowns__selectWrapper::after,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard m-date__dropdowns .m-dateDropdowns__selectWrapper::after, body.m-theme__light
.m-walletModal--v2 m-date__dropdowns .m-dateDropdowns__selectWrapper::after,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 m-date__dropdowns .m-dateDropdowns__selectWrapper::after {
color: #9b9b9b; }
body.m-theme__dark m-walletDashboard m-date__dropdowns .m-dateDropdowns__selectWrapper::after,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard m-date__dropdowns .m-dateDropdowns__selectWrapper::after, body.m-theme__dark
.m-walletModal--v2 m-date__dropdowns .m-dateDropdowns__selectWrapper::after,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 m-date__dropdowns .m-dateDropdowns__selectWrapper::after {
color: #797b82; }
m-walletDashboard m-date__dropdowns select,
.m-walletModal--v2 m-date__dropdowns select {
outline: 0;
font-weight: 300;
height: 42px;
padding: 10px 20px; }
body.m-theme__light m-walletDashboard m-date__dropdowns select,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard m-date__dropdowns select, body.m-theme__light
.m-walletModal--v2 m-date__dropdowns select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 m-date__dropdowns select {
color: #43434d;
border: 1px solid #d3dbe3; }
body.m-theme__dark m-walletDashboard m-date__dropdowns select,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard m-date__dropdowns select, body.m-theme__dark
.m-walletModal--v2 m-date__dropdowns select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 m-date__dropdowns select {
color: #ffffff;
border: 1px solid #414c57; }
body.m-theme__light m-walletDashboard m-date__dropdowns select:focus,
body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard m-date__dropdowns select:focus, body.m-theme__light
.m-walletModal--v2 m-date__dropdowns select:focus,
body .m-theme--wrapper.m-theme--wrapper__light
.m-walletModal--v2 m-date__dropdowns select:focus {
border: 1px solid #4690df; }
body.m-theme__dark m-walletDashboard m-date__dropdowns select:focus,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard m-date__dropdowns select:focus, body.m-theme__dark
.m-walletModal--v2 m-date__dropdowns select:focus,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-walletModal--v2 m-date__dropdowns select:focus {
border: 1px solid #44aaff; }
@media screen and (max-width: 480px) {
m-walletDashboard m-date__dropdowns select,
.m-walletModal--v2 m-date__dropdowns select {
padding: 10px; } }
m-walletDashboard .m-walletSettings a,
.m-walletModal--v2 .m-walletSettings a {
text-decoration: underline;
cursor: pointer;
font-size: 14px;
line-height: 19px; }
m-walletDashboard .m-walletSettings .m-walletSettings__currentAddressContainer,
.m-walletModal--v2 .m-walletSettings .m-walletSettings__currentAddressContainer {
display: flex;
flex-flow: row wrap;
font-size: 15px;
line-height: 20px; }
m-walletDashboard .m-walletSettings .m-walletSettings__currentAddressContainer div,
.m-walletModal--v2 .m-walletSettings .m-walletSettings__currentAddressContainer div {
margin: 0 18px 8px 0;
word-wrap: break-word;
text-overflow: ellipsis;
overflow: hidden; }
m-walletDashboard .m-walletSettings .m-walletSettings__currentAddressContainer a,
.m-walletModal--v2 .m-walletSettings .m-walletSettings__currentAddressContainer a {
display: inline-block;
margin: 0;
font-size: 14px;
font-weight: 300; }
m-walletSettings--eth .m-walletSettings--eth__balanceWrapper {
display: flex;
flex-flow: row wrap;
align-items: flex-end;
justify-content: space-between;
max-width: 260px;
margin-top: 56px; }
m-walletSettings--eth .m-walletSettings--eth__balanceWrapper > div {
margin-right: 24px; }
@media screen and (max-width: 480px) {
m-walletSettings--eth .m-walletSettings--eth__balanceWrapper {
margin-top: 34px; } }
m-walletSettings--eth .m-walletSettings--eth__balanceLabel {
margin: 0 0 3px 0; }
m-walletSettings--eth .m-walletSettings--eth__balanceVal {
font-size: 24px;
line-height: 32px;
margin: 0; }
body.m-theme__light m-walletSettings--eth .m-walletSettings--eth__balanceVal,
body .m-theme--wrapper.m-theme--wrapper__light m-walletSettings--eth .m-walletSettings--eth__balanceVal {
color: #43434d; }
body.m-theme__dark m-walletSettings--eth .m-walletSettings--eth__balanceVal,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletSettings--eth .m-walletSettings--eth__balanceVal {
color: #ffffff; }
m-walletBalance--tokens {
display: block;
max-width: 700px; }
body.m-theme__light m-walletBalance--tokens > *,
body .m-theme--wrapper.m-theme--wrapper__light m-walletBalance--tokens > * {
color: #72727c; }
body.m-theme__dark m-walletBalance--tokens > *,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletBalance--tokens > * {
color: #b8c1ca; }
m-walletBalance--tokens .m-walletBalance--tokens__equationWrapper {
display: flex;
justify-content: space-between; }
m-walletBalance--tokens .m-walletBalance--tokens__equationLeft {
display: flex;
flex-flow: row wrap; }
@media screen and (max-width: 480px) {
m-walletBalance--tokens .m-walletBalance--tokens__equationLeft {
max-width: 56px; } }
m-walletBalance--tokens .m-walletBalance--tokens__buyButtonWrapper {
margin-top: 6px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceTitle {
position: relative; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceTitle m-tooltip {
position: relative;
margin-left: 4px;
vertical-align: top; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceTitle m-tooltip .m-tooltip {
margin: 0; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceTitle .m-tooltip--bubble {
bottom: 18px;
margin-left: 12px;
min-width: 100px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--subtotal:last-child .m-walletBalance--tokens__balanceTitle .m-tooltip--bubble {
position: absolute;
right: -24px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--total {
margin-right: 22px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--total .m-walletBalance--tokens__balanceTitle {
font-size: 16px;
line-height: 21px; }
@media screen and (max-width: 480px) {
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--total .m-walletBalance--tokens__balanceTitle {
max-width: 56px; } }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--total .m-walletBalance--tokens__balanceValWrapper {
margin-top: 3px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--total .m-walletBalance--tokens__balanceVal--int {
font-size: 24px;
line-height: 32px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--total .m-walletBalance--tokens__balanceVal--frac {
font-size: 17px;
line-height: 23px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--subtotal {
margin-top: 4px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--subtotal .m-walletBalance--tokens__balanceTitle {
min-width: 72px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--subtotal .m-walletBalance--tokens__balanceValWrapper {
font-size: 13px;
line-height: 18px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--subtotal .m-walletBalance--tokens__balanceVal--int {
font-size: 16px;
line-height: 21px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--subtotal .m-walletBalance--tokens__balanceVal--frac {
font-size: 13px;
line-height: 18px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--subtotal a {
display: inline-block;
margin-top: 14px;
font-size: 14px;
line-height: 19px; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceValWrapper {
font-weight: 500;
margin-top: 4px; }
body.m-theme__light m-walletBalance--tokens .m-walletBalance--tokens__balanceVal--int,
body .m-theme--wrapper.m-theme--wrapper__light m-walletBalance--tokens .m-walletBalance--tokens__balanceVal--int {
color: #43434d; }
body.m-theme__dark m-walletBalance--tokens .m-walletBalance--tokens__balanceVal--int,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletBalance--tokens .m-walletBalance--tokens__balanceVal--int {
color: #ffffff; }
m-walletBalance--tokens .m-walletBalance--tokens__equationSymbol {
margin-top: 12px;
font-size: 20px;
line-height: 23px; }
m-walletBalance--tokens a:not(.m-walletBalance--tokens__buyButtonWrapper) {
font-weight: 300;
text-decoration: underline;
cursor: pointer; }
@media screen and (max-width: 1000px) {
m-walletBalance--tokens a:not(.m-walletBalance--tokens__buyButtonWrapper) {
max-width: 70px; } }
m-walletBalance--tokens .m-walletBalance--tokens__payout {
font-size: 14px;
line-height: 19px;
margin-top: 42px; }
m-walletBalance--tokens .m-walletBalance--tokens__payout > div {
display: inline-block;
margin-bottom: 2px; }
m-walletBalance--tokens .m-walletBalance--tokens__payout > div:first-child {
margin-right: 4px; }
m-walletBalance--tokens .m-walletBalance--tokens__payoutEstimate {
font-weight: 500; }
body.m-theme__light m-walletBalance--tokens .m-walletBalance--tokens__payoutEstimate,
body .m-theme--wrapper.m-theme--wrapper__light m-walletBalance--tokens .m-walletBalance--tokens__payoutEstimate {
color: #72727c; }
body.m-theme__dark m-walletBalance--tokens .m-walletBalance--tokens__payoutEstimate,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletBalance--tokens .m-walletBalance--tokens__payoutEstimate {
color: #b8c1ca; }
m-walletBalance--tokens .m-walletBalance--tokens__learnMore {
font-size: 12px;
line-height: 19px;
margin-top: 24px; }
m-walletBalance--tokens m-button {
min-width: 140px; }
m-walletBalance--tokens m-button button.m-button {
height: 35px;
max-height: 35px;
min-width: 140px;
min-height: 0; }
m-walletBalance--tokens m-button .m-button__status--unsaved {
line-height: 15px; }
@media screen and (max-width: 800px) {
m-walletBalance--tokens .m-walletBalance--tokens__equationLeft {
flex-direction: column; }
m-walletBalance--tokens .m-walletBalance--tokens__balanceWrapper--total {
margin-bottom: 16px;
margin-right: 0; } }
@media screen and (max-width: 480px) {
m-walletBalance--tokens .m-walletBalance--tokens__payout {
display: none; } }
m-walletTokenOnboarding {
display: block;
font-size: 14px;
line-height: 19px;
margin-bottom: 35px;
font-weight: 300; }
m-walletTokenOnboarding .m-walletTokenOnboarding__stepsContainer {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
border-radius: 2px; }
body.m-theme__light m-walletTokenOnboarding .m-walletTokenOnboarding__stepsContainer,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTokenOnboarding .m-walletTokenOnboarding__stepsContainer {
border: 1px solid #d3dbe3; }
body.m-theme__dark m-walletTokenOnboarding .m-walletTokenOnboarding__stepsContainer,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTokenOnboarding .m-walletTokenOnboarding__stepsContainer {
border: 1px solid #414c57; }
m-walletTokenOnboarding .m-walletTokenOnboarding__stepsContainer a {
text-decoration: underline;
cursor: pointer;
display: inline-block;
font-weight: 400; }
m-walletTokenOnboarding .m-walletTokenOnboarding__stepsContainer a.disabled {
text-decoration: none;
cursor: text; }
body.m-theme__light m-walletTokenOnboarding .m-walletTokenOnboarding__stepsContainer a.disabled,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTokenOnboarding .m-walletTokenOnboarding__stepsContainer a.disabled {
color: #43434d; }
body.m-theme__dark m-walletTokenOnboarding .m-walletTokenOnboarding__stepsContainer a.disabled,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTokenOnboarding .m-walletTokenOnboarding__stepsContainer a.disabled {
color: #ffffff; }
m-walletTokenOnboarding [class*='m-walletTokenOnboardingStep--'] {
display: flex;
flex-direction: column;
padding: 19px 27px;
box-sizing: border-box;
flex-basis: 50%;
min-width: 200px; }
@media screen and (max-width: 480px) {
m-walletTokenOnboarding [class*='m-walletTokenOnboardingStep--'] {
padding: 19px; } }
body.m-theme__light m-walletTokenOnboarding .m-walletTokenOnboardingStep--verifyPhone,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTokenOnboarding .m-walletTokenOnboardingStep--verifyPhone {
border-right: 1px solid #d3dbe3; }
body.m-theme__dark m-walletTokenOnboarding .m-walletTokenOnboardingStep--verifyPhone,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTokenOnboarding .m-walletTokenOnboardingStep--verifyPhone {
border-right: 1px solid #414c57; }
m-walletTokenOnboarding .m-walletTokenOnboardingStep--verifyPhone .m-walletTokenOnboardingModal__view--verifyPhone {
margin-top: 12px; }
m-walletTokenOnboarding .m-walletTokenOnboardingStep__title {
font-weight: 500;
display: flex;
flex-flow: row nowrap;
align-items: flex-start; }
body.m-theme__light m-walletTokenOnboarding .m-walletTokenOnboardingStep__title,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTokenOnboarding .m-walletTokenOnboardingStep__title {
color: #43434d; }
body.m-theme__dark m-walletTokenOnboarding .m-walletTokenOnboardingStep__title,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTokenOnboarding .m-walletTokenOnboardingStep__title {
color: #ffffff; }
m-walletTokenOnboarding .m-walletTokenOnboardingStep__title a {
font-size: 14px;
line-height: 19px;
margin: 0 8px 0 4px; }
m-walletTokenOnboarding .m-walletTokenOnboardingStep__title a.stepComplete {
cursor: default;
text-decoration: line-through; }
body.m-theme__light m-walletTokenOnboarding .m-walletTokenOnboardingStep__title a.stepComplete,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTokenOnboarding .m-walletTokenOnboardingStep__title a.stepComplete {
color: #72727c; }
body.m-theme__dark m-walletTokenOnboarding .m-walletTokenOnboardingStep__title a.stepComplete,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTokenOnboarding .m-walletTokenOnboardingStep__title a.stepComplete {
color: #b8c1ca; }
m-walletTokenOnboarding .m-walletTokenOnboardingStep__title i {
line-height: 17px; }
body.m-theme__light m-walletTokenOnboarding .m-walletTokenOnboardingStep__title i,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTokenOnboarding .m-walletTokenOnboardingStep__title i {
color: #4caf50; }
body.m-theme__dark m-walletTokenOnboarding .m-walletTokenOnboardingStep__title i,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTokenOnboarding .m-walletTokenOnboardingStep__title i {
color: #5cb860; }
m-walletTokenOnboarding .m-walletTokenOnboardingStep__desc {
font-size: 13px;
line-height: 18px;
margin: 6px 0 0 15px; }
body.m-theme__light m-walletTokenOnboarding .m-walletTokenOnboardingStep__desc,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTokenOnboarding .m-walletTokenOnboardingStep__desc {
color: #72727c; }
body.m-theme__dark m-walletTokenOnboarding .m-walletTokenOnboardingStep__desc,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTokenOnboarding .m-walletTokenOnboardingStep__desc {
color: #b8c1ca; }
@media screen and (max-width: 890px) {
m-walletTokenOnboarding [class*='m-walletTokenOnboardingStep--'] {
flex-basis: 100%;
padding: 14px 20px; }
body.m-theme__light m-walletTokenOnboarding .m-walletTokenOnboardingStep--verifyPhone,
body .m-theme--wrapper.m-theme--wrapper__light m-walletTokenOnboarding .m-walletTokenOnboardingStep--verifyPhone {
border-right-width: 0px;
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark m-walletTokenOnboarding .m-walletTokenOnboardingStep--verifyPhone,
body .m-theme--wrapper.m-theme--wrapper__dark m-walletTokenOnboarding .m-walletTokenOnboardingStep--verifyPhone {
border-right-width: 0px;
border-bottom: 1px solid #414c57; }
m-walletTokenOnboarding .m-walletTokenOnboardingStep__desc {
padding-left: 16px;
margin-left: 0; } }
m-wallet--topbar-toggle {
position: relative; }
m-wallet--topbar-toggle i {
cursor: pointer; }
.m-token--onboarding--completed-buttons {
display: flex;
flex-wrap: wrap;
margin: 0 -4px; }
.m-token--onboarding--completed-buttons .m-btn {
margin: 4px;
height: 20px; }
.m-token--onboarding--completed-buttons a {
text-decoration: none; }
.m-token--onboarding--video {
text-align: center; }
.m-token--onboarding--video img {
height: 100%;
margin: 0 auto; }
@media screen and (max-width: 480px) {
.m-token--onboarding h2 {
line-height: 30px;
font-size: 20px; } }
.m-token--onboarding .m-token--onboarding--slide {
padding: 24px;
display: flex;
flex-direction: row;
margin-bottom: 16px; }
body.m-theme__light .m-token--onboarding .m-token--onboarding--slide,
body .m-theme--wrapper.m-theme--wrapper__light .m-token--onboarding .m-token--onboarding--slide {
background-color: #ffffff; }
body.m-theme__dark .m-token--onboarding .m-token--onboarding--slide,
body .m-theme--wrapper.m-theme--wrapper__dark .m-token--onboarding .m-token--onboarding--slide {
background-color: #242a30; }
.m-token--onboarding .m-token--onboarding--slide h2 {
font-size: 42px;
margin: 0;
margin-bottom: 16px;
font-weight: bold;
line-height: 42px; }
body.m-theme__light .m-token--onboarding .m-token--onboarding--slide h2,
body .m-theme--wrapper.m-theme--wrapper__light .m-token--onboarding .m-token--onboarding--slide h2 {
color: #444; }
body.m-theme__dark .m-token--onboarding .m-token--onboarding--slide h2,
body .m-theme--wrapper.m-theme--wrapper__dark .m-token--onboarding .m-token--onboarding--slide h2 {
color: #b7b7b7; }
.m-token--onboarding .m-token--onboarding--slide .m-token--onboarding--subtext {
font-size: 16px;
line-height: 20px;
margin: 8px 0 16px;
padding: 0; }
@media screen and (max-width: 480px) {
.m-token--onboarding .m-token--onboarding--slide .m-token--onboarding--subtext {
font-size: 12px; } }
.m-token--onboarding .m-token--onboarding--slide .m-token--onboarding--subtext.m-token--onboarding--subtext-note {
font-size: 12px;
line-height: 15px;
margin: 16px 0 8px; }
.m-token--onboarding .m-token--onboarding--slide > div:nth-of-type(1) {
width: calc(100% - 416px); }
.m-token--onboarding .m-token--onboarding--slide > div:nth-of-type(2) {
padding-left: 24px; }
.m-token--onboarding .m-token--onboarding--slide .m-token--onboarding--video {
width: 392px;
height: 225px;
margin-bottom: 24px; }
.m-token--onboarding .m-token--onboarding--slide .m-token--onboarding--video video {
width: 100%;
height: 100%; }
.m-token--onboarding .m-token--onboarding--slide ul {
margin: 16px 0 0;
padding: 0;
display: flex;
flex-direction: row;
list-style: none; }
.m-token--onboarding .m-token--onboarding--slide ul li {
flex: 1;
padding-right: 24px; }
.m-token--onboarding .m-token--onboarding--slide ul i {
font-size: 52px;
line-height: 1; }
body.m-theme__light .m-token--onboarding .m-token--onboarding--slide ul i,
body .m-theme--wrapper.m-theme--wrapper__light .m-token--onboarding .m-token--onboarding--slide ul i {
color: #555; }
body.m-theme__dark .m-token--onboarding .m-token--onboarding--slide ul i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-token--onboarding .m-token--onboarding--slide ul i {
color: #a6a6a6; }
.m-token--onboarding .m-token--onboarding--slide ul h4 {
font-size: 18px;
line-height: 20px;
margin: 8px 0;
padding: 0;
font-weight: 600; }
.m-token--onboarding .m-token--onboarding--slide ul p {
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
line-height: 14px; }
body.m-theme__light .m-token--onboarding .m-token--onboarding--slide ul p,
body .m-theme--wrapper.m-theme--wrapper__light .m-token--onboarding .m-token--onboarding--slide ul p {
color: #888; }
body.m-theme__dark .m-token--onboarding .m-token--onboarding--slide ul p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-token--onboarding .m-token--onboarding--slide ul p {
color: #737373; }
@media screen and (max-width: 1120px) {
.m-token--onboarding .m-token--onboarding--slide {
padding: 12px;
flex-direction: column; }
.m-token--onboarding .m-token--onboarding--slide > div:nth-of-type(1) {
width: 100%; }
.m-token--onboarding .m-token--onboarding--slide > div:nth-of-type(2) {
padding-left: 0;
padding-top: 12px; }
.m-token--onboarding .m-token--onboarding--slide .m-token--onboarding--video {
width: 100%; } }
.m-token--onboarding--onchain-selections {
overflow: visible;
margin-top: 32px; }
@media screen and (max-width: 480px) {
.m-token--onboarding--onchain-selections {
flex-wrap: wrap; } }
.m-token--onboarding--onchain-selections li {
min-width: 350px; }
.m-token--onboarding--onchain-selections li:nth-of-type(1) {
min-width: 230px; }
.m-token--onboarding--onchain-selections li img.metamask {
width: 86px;
margin-bottom: 8px; }
.m-token--onboarding--onchain-selections li i {
font-size: 88px !important;
display: block; }
.m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons {
display: flex;
align-items: center;
padding-top: 16px; }
.m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons span {
font-size: 11px;
padding: 0 8px; }
body.m-theme__light .m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons span,
body .m-theme--wrapper.m-theme--wrapper__light .m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons span {
color: #444; }
body.m-theme__dark .m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons span {
color: #b7b7b7; }
.m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons .m-token--onboarding--onchain-selections--buttons-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
flex-grow: 1;
margin-right: 16px;
padding: 6px 8px;
border-radius: 4px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
letter-spacing: 1px;
font-weight: 300; }
body.m-theme__light .m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons .m-token--onboarding--onchain-selections--buttons-input,
body .m-theme--wrapper.m-theme--wrapper__light .m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons .m-token--onboarding--onchain-selections--buttons-input {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons .m-token--onboarding--onchain-selections--buttons-input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons .m-token--onboarding--onchain-selections--buttons-input {
border: 1px solid #414c57; }
.m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons span.m-token--onboarding--onchain-selections--buttons-input {
display: inline-block;
white-space: nowrap; }
.m-token--onboarding--onchain-selections li .m-token--onboarding--onchain-selections--buttons .mdl-spinner {
flex-shrink: 0;
flex-grow: 0;
margin-left: 16px; }
.m-token--onboarding-setup-options {
z-index: 10; }
.m-token--onboarding--rewards-input {
margin-bottom: 16px; }
.m-token--onboarding--rewards-input > * {
display: inline-block;
vertical-align: middle; }
.m-token--onboarding--rewards-input m-plus--subscription {
margin: 0 !important;
width: 100%;
max-width: none; }
.m-token--onboarding--rewards-input .m-btn {
margin-left: 16px; }
.m-token--onboarding--rewards-input .m-token-join--form--input-input {
font-size: 16px;
padding: 8px; }
.m-token--onboarding--rewards-input m-tooltip i {
font-size: 16px; }
body.m-theme__light .m-token--onboarding--rewards-input m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__light .m-token--onboarding--rewards-input m-tooltip i {
color: #777; }
body.m-theme__dark .m-token--onboarding--rewards-input m-tooltip i,
body .m-theme--wrapper.m-theme--wrapper__dark .m-token--onboarding--rewards-input m-tooltip i {
color: #848484; }
.m-token--onboarding--prompt {
font-size: 12px !important;
line-height: 1.2 !important; }
.m-token-join--form--inprogress {
display: inline-block;
vertical-align: middle;
margin-left: 8px; }
.m-token-join--form--error {
font-weight: 600;
padding: 8px;
margin: 16px 0;
border-radius: 3px;
text-transform: capitalize; }
body.m-theme__light .m-token-join--form--error,
body .m-theme--wrapper.m-theme--wrapper__light .m-token-join--form--error {
color: #e03c20 !important; }
body.m-theme__dark .m-token-join--form--error,
body .m-theme--wrapper.m-theme--wrapper__dark .m-token-join--form--error {
color: #e35036 !important; }
@media (max-width: 480px) {
.m-token--onboarding--slide div p {
font-size: 12pt; } }
@media (max-width: 480px) {
.m-token--onboarding--slide .m-phone-input {
width: 100%; } }
.m-token--onboarding--slide .m-phone-input input {
max-width: 140px; }
m-token--onboarding--video {
display: block;
width: 100%;
height: 100%;
position: relative; }
m-token--onboarding--video video {
width: 100%;
height: 100%; }
m-token--onboarding--video video::-webkit-media-controls-overlay-play-button {
display: none; }
m-token--onboarding--video i {
position: absolute;
top: calc(50% - 36px);
left: calc(50% - 36px);
font-size: 72px !important;
cursor: pointer; }
body.m-theme__light m-token--onboarding--video i,
body .m-theme--wrapper.m-theme--wrapper__light m-token--onboarding--video i {
color: #444; }
body.m-theme__dark m-token--onboarding--video i,
body .m-theme--wrapper.m-theme--wrapper__dark m-token--onboarding--video i {
color: #b7b7b7; }
m-pay__marketing {
grid-area: content / span 2; }
/*!
* smartbanner.js v1.9.1
* Copyright © 2018 Ain Tohvri, contributors. Licensed under GPL-3.0.
*/
.smartbanner {
position: absolute;
top: 0;
z-index: 10000;
left: 0;
overflow-x: hidden;
width: 100%;
height: 84px;
background: #f3f3f3;
font-family: Helvetica, sans, sans-serif;
/** Android styles **/ }
.smartbanner__exit {
position: absolute;
top: calc(50% - 6px);
left: 9px;
display: block;
margin: 0;
width: 12px;
height: 12px;
border: 0;
text-align: center; }
.smartbanner__exit::before,
.smartbanner__exit::after {
position: absolute;
width: 1px;
height: 12px;
background: #767676;
content: ' '; }
.smartbanner__exit::before {
transform: rotate(45deg); }
.smartbanner__exit::after {
transform: rotate(-45deg); }
.smartbanner__icon {
position: absolute;
top: 10px;
left: 30px;
width: 64px;
height: 64px;
border-radius: 15px;
background-size: 64px 64px; }
.smartbanner__info {
position: absolute;
top: 10px;
left: 104px;
display: flex;
overflow-y: hidden;
width: 60%;
height: 64px;
align-items: center; }
.smartbanner__info__title {
font-size: 14px; }
.smartbanner__info__author,
.smartbanner__info__price {
font-size: 12px; }
.smartbanner__button {
position: absolute;
top: 32px;
right: 10px;
z-index: 1;
display: block;
padding: 0 10px;
min-width: 10%;
border-radius: 5px;
background: #f3f3f3;
color: #1474fc;
font-size: 18px;
text-align: center;
text-decoration: none; }
.smartbanner__button__label {
text-align: center; }
.smartbanner.smartbanner--android {
background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
box-shadow: inset 0 4px 0 #88b131; }
.smartbanner.smartbanner--android .smartbanner__exit {
left: 6px;
margin-right: 7px;
width: 17px;
height: 17px;
border-radius: 14px;
background: #1c1e21;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
color: #b1b1b3;
font-family: 'ArialRoundedMTBold', Arial;
font-size: 20px;
-webkit-font-smoothing: subpixel-antialiased;
line-height: 17px;
text-shadow: 0 1px 1px #000; }
.smartbanner.smartbanner--android .smartbanner__exit::before,
.smartbanner.smartbanner--android .smartbanner__exit::after {
top: 3px;
left: 8px;
width: 2px;
height: 11px;
background: #b1b1b3; }
.smartbanner.smartbanner--android .smartbanner__exit:active,
.smartbanner.smartbanner--android .smartbanner__exit:hover {
color: #eee; }
.smartbanner.smartbanner--android .smartbanner__icon {
background-color: transparent;
box-shadow: none; }
.smartbanner.smartbanner--android .smartbanner__info {
color: #ccc;
text-shadow: 0 1px 2px #000; }
.smartbanner.smartbanner--android .smartbanner__info__title {
color: #fff;
font-weight: bold; }
.smartbanner.smartbanner--android .smartbanner__button {
top: 30px;
right: 20px;
padding: 0;
min-width: 12%;
border-radius: 0;
background: none;
box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
color: #d1d1d1;
font-size: 14px;
font-weight: bold; }
.smartbanner.smartbanner--android .smartbanner__button:active,
.smartbanner.smartbanner--android .smartbanner__button:hover {
background: none; }
.smartbanner.smartbanner--android .smartbanner__button__label {
display: block;
padding: 0 10px;
background: #42b6c9;
background: linear-gradient(to bottom, #42b6c9, #39a9bb);
box-shadow: none;
line-height: 24px;
text-align: center;
text-shadow: none;
text-transform: none; }
.smartbanner.smartbanner--android .smartbanner__button__label:active,
.smartbanner.smartbanner--android .smartbanner__button__label:hover {
background: #2ac7e1; }
/**
* Padding, Margins and Offset
*/
.m-pulsating--small {
box-shadow: 0 0 0 red;
-webkit-animation: pulse--small 1.5s infinite;
animation: pulse--small 1.5s infinite; }
.m-pulsating--big {
box-shadow: 0 0 0 red;
-webkit-animation: pulse--big 2s infinite;
animation: pulse--big 2s infinite; }
@-webkit-keyframes pulse--small {
20% {
box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.6); }
99% {
box-shadow: 0 0 0 7px rgba(244, 67, 54, 0); }
100% {
box-shadow: 0 0 0 0 rgba(244, 67, 54, 0); } }
@keyframes pulse--small {
20% {
box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.6); }
99% {
box-shadow: 0 0 0 7px rgba(244, 67, 54, 0); }
100% {
box-shadow: 0 0 0 0 rgba(244, 67, 54, 0); } }
@-webkit-keyframes pulse--big {
0% {
box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.4); }
70% {
box-shadow: 0 0 0 15px rgba(244, 67, 54, 0); }
100% {
box-shadow: 0 0 0 0 rgba(244, 67, 54, 0); } }
@keyframes pulse--big {
0% {
box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.4); }
70% {
box-shadow: 0 0 0 15px rgba(244, 67, 54, 0); }
100% {
box-shadow: 0 0 0 0 rgba(244, 67, 54, 0); } }
@-webkit-keyframes blinkingEllipsis {
0% {
opacity: 0.2; }
20% {
opacity: 1;
transform: scale(1.02); }
100% {
opacity: 0.2;
transform: scale(0.95); } }
@keyframes blinkingEllipsis {
0% {
opacity: 0.2; }
20% {
opacity: 1;
transform: scale(1.02); }
100% {
opacity: 0.2;
transform: scale(0.95); } }
.m-blinkingEllipsis__container span {
display: inline-block;
height: 8px;
width: 8px;
margin: 0 6px;
border-radius: 50%;
-webkit-animation-name: blinkingEllipsis;
animation-name: blinkingEllipsis;
-webkit-animation-duration: 1.4s;
animation-duration: 1.4s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
body.m-theme__light .m-blinkingEllipsis__container span,
body .m-theme--wrapper.m-theme--wrapper__light .m-blinkingEllipsis__container span {
background-color: #9b9b9b; }
body.m-theme__dark .m-blinkingEllipsis__container span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-blinkingEllipsis__container span {
background-color: #797b82; }
.m-blinkingEllipsis__container span:nth-child(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.m-blinkingEllipsis__container span:nth-child(3) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s; }
/**
* Padding, Margins and Offset
*/
body.m-theme__light .m-embed-video,
body .m-theme--wrapper.m-theme--wrapper__light .m-embed-video {
background-color: #000; }
body.m-theme__dark .m-embed-video,
body .m-theme--wrapper.m-theme--wrapper__dark .m-embed-video {
background-color: #000; }
.m-embed-video video {
min-height: 320px;
max-height: 100vh; }
.m-modal-share-embed {
box-sizing: border-box;
width: calc(100% - 34px);
padding: 16px; }
.m-modal-share-embed.m-modal-share-embed--first {
margin-top: 12px; }
.m-modal-share-embed .m-modal-share-embed__label {
display: block;
margin-bottom: 0.35em;
font-size: 0.85em;
line-height: 1.2em; }
.m-modal-share-embed textarea {
display: block;
width: 100%;
height: calc(2.5em + 16px);
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
resize: none;
padding: 8px;
font-family: monospace;
font-size: 12px; }
body.m-theme__light .m-modal-share-embed textarea,
body .m-theme--wrapper.m-theme--wrapper__light .m-modal-share-embed textarea {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-modal-share-embed textarea,
body .m-theme--wrapper.m-theme--wrapper__dark .m-modal-share-embed textarea {
border: 1px solid #414c57; }
/**
* Padding, Margins and Offset
*/
/**
* Newsfeed and timelines
*/
minds-newsfeed minds-card-user .minds-boost-button {
font-size: 13px;
padding: 8px 22px; }
minds-newsfeed-single .minds-comments-container {
max-height: 600px; }
@media screen and (max-width: 480px) {
minds-newsfeed-single .minds-comments-container {
max-height: 75vh; } }
.minds-video-thumbnail {
cursor: pointer; }
.minds-video-thumbnail span {
font-size: 72px;
text-align: center;
width: 100%; }
body.m-theme__light .minds-video-thumbnail span,
body .m-theme--wrapper.m-theme--wrapper__light .minds-video-thumbnail span {
color: #fff; }
body.m-theme__dark .minds-video-thumbnail span,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-video-thumbnail span {
color: #fff; }
/**
* Owner block
*/
.m-owner-block {
padding: 16px;
display: flex;
flex-direction: row;
align-items: center; }
.m-owner-block .avatar {
display: flex;
flex-direction: column; }
.m-owner-block .avatar img {
border-radius: 50%;
width: 50px;
height: 50px;
-o-object-fit: cover;
object-fit: cover; }
.m-owner-block .body {
display: flex;
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-top: 8px; }
.m-owner-block a {
text-decoration: none;
font-weight: 500; }
body.m-theme__light .m-owner-block a,
body .m-theme--wrapper.m-theme--wrapper__light .m-owner-block a {
color: #333; }
body.m-theme__dark .m-owner-block a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-owner-block a {
color: #eaeaea; }
body.m-theme__light .m-owner-block .permalink,
body .m-theme--wrapper.m-theme--wrapper__light .m-owner-block .permalink {
color: #888; }
body.m-theme__dark .m-owner-block .permalink,
body .m-theme--wrapper.m-theme--wrapper__dark .m-owner-block .permalink {
color: #737373; }
.m-owner-block span {
font-size: 11px; }
body.m-theme__light .m-owner-block span,
body .m-theme--wrapper.m-theme--wrapper__light .m-owner-block span {
color: #888; }
body.m-theme__dark .m-owner-block span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-owner-block span {
color: #737373; }
.m-owner-block img {
border-radius: 3px; }
.m-title-block,
.m-title-block-fixed {
padding: 8px 16px;
width: 100%;
box-sizing: border-box; }
body.m-theme__light .m-title-block,
body .m-theme--wrapper.m-theme--wrapper__light .m-title-block, body.m-theme__light
.m-title-block-fixed,
body .m-theme--wrapper.m-theme--wrapper__light
.m-title-block-fixed {
background-color: #ffffff; }
body.m-theme__dark .m-title-block,
body .m-theme--wrapper.m-theme--wrapper__dark .m-title-block, body.m-theme__dark
.m-title-block-fixed,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-title-block-fixed {
background-color: #242a30; }
.m-title-block.m-title-block-fixed,
.m-title-block-fixed.m-title-block-fixed {
position: absolute;
left: 0;
bottom: 0; }
.m-title-block.m-title-block-fixed.m-title-block-with-actions,
.m-title-block-fixed.m-title-block-fixed.m-title-block-with-actions {
bottom: 40px; }
.m-title-block.m-title-block-fixed a strong,
.m-title-block-fixed.m-title-block-fixed a strong {
white-space: normal;
overflow: visible; }
.m-title-block a,
.m-title-block-fixed a {
text-decoration: none; }
.m-title-block a strong,
.m-title-block-fixed a strong {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
display: block; }
.m-title-block .m-inline-owner-block,
.m-title-block-fixed .m-inline-owner-block {
padding: 4px 0;
overflow: hidden;
height: 16px; }
.m-title-block .m-inline-owner-block a,
.m-title-block-fixed .m-inline-owner-block a {
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 0 8px 0 0;
font-size: 11px;
overflow: hidden;
max-height: 16px; }
.m-title-block .m-inline-owner-block a img,
.m-title-block-fixed .m-inline-owner-block a img {
height: 18px;
border-radius: 50%;
margin-right: 4px; }
.m-title-block .m-inline-owner-block span,
.m-title-block-fixed .m-inline-owner-block span {
font-size: 11px; }
body.m-theme__light .m-title-block .m-inline-owner-block span,
body .m-theme--wrapper.m-theme--wrapper__light .m-title-block .m-inline-owner-block span, body.m-theme__light
.m-title-block-fixed .m-inline-owner-block span,
body .m-theme--wrapper.m-theme--wrapper__light
.m-title-block-fixed .m-inline-owner-block span {
color: #888; }
body.m-theme__dark .m-title-block .m-inline-owner-block span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-title-block .m-inline-owner-block span, body.m-theme__dark
.m-title-block-fixed .m-inline-owner-block span,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-title-block-fixed .m-inline-owner-block span {
color: #737373; }
.search-users-list {
position: absolute;
margin-top: -60px;
left: 8px;
width: calc(100% - 16px);
opacity: 1;
z-index: 9; }
.search-users-list > div {
padding: 8px;
font-size: 22px;
font-weight: bold;
text-align: left; }
.search-users-list > div img {
vertical-align: middle;
border-radius: 2px;
width: 35px;
height: 35px;
overflow: hidden;
position: relative; }
body.m-theme__light .search-users-list > div img,
body .m-theme--wrapper.m-theme--wrapper__light .search-users-list > div img {
box-shadow: 0 0 3px #888; }
body.m-theme__dark .search-users-list > div img,
body .m-theme--wrapper.m-theme--wrapper__dark .search-users-list > div img {
box-shadow: 0 0 3px #737373; }
.search-results .mdl-card {
margin-bottom: 8px;
width: 100%; }
/**
* Padding, Margins and Offset
*/
.m-layout__hero,
.m-layout__section {
width: 100%; }
.m-layout__inner {
padding: 115px 52px;
margin: auto;
max-width: 1280px; }
@media screen and (max-width: 1000px) {
.m-layout__inner {
padding: 120px 16px; } }
@media screen and (max-width: 480px) {
.m-layout__inner {
padding: 62px 12px; } }
.m-layout--row,
.m-layout__row {
display: flex;
flex-direction: row; }
.m-layout--wrap,
.m-layout__wrap {
flex-wrap: wrap; }
.m-layout--cell,
.m-layout__cell {
flex: 1; }
.m-layout--column,
.m-layout__column {
display: flex;
flex-direction: column; }
.m-layout--spacer,
.m-layout__spacer {
flex: 1; }
.m-layout--vertical-spacer {
height: 20px;
margin: 0;
padding: 0;
visibility: hidden; }
/**
* Padding, Margins and Offset
*/
.m-content-sidebar-nav .m-content-sidebar-nav-item {
list-style: none; }
.m-content-sidebar-nav .m-content-sidebar-nav-item > a {
display: block;
text-decoration: none;
text-transform: uppercase;
padding: 8px;
cursor: pointer; }
body.m-theme__light .m-content-sidebar-nav .m-content-sidebar-nav-item > a.is-active,
body .m-theme--wrapper.m-theme--wrapper__light .m-content-sidebar-nav .m-content-sidebar-nav-item > a.is-active {
border-left: 3px solid #ffc108; }
body.m-theme__dark .m-content-sidebar-nav .m-content-sidebar-nav-item > a.is-active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-content-sidebar-nav .m-content-sidebar-nav-item > a.is-active {
border-left: 3px solid #ffc722; }
.m-footer-nav {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 0;
padding: 0; }
.m-footer-nav .m-footer-nav-item {
list-style: none; }
.m-footer-nav .m-footer-nav-item > a {
display: block;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
font-size: 11px;
padding: 0 8px; }
body.m-theme__light .m-footer-nav .m-footer-nav-item > a,
body .m-theme--wrapper.m-theme--wrapper__light .m-footer-nav .m-footer-nav-item > a {
color: #888; }
body.m-theme__dark .m-footer-nav .m-footer-nav-item > a,
body .m-theme--wrapper.m-theme--wrapper__dark .m-footer-nav .m-footer-nav-item > a {
color: #737373; }
/**
* Padding, Margins and Offset
*/
.minds-avatar {
position: relative;
max-width: 200px;
margin: 8px;
overflow: hidden;
box-sizing: border-box;
border-radius: 3px; }
body.m-theme__light .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__light .minds-avatar {
background-color: #ffffff; }
body.m-theme__dark .minds-avatar,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-avatar {
background-color: #242a30; }
.minds-avatar img {
max-height: 220px;
max-width: 100%;
border-radius: 50%;
flex-basis: 100%; }
.minds-avatar .overlay {
text-align: center;
cursor: pointer;
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
padding: 38px 8px; }
body.m-theme__light .minds-avatar .overlay,
body .m-theme--wrapper.m-theme--wrapper__light .minds-avatar .overlay {
color: #fff;
background-color: rgba(176, 176, 176, 0.5); }
body.m-theme__dark .minds-avatar .overlay,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-avatar .overlay {
color: #202527;
background-color: rgba(0, 0, 0, 0.5); }
.minds-avatar .overlay i {
font-size: 30px;
padding-right: 8px; }
.minds-avatar .overlay span {
font-weight: 400;
display: block;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 14px;
font-family: 'Roboto', Helvetica; }
.minds-avatar input[type='file'] {
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
cursor: pointer; }
.minds-dropdown-menu {
padding: 0;
width: 150px;
border-radius: 4px;
position: absolute;
z-index: 1;
top: 8px;
right: 8px;
overflow: visible;
display: block; }
body.m-theme__light .minds-dropdown-menu,
body .m-theme--wrapper.m-theme--wrapper__light .minds-dropdown-menu {
background-color: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
body.m-theme__dark .minds-dropdown-menu,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-dropdown-menu {
background-color: #242a30;
box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.12); }
.minds-dropdown-menu .mdl-menu__item {
opacity: 1;
text-overflow: ellipsis;
line-height: 32px;
height: 32px;
padding: 0 8px; }
body.m-theme__light .minds-dropdown-menu .mdl-menu__item,
body .m-theme--wrapper.m-theme--wrapper__light .minds-dropdown-menu .mdl-menu__item {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .minds-dropdown-menu .mdl-menu__item,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-dropdown-menu .mdl-menu__item {
border-bottom: 1px solid #414c57; }
.m-video-banner {
position: relative;
width: 100%;
overflow-x: hidden; }
.m-video-banner .video {
height: 100%;
width: 100%;
background-size: cover;
/* @media (min-width: 1600px){
video{
height: auto;
width: 100%;
}
}
@media (max-height: 800px){
height:auto;
width:100%;
}*/ }
body.m-theme__light .m-video-banner .video,
body .m-theme--wrapper.m-theme--wrapper__light .m-video-banner .video {
background: none no-repeat left center #000; }
body.m-theme__dark .m-video-banner .video,
body .m-theme--wrapper.m-theme--wrapper__dark .m-video-banner .video {
background: none no-repeat left center #000; }
.m-video-banner .video video {
min-height: 100%;
min-width: 100%;
position: absolute;
bottom: 0; }
.m-video-banner .overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
display: flex;
align-items: center;
-webkit-align-items: center;
flex-direction: column; }
body.m-theme__light .m-video-banner .overlay,
body .m-theme--wrapper.m-theme--wrapper__light .m-video-banner .overlay {
color: #fff;
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); }
body.m-theme__dark .m-video-banner .overlay,
body .m-theme--wrapper.m-theme--wrapper__dark .m-video-banner .overlay {
color: #202527;
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); }
body.m-theme__light .m-video-banner .overlay.overlay--0-6,
body .m-theme--wrapper.m-theme--wrapper__light .m-video-banner .overlay.overlay--0-6 {
background-color: rgba(176, 176, 176, 0.5); }
body.m-theme__dark .m-video-banner .overlay.overlay--0-6,
body .m-theme--wrapper.m-theme--wrapper__dark .m-video-banner .overlay.overlay--0-6 {
background-color: rgba(0, 0, 0, 0.5); }
/**
* Carousel
*/
m-channel--carousel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 360px;
overflow: hidden; }
body.m-theme__light m-channel--carousel,
body .m-theme--wrapper.m-theme--wrapper__light m-channel--carousel {
background-color: #888; }
body.m-theme__dark m-channel--carousel,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel--carousel {
background-color: #737373; }
m-channel--carousel minds-banner {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
m-channel--carousel minds-banner.is-hidden .minds-banner {
opacity: 0; }
m-channel--carousel minds-banner.is-hidden.edit-mode {
display: none; }
m-channel--carousel minds-banner .minds-banner {
height: 100%;
max-height: 100%;
opacity: 1;
transition: opacity 0.25s ease-in-out; }
m-channel--carousel minds-banner .save-bar {
display: none !important; }
m-channel--carousel .delete-button > button.mdl-button:hover,
m-channel--carousel .add-button.mdl-button:hover {
cursor: pointer; }
body.m-theme__light m-channel--carousel .delete-button > button.mdl-button:hover,
body .m-theme--wrapper.m-theme--wrapper__light m-channel--carousel .delete-button > button.mdl-button:hover, body.m-theme__light
m-channel--carousel .add-button.mdl-button:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-channel--carousel .add-button.mdl-button:hover {
background-color: #455a64; }
body.m-theme__dark m-channel--carousel .delete-button > button.mdl-button:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel--carousel .delete-button > button.mdl-button:hover, body.m-theme__dark
m-channel--carousel .add-button.mdl-button:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-channel--carousel .add-button.mdl-button:hover {
background-color: #9fb0b9; }
body.m-theme__light m-channel--carousel .delete-button > button.mdl-button:active,
body .m-theme--wrapper.m-theme--wrapper__light m-channel--carousel .delete-button > button.mdl-button:active, body.m-theme__light
m-channel--carousel .add-button.mdl-button:active,
body .m-theme--wrapper.m-theme--wrapper__light
m-channel--carousel .add-button.mdl-button:active {
background-color: #546e7a; }
body.m-theme__dark m-channel--carousel .delete-button > button.mdl-button:active,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel--carousel .delete-button > button.mdl-button:active, body.m-theme__dark
m-channel--carousel .add-button.mdl-button:active,
body .m-theme--wrapper.m-theme--wrapper__dark
m-channel--carousel .add-button.mdl-button:active {
background-color: #879ca7; }
m-channel--carousel .delete-button {
position: absolute;
top: 8px;
right: 8px; }
m-channel--carousel .delete-button button {
font-size: 23px; }
m-channel--carousel .add-button {
display: block !important;
position: absolute;
top: 8px;
right: 80px; }
m-channel--carousel .add-button i {
margin-top: 2px; }
m-channel--carousel > i {
top: 50%;
position: absolute;
font-size: 60px !important;
cursor: pointer; }
body.m-theme__light m-channel--carousel > i,
body .m-theme--wrapper.m-theme--wrapper__light m-channel--carousel > i {
color: #fff;
text-shadow: 0 0 3px #888; }
body.m-theme__dark m-channel--carousel > i,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel--carousel > i {
color: #202527;
text-shadow: 0 0 3px #737373; }
m-channel--carousel > i.right {
right: 0; }
m-channel--carousel .placeholder {
opacity: 1; }
body.m-theme__light m-channel--carousel .placeholder,
body .m-theme--wrapper.m-theme--wrapper__light m-channel--carousel .placeholder {
background-color: #4690df; }
body.m-theme__dark m-channel--carousel .placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark m-channel--carousel .placeholder {
background-color: #44aaff; }
.minds-card-navigation,
.minds-settings-nav {
list-style: none;
min-height: 0;
width: auto;
padding: 0;
margin: 0; }
.minds-card-navigation li,
.minds-settings-nav li {
text-align: left;
padding: 0;
margin: 0;
cursor: pointer;
font-size: 14px;
width: auto; }
body.m-theme__light .minds-card-navigation li,
body .m-theme--wrapper.m-theme--wrapper__light .minds-card-navigation li, body.m-theme__light
.minds-settings-nav li,
body .m-theme--wrapper.m-theme--wrapper__light
.minds-settings-nav li {
border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
body.m-theme__dark .minds-card-navigation li,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-card-navigation li, body.m-theme__dark
.minds-settings-nav li,
body .m-theme--wrapper.m-theme--wrapper__dark
.minds-settings-nav li {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.minds-card-navigation li :hover,
.minds-settings-nav li :hover {
text-decoration: none; }
body.m-theme__light .minds-card-navigation li :hover,
body .m-theme--wrapper.m-theme--wrapper__light .minds-card-navigation li :hover, body.m-theme__light
.minds-settings-nav li :hover,
body .m-theme--wrapper.m-theme--wrapper__light
.minds-settings-nav li :hover {
background-color: #e8e8e8; }
body.m-theme__dark .minds-card-navigation li :hover,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-card-navigation li :hover, body.m-theme__dark
.minds-settings-nav li :hover,
body .m-theme--wrapper.m-theme--wrapper__dark
.minds-settings-nav li :hover {
background-color: #2f2f2f; }
.minds-card-navigation li a,
.minds-settings-nav li a {
display: flex;
padding: 16px;
text-decoration: none; }
.minds-card-navigation li a i,
.minds-card-navigation li a m--crypto-token-symbol,
.minds-settings-nav li a i,
.minds-settings-nav li a m--crypto-token-symbol {
margin-right: 8px; }
.m-actions-block {
display: flex;
flex-flow: row nowrap;
align-items: center; }
.m-actions-block > * {
margin-right: 8px; }
.m-actions-block > * i {
vertical-align: middle; }
.m-additional-block {
display: flex;
font-size: 12px; }
.m-additional-block > * {
margin-right: 8px;
display: flex;
align-items: center; }
.m-additional-block > * a {
cursor: pointer; }
.m-additional-block > * i {
padding: 8px;
vertical-align: middle; }
.m-additional-block > * span {
vertical-align: middle; }
.m-block {
display: flex;
flex-flow: row nowrap;
align-items: center; }
.m-block > .m-avatar img {
border-radius: 3px;
min-width: 40px; }
.m-block > .m-body {
flex: 1;
padding: 0 8px; }
.m-block > .m-body h3 {
display: inline-block;
margin: 0;
font-size: 14px;
line-height: 16px;
font-weight: bold; }
.m-block > .m-body p {
margin: 0;
font-size: 11px; }
minds-button-user-dropdown .minds-dropdown-menu {
top: 50px;
margin-top: 0;
position: absolute;
text-transform: capitalize; }
minds-button-user-dropdown .m-user-dropdown__item--nsfw {
overflow: visible; }
minds-button-user-dropdown .m-user-dropdown__item--nsfw m-nsfw-selector {
border: 0;
width: 100%;
padding: 0; }
minds-button-user-dropdown .m-user-dropdown__item--nsfw m-nsfw-selector .m-nsfwSelector__label m-tooltip {
display: none; }
minds-button-user-dropdown .m-user-dropdown__item--nsfw m-nsfw-selector .m-dropdown .m-dropdown__list {
width: 210px; }
.m-error-splash {
text-align: center;
text-transform: uppercase;
padding-top: 12px; }
.m-error-splash img {
width: 236px;
margin-top: 36px;
margin-bottom: 36px; }
.m-error-splash h3 {
margin: auto;
font-weight: 600;
font-size: 19px; }
minds-graph-line {
display: block;
margin-bottom: 16px; }
.graph-labels {
display: flex;
flex-flow: row nowrap;
align-items: center; }
.graph-labels > .graph-label {
flex: 1;
text-align: center;
font-weight: light; }
.graph-labels > .graph-label b {
display: block;
font-size: 9px;
text-transform: uppercase; }
.minds-avatar-hovercard {
position: absolute;
top: 0;
left: 0;
bottom: auto;
right: auto;
z-index: 60;
width: 330px; }
body.m-theme__light .minds-avatar-hovercard,
body .m-theme--wrapper.m-theme--wrapper__light .minds-avatar-hovercard {
background-color: #ffffff; }
body.m-theme__dark .minds-avatar-hovercard,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-avatar-hovercard {
background-color: #242a30; }
body.m-theme__light .minds-avatar-hovercard m-publisherCard .m-publisherCard,
body .m-theme--wrapper.m-theme--wrapper__light .minds-avatar-hovercard m-publisherCard .m-publisherCard {
border: none; }
body.m-theme__dark .minds-avatar-hovercard m-publisherCard .m-publisherCard,
body .m-theme--wrapper.m-theme--wrapper__dark .minds-avatar-hovercard m-publisherCard .m-publisherCard {
border: none; }
.m-bubble-popup {
position: fixed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
minds-emoji .m-bubble-popup {
max-width: 196px;
margin: 8px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
body.m-theme__light minds-emoji .m-bubble-popup,
body .m-theme--wrapper.m-theme--wrapper__light minds-emoji .m-bubble-popup {
background-color: #ffffff; }
body.m-theme__dark minds-emoji .m-bubble-popup,
body .m-theme--wrapper.m-theme--wrapper__dark minds-emoji .m-bubble-popup {
background-color: #242a30; }
minds-emoji .m-bubble-popup .m-emoji-selector-title {
width: 100%;
position: relative;
padding: 4px 8px;
box-sizing: border-box;
text-transform: uppercase;
font-size: 11px;
font-weight: bold; }
body.m-theme__light minds-emoji .m-bubble-popup .m-emoji-selector-title,
body .m-theme--wrapper.m-theme--wrapper__light minds-emoji .m-bubble-popup .m-emoji-selector-title {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark minds-emoji .m-bubble-popup .m-emoji-selector-title,
body .m-theme--wrapper.m-theme--wrapper__dark minds-emoji .m-bubble-popup .m-emoji-selector-title {
border-bottom: 1px solid #414c57; }
minds-emoji .m-bubble-popup .m-emoji-selector-title .m-emoji-selector-close {
position: absolute;
right: 8px;
top: 4px;
font-size: 16px;
cursor: pointer; }
minds-emoji .m-bubble-popup .m-emoji-selector-list {
width: 100%;
max-height: 336px;
overflow-y: auto;
padding: 8px;
box-sizing: border-box; }
minds-emoji .m-bubble-popup .m-emoji {
display: inline-block;
padding: 8px;
cursor: pointer;
font-size: 16px;
box-sizing: border-box;
width: 36px;
height: 36px;
text-align: center;
vertical-align: middle;
font-family: minds_emoji;
line-height: 24px; }
minds-tooltip .m-bubble-popup {
padding: 4px 8px;
margin: 8px 0;
font-size: 10px; }
body.m-theme__light minds-tooltip .m-bubble-popup,
body .m-theme--wrapper.m-theme--wrapper__light minds-tooltip .m-bubble-popup {
color: #fff;
background-color: #222; }
body.m-theme__dark minds-tooltip .m-bubble-popup,
body .m-theme--wrapper.m-theme--wrapper__dark minds-tooltip .m-bubble-popup {
color: #202527;
background-color: whitesmoke; }
.m-ribbon {
list-style: none;
padding: 0;
margin: 0;
white-space: nowrap;
position: absolute;
top: 0;
left: 0; }
body.m-theme__light .m-ribbon,
body .m-theme--wrapper.m-theme--wrapper__light .m-ribbon {
background-color: #ffffff; }
body.m-theme__dark .m-ribbon,
body .m-theme--wrapper.m-theme--wrapper__dark .m-ribbon {
background-color: #242a30; }
.m-ribbon.m-ribbon-right {
right: 0;
left: auto; }
minds-card-comment .m-ribbon.m-ribbon-right {
margin: 4px 8px 0 0;
right: 90px; }
.m-ribbon--item {
display: inline-block;
padding: 0;
margin: 0;
padding: 0 4px;
cursor: pointer; }
.m-ribbon--item .material-icons {
font-size: 20px;
line-height: 1; }
.m-clickable {
cursor: pointer; }
.m-custom-icon {
display: inline-block;
width: 1.28571429em;
height: 1em;
text-align: center; }
.m-custom-icon:before {
display: inline-block;
content: '';
width: 100%;
height: 100%;
background: none no-repeat center center transparent;
background-size: contain; }
.m-custom-icon.m-custom-icon-minds {
height: 1.2em; }
.m-custom-icon.m-custom-icon-minds:before {
background-image: url('gs-icon.png'); }
.m-wallet-pop {
display: inline-block;
position: absolute;
top: 0.5em;
left: 36px;
min-width: 20px;
line-height: 1;
padding: 7px 2px;
white-space: nowrap;
font-size: 10px;
border-radius: 2em;
text-align: center;
pointer-events: none; }
svg.m-facebook-icon {
cursor: pointer;
margin: auto; }
body.m-theme__light svg.m-facebook-icon,
body .m-theme--wrapper.m-theme--wrapper__light svg.m-facebook-icon {
fill: #fff;
background-color: #3b5998 !important; }
body.m-theme__dark svg.m-facebook-icon,
body .m-theme--wrapper.m-theme--wrapper__dark svg.m-facebook-icon {
fill: #202527;
background-color: #3b5998 !important; }
.m--spam-notice {
display: block;
text-align: center;
padding: 16px;
font-size: 12px;
line-height: 1.25;
font-weight: 400; }
body.m-theme__light .m--spam-notice,
body .m-theme--wrapper.m-theme--wrapper__light .m--spam-notice {
color: #000;
background-color: #ffecb3; }
body.m-theme__dark .m--spam-notice,
body .m-theme--wrapper.m-theme--wrapper__dark .m--spam-notice {
color: #fff;
background-color: #fff2cd; }
minds-newsfeed-single .m--spam-notice {
margin: 0 0 4px 0; }
m-blog-view .m--spam-notice {
position: absolute;
top: 0;
width: 100%;
left: 0;
z-index: 30; }
.m-tab-bar {
display: flex;
align-items: center;
justify-content: space-evenly;
padding: 16px; }
body.m-theme__light .m-tab-bar,
body .m-theme--wrapper.m-theme--wrapper__light .m-tab-bar {
color: #444; }
body.m-theme__dark .m-tab-bar,
body .m-theme--wrapper.m-theme--wrapper__dark .m-tab-bar {
color: #b7b7b7; }
.m-tab-bar .m-tab-bar--tab {
position: relative;
color: inherit;
font-size: 13px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.m-tab-bar .m-tab-bar--more {
margin-left: 5%; }
body.m-theme__light .m-tab-bar .m-tab-bar--more,
body .m-theme--wrapper.m-theme--wrapper__light .m-tab-bar .m-tab-bar--more {
color: rgba(68, 68, 68, 0.58); }
body.m-theme__dark .m-tab-bar .m-tab-bar--more,
body .m-theme--wrapper.m-theme--wrapper__dark .m-tab-bar .m-tab-bar--more {
color: rgba(183, 183, 183, 0.58); }
body.m-theme__light .m-tab-bar .m-tab-bar--active-tab,
body .m-theme--wrapper.m-theme--wrapper__light .m-tab-bar .m-tab-bar--active-tab {
color: #4690df; }
body.m-theme__dark .m-tab-bar .m-tab-bar--active-tab,
body .m-theme--wrapper.m-theme--wrapper__dark .m-tab-bar .m-tab-bar--active-tab {
color: #44aaff; }
.m-crypto-token-icon {
position: relative;
display: inline-block;
width: 24px;
min-height: 1em; }
.m-crypto-token-icon:after {
content: 'M';
font-family: 'Roboto', sans-serif;
font-weight: 700;
text-decoration: line-through;
font-style: normal;
font-size: 1.35em;
line-height: 1;
letter-spacing: normal;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.m-crypto-token-icon.m-crypto-token-icon-light {
width: 1em;
font-size: 24px; }
.m-crypto-token-icon.m-crypto-token-icon-light:after {
font-weight: 400; }
.m-invisible {
visibility: hidden; }
m-text-input--autocomplete-menu ul.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-clip: padding-box;
border-radius: 4px; }
body.m-theme__light m-text-input--autocomplete-menu ul.dropdown-menu,
body .m-theme--wrapper.m-theme--wrapper__light m-text-input--autocomplete-menu ul.dropdown-menu {
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
body.m-theme__dark m-text-input--autocomplete-menu ul.dropdown-menu,
body .m-theme--wrapper.m-theme--wrapper__dark m-text-input--autocomplete-menu ul.dropdown-menu {
background-color: #242a30;
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175); }
m-text-input--autocomplete-menu ul.dropdown-menu li a {
display: block;
padding: 4px 8px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
white-space: nowrap;
text-decoration: none; }
body.m-theme__light m-text-input--autocomplete-menu ul.dropdown-menu li a,
body .m-theme--wrapper.m-theme--wrapper__light m-text-input--autocomplete-menu ul.dropdown-menu li a {
color: #333; }
body.m-theme__dark m-text-input--autocomplete-menu ul.dropdown-menu li a,
body .m-theme--wrapper.m-theme--wrapper__dark m-text-input--autocomplete-menu ul.dropdown-menu li a {
color: #eaeaea; }
body.m-theme__light m-text-input--autocomplete-menu ul.dropdown-menu li a:hover,
body .m-theme--wrapper.m-theme--wrapper__light m-text-input--autocomplete-menu ul.dropdown-menu li a:hover {
color: #222;
background-color: #e8e8e8; }
body.m-theme__dark m-text-input--autocomplete-menu ul.dropdown-menu li a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark m-text-input--autocomplete-menu ul.dropdown-menu li a:hover {
color: whitesmoke;
background-color: #2f2f2f; }
m-text-input--autocomplete-menu ul.dropdown-menu li.active a,
m-text-input--autocomplete-menu ul.dropdown-menu li.active a:hover {
outline: 0; }
body.m-theme__light m-text-input--autocomplete-menu ul.dropdown-menu li.active a,
body .m-theme--wrapper.m-theme--wrapper__light m-text-input--autocomplete-menu ul.dropdown-menu li.active a, body.m-theme__light
m-text-input--autocomplete-menu ul.dropdown-menu li.active a:hover,
body .m-theme--wrapper.m-theme--wrapper__light
m-text-input--autocomplete-menu ul.dropdown-menu li.active a:hover {
color: #fff;
background-color: #4690df; }
body.m-theme__dark m-text-input--autocomplete-menu ul.dropdown-menu li.active a,
body .m-theme--wrapper.m-theme--wrapper__dark m-text-input--autocomplete-menu ul.dropdown-menu li.active a, body.m-theme__dark
m-text-input--autocomplete-menu ul.dropdown-menu li.active a:hover,
body .m-theme--wrapper.m-theme--wrapper__dark
m-text-input--autocomplete-menu ul.dropdown-menu li.active a:hover {
color: #202527;
background-color: #44aaff; }
@font-face {
font-family: minds_emoji;
src: local("Helvetica"), local("Roboto"), local("Arial"); }
@font-face {
font-family: minds_emoji;
src: local("Apple Color Emoji"), local("Android Emoji"), local("Segoe UI"), local(EmojiSymbols), local(Symbola), url('Symbola-Emoji.eot?#iefix') format("embedded-opentype"), url('Symbola-Emoji.woff') format("woff"), url('Symbola-Emoji.ttf') format("truetype");
unicode-range: U+2500-26FF, U+2700-27BF, U+1F170-1F251, U+1F300-1F5FF, U+1F600-1F64F, U+1F650-1F67F, U+1F680-1F6FF, U+1F900-1F9FF; }
/**
* Padding, Margins and Offset
*/
.m-formWrapper .m-formLayout--buttonInline {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center; }
.m-formWrapper .m-formLayout--buttonInline m-button {
margin-top: 8px;
margin: 8px 0 0 18px; }
.m-formWrapper .m-formLayout--buttonInline m-button .m-button {
min-height: 42px;
width: 100%; }
.m-formWrapper [class*='m-formLayout--']:not(.m-formLayout--buttonInline) .m-form__fieldsContainer {
margin-bottom: 38px; }
.m-formWrapper [class*='m-formLayout--']:not(.m-formLayout--buttonInline) .m-form__buttonsContainer {
margin-top: 25px;
margin-bottom: 57px; }
.m-formWrapper [class*='m-formLayout--']:not(.m-formLayout--buttonInline) .stretchedField .m-form__row--label m-tooltip .m-tooltip--bubble {
right: 12px; }
.m-formWrapper [class*='m-formLayout--']:not(.m-formLayout--buttonInline) .stretchedField .m-form__row--input {
flex-flow: row nowrap; }
.m-formWrapper [class*='m-formLayout--']:not(.m-formLayout--buttonInline) .stretchedField .m-form__row--validation {
justify-content: flex-end;
align-self: unset; }
@media screen and (max-width: 480px) {
.m-formWrapper [class*='m-formLayout--']:not(.m-formLayout--buttonInline) .m-form__row--label m-tooltip .m-tooltip--bubble {
right: 12px; } }
.m-formWrapper .m-formLayout--buttonRight .m-form__buttonsContainer,
.m-formWrapper .m-formLayout--buttonOffsetRight .m-form__buttonsContainer {
justify-content: flex-end; }
.m-formWrapper .m-formLayout--buttonLeft .m-form__buttonsContainer {
justify-content: flex-start; }
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField label,
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField input:not(.m-phoneInput__input),
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField minds-country-input,
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField m-phoneInput,
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField textarea,
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField .m-dateDropdowns__selectWrapper,
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField select:not(.m-dateDropdowns__select),
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField .m-form__row--validation {
flex: 1 1 calc(100% - 160px);
min-width: calc(100% - 160px);
max-width: calc(100% - 160px); }
@media screen and (max-width: 480px) {
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField label,
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField input:not(.m-phoneInput__input),
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField minds-country-input,
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField m-phoneInput,
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField textarea,
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField .m-dateDropdowns__selectWrapper,
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField select:not(.m-dateDropdowns__select),
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField .m-form__row--validation {
flex: 1 1 100%;
min-width: 100%;
max-width: 100%; } }
.m-formWrapper .m-formLayout--buttonOffsetRight .stretchedField .m-form__row--label m-tooltip .m-tooltip--bubble {
left: 12px; }
.m-formWrapper form {
margin: 0;
padding: 0; }
.m-formWrapper .m-form__fieldsContainer {
flex: 1 1 auto; }
.m-formWrapper .m-form__fieldGroupSpacer {
width: 100%;
padding: 18px 0 30px 0; }
body.m-theme__light .m-formWrapper .m-form__fieldGroupSpacer hr,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__fieldGroupSpacer hr {
color: #d3dbe3; }
body.m-theme__dark .m-formWrapper .m-form__fieldGroupSpacer hr,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__fieldGroupSpacer hr {
color: #414c57; }
.m-formWrapper .m-form__fieldGroupWrapper:not(:first-child) {
margin-top: 60px; }
.m-formWrapper [class*='m-form__field--'] {
display: flex;
flex-flow: column nowrap;
position: relative;
margin-bottom: 20px;
font-size: 15px;
line-height: 20px; }
body.m-theme__light .m-formWrapper [class*='m-form__field--'],
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper [class*='m-form__field--'] {
color: #43434d; }
body.m-theme__dark .m-formWrapper [class*='m-form__field--'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper [class*='m-form__field--'] {
color: #ffffff; }
.m-formWrapper [class*='m-form__field--'].hasValidationRow:not(:last-child) {
margin-bottom: 2px; }
.m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--label m-tooltip {
margin-left: -12px; }
.m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input {
flex-flow: row nowrap; }
.m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel {
align-items: center; }
.m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel input {
min-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel span {
padding: 10px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
body.m-theme__light .m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel span,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel span {
border: 1px solid #d3dbe3;
border-right-width: 0px; }
body.m-theme__dark .m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel span {
border: 1px solid #414c57;
border-right-width: 0px; }
body.m-theme__light .m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel:focus:not(:-moz-read-only) span, body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel:focus:not(:-moz-read-only) span {
border-color: #1b85d6; }
body.m-theme__light .m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel:focus:not(:read-only) span,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel:focus:not(:read-only) span {
border-color: #1b85d6; }
body.m-theme__dark .m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel:focus:not(:-moz-read-only) span, body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel:focus:not(:-moz-read-only) span {
border-color: #1b85d6; }
body.m-theme__dark .m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel:focus:not(:read-only) span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--input.hasUnitLabel:focus:not(:read-only) span {
border-color: #1b85d6; }
.m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--validation {
align-self: flex-end; }
.m-formWrapper [class*='m-form__field--'].stretchedField label,
.m-formWrapper [class*='m-form__field--'].stretchedField .m-form__row--validation {
flex: 1 1 auto; }
.m-formWrapper [class*='m-form__field--'].stretchedField input,
.m-formWrapper [class*='m-form__field--'].stretchedField textarea,
.m-formWrapper [class*='m-form__field--'].stretchedField select:not(.m-dateDropdowns__select) {
flex: 1 1 100%; }
@media screen and (max-width: 1000px) {
.m-formWrapper [class*='m-form__field--'].stretchedField label,
.m-formWrapper [class*='m-form__field--'].stretchedField input,
.m-formWrapper [class*='m-form__field--'].stretchedField textarea {
flex: 1 1 100%;
min-width: 100%;
max-width: 100%; } }
.m-formWrapper input[type='text'],
.m-formWrapper input[type='time'],
.m-formWrapper input[type='email'],
.m-formWrapper input[type='number'],
.m-formWrapper input[type='password'] {
max-height: 42px;
cursor: text; }
.m-formWrapper textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 6em;
resize: none;
width: 100%;
cursor: text; }
.m-formWrapper textarea.m-form__codeTextarea {
cursor: default;
font-family: monospace;
font-weight: 300;
height: 12em; }
body.m-theme__light .m-formWrapper textarea.m-form__codeTextarea,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper textarea.m-form__codeTextarea {
color: #9b9b9b; }
body.m-theme__dark .m-formWrapper textarea.m-form__codeTextarea,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper textarea.m-form__codeTextarea {
color: #797b82; }
.m-formWrapper .m-form__field--select .m-form__row--input {
position: relative;
overflow: hidden; }
.m-formWrapper .m-form__field--select .m-form__row--input::after {
content: '\25bc';
font-size: 10px;
position: absolute;
right: 18px;
top: 12px;
text-align: center;
pointer-events: none; }
body.m-theme__light .m-formWrapper .m-form__field--select .m-form__row--input::after,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__field--select .m-form__row--input::after {
color: #9b9b9b; }
body.m-theme__dark .m-formWrapper .m-form__field--select .m-form__row--input::after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__field--select .m-form__row--input::after {
color: #797b82; }
.m-formWrapper select {
cursor: pointer;
box-sizing: border-box;
padding: 0 32px 0 20px;
height: 42px;
min-height: 42px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
body.m-theme__light .m-formWrapper select,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper select {
background-color: #ffffff; }
body.m-theme__dark .m-formWrapper select,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper select {
background-color: #242a30; }
.m-formWrapper .m-form__field--checkbox {
align-items: center;
flex-flow: row wrap; }
.m-formWrapper .m-form__field--checkbox m-formInput__checkbox .m-formInput__checkbox span,
.m-formWrapper .m-form__field--checkbox m-formInput__checkbox .m-formInput__checkbox label {
font-size: 14px;
line-height: 19px; }
.m-formWrapper input[type='checkbox'] {
cursor: pointer; }
.m-formWrapper .m-form__field--radio {
align-items: center;
flex-flow: row wrap; }
.m-formWrapper .m-form__field--radio .m-form__row--label {
margin-bottom: 21px; }
.m-formWrapper .m-form__field--radio .m-form__row--input {
width: 100%; }
.m-formWrapper input[type='radio'] {
margin: 0 24px 12px 0;
cursor: pointer; }
.m-formWrapper input[type='radio']:last-child {
margin-right: 0; }
.m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle {
border-radius: 2px;
display: flex;
cursor: pointer;
transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle {
color: #43434d;
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle {
color: #ffffff;
background-color: #242a30;
border: 1px solid #414c57; }
.m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle > div {
padding: 10px 15px;
font-size: 15px;
transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle > div:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle > div:hover {
background-color: rgba(211, 219, 227, 0.9); }
body.m-theme__dark .m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle > div:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle > div:hover {
background-color: rgba(65, 76, 87, 0.9); }
body.m-theme__light .m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle > div.optionActive,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle > div.optionActive {
background-color: #d3dbe3; }
body.m-theme__dark .m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle > div.optionActive,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__field--textboxToggle .m-formInput__textboxToggle > div.optionActive {
background-color: #414c57; }
.m-formWrapper .m-form__field--grid .m-form__row--label button {
cursor: pointer;
font-size: 14px;
line-height: 20px;
font-weight: 300;
border-radius: 2px;
padding: 4px 12px;
transition: all 0.3s ease;
margin-left: auto; }
body.m-theme__light .m-formWrapper .m-form__field--grid .m-form__row--label button,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__field--grid .m-form__row--label button {
color: #43434d;
border: 1px solid #d3dbe3;
background-color: rgba(0, 0, 0, 0); }
body.m-theme__dark .m-formWrapper .m-form__field--grid .m-form__row--label button,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__field--grid .m-form__row--label button {
color: #ffffff;
border: 1px solid #414c57;
background-color: rgba(255, 255, 255, 0); }
.m-formWrapper .m-form__field--grid .m-form__row--label button:hover {
transform: scale(1.04); }
body.m-theme__light .m-formWrapper .m-form__field--grid .m-form__row--label button:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__field--grid .m-form__row--label button:hover {
box-shadow: 0 3px 2px -5px rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 1px 4px 0 rgba(0, 0, 0, 0.05); }
body.m-theme__dark .m-formWrapper .m-form__field--grid .m-form__row--label button:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__field--grid .m-form__row--label button:hover {
box-shadow: 0 3px 2px -5px rgba(255, 255, 255, 0.1), 0 2px 2px 0 rgba(255, 255, 255, 0.04), 0 1px 4px 0 rgba(255, 255, 255, 0.05); }
.m-formWrapper .m-form__field--grid .m-form__row--label button:active {
transform: scale(0.98); }
body.m-theme__light .m-formWrapper .m-form__field--grid .m-form__row--label button:active,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__field--grid .m-form__row--label button:active {
box-shadow: 0 3px 1px -6px rgba(0, 0, 0, 0.12), 0 0px 1px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08); }
body.m-theme__dark .m-formWrapper .m-form__field--grid .m-form__row--label button:active,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__field--grid .m-form__row--label button:active {
box-shadow: 0 3px 1px -6px rgba(255, 255, 255, 0.12), 0 0px 1px 0 rgba(255, 255, 255, 0.07), 0 1px 2px 0 rgba(255, 255, 255, 0.08); }
.m-formWrapper .m-form__field--grid .m-form__row--label button:disabled, .m-formWrapper .m-form__field--grid .m-form__row--label button[disabled] {
cursor: default; }
body.m-theme__light .m-formWrapper .m-form__field--grid .m-form__row--label button:disabled,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__field--grid .m-form__row--label button:disabled, body.m-theme__light .m-formWrapper .m-form__field--grid .m-form__row--label button[disabled],
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__field--grid .m-form__row--label button[disabled] {
color: #9b9b9b; }
body.m-theme__dark .m-formWrapper .m-form__field--grid .m-form__row--label button:disabled,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__field--grid .m-form__row--label button:disabled, body.m-theme__dark .m-formWrapper .m-form__field--grid .m-form__row--label button[disabled],
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__field--grid .m-form__row--label button[disabled] {
color: #797b82; }
body.m-theme__light .m-formWrapper .m-form__field--grid .m-form__row--label button:disabled:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__field--grid .m-form__row--label button:disabled:hover, body.m-theme__light .m-formWrapper .m-form__field--grid .m-form__row--label button[disabled]:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__field--grid .m-form__row--label button[disabled]:hover {
border-color: #d3dbe3; }
body.m-theme__dark .m-formWrapper .m-form__field--grid .m-form__row--label button:disabled:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__field--grid .m-form__row--label button:disabled:hover, body.m-theme__dark .m-formWrapper .m-form__field--grid .m-form__row--label button[disabled]:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__field--grid .m-form__row--label button[disabled]:hover {
border-color: #414c57; }
body.m-theme__light .m-formWrapper input[type='file'],
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper input[type='file'] {
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0) !important; }
body.m-theme__dark .m-formWrapper input[type='file'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper input[type='file'] {
background-color: #242a30;
border: 1px solid rgba(255, 255, 255, 0) !important; }
body.m-theme__light .m-formWrapper input[type='file']:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper input[type='file']:focus:not(:-moz-read-only) {
border-color: rgba(0, 0, 0, 0) !important; }
body.m-theme__light .m-formWrapper input[type='file']:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper input[type='file']:focus:not(:read-only) {
border-color: rgba(0, 0, 0, 0) !important; }
body.m-theme__dark .m-formWrapper input[type='file']:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper input[type='file']:focus:not(:-moz-read-only) {
border-color: rgba(255, 255, 255, 0) !important; }
body.m-theme__dark .m-formWrapper input[type='file']:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper input[type='file']:focus:not(:read-only) {
border-color: rgba(255, 255, 255, 0) !important; }
.m-formWrapper .m-form__field--color .m-form__row--input input {
width: 120px;
box-sizing: border-box; }
.m-formWrapper .m-form__colorPreview {
cursor: pointer;
height: 40px;
width: 40px;
margin-left: 15px;
border-radius: 2px;
transition: background-color 0.2s ease; }
body.m-theme__light .m-formWrapper .m-form__colorPreview,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__colorPreview {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-formWrapper .m-form__colorPreview,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__colorPreview {
border: 1px solid #414c57; }
.m-formWrapper .m-form__colorPreview input {
visibility: hidden; }
.m-formWrapper [class*='m-form__row'] {
display: flex;
flex-flow: row wrap;
box-sizing: border-box; }
.m-formWrapper .m-form__row--label {
font-size: 15px;
line-height: 20px;
margin: 0 0 12px 0;
align-items: center;
flex-flow: row nowrap;
position: relative;
font-weight: 300; }
body.m-theme__light .m-formWrapper .m-form__row--label,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__row--label {
color: #43434d; }
body.m-theme__dark .m-formWrapper .m-form__row--label,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__row--label {
color: #ffffff; }
body.m-theme__light .m-formWrapper .m-form__row--input.invalid input,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__row--input.invalid input, body.m-theme__light
.m-formWrapper .m-form__row--input.invalid select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper .m-form__row--input.invalid select, body.m-theme__light
.m-formWrapper .m-form__row--input.invalid textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper .m-form__row--input.invalid textarea, body.m-theme__light
.m-formWrapper .m-form__row--input.invalid .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper .m-form__row--input.invalid .m-phoneInput__wrapper {
border-color: #e03c20 !important; }
body.m-theme__dark .m-formWrapper .m-form__row--input.invalid input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__row--input.invalid input, body.m-theme__dark
.m-formWrapper .m-form__row--input.invalid select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper .m-form__row--input.invalid select, body.m-theme__dark
.m-formWrapper .m-form__row--input.invalid textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper .m-form__row--input.invalid textarea, body.m-theme__dark
.m-formWrapper .m-form__row--input.invalid .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper .m-form__row--input.invalid .m-phoneInput__wrapper {
border-color: #e03c20 !important; }
.m-formWrapper input,
.m-formWrapper textarea,
.m-formWrapper select {
outline: 0; }
.m-formWrapper input:not(:-moz-read-only):not(:-moz-read-only), .m-formWrapper textarea:not(:-moz-read-only):not(:-moz-read-only), .m-formWrapper select:not(:-moz-read-only):not(:-moz-read-only) {
cursor: default; }
.m-formWrapper input:not(:read-only):not(:-moz-read-only),
.m-formWrapper textarea:not(:read-only):not(:-moz-read-only),
.m-formWrapper select:not(:read-only):not(:-moz-read-only) {
cursor: default; }
.m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink),
.m-formWrapper .m-phoneInput__wrapper,
.m-formWrapper textarea,
.m-formWrapper select {
border-radius: 2px; }
body.m-theme__light .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink),
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink), body.m-theme__light
.m-formWrapper .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper .m-phoneInput__wrapper, body.m-theme__light
.m-formWrapper textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper textarea, body.m-theme__light
.m-formWrapper select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper select {
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink),
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink), body.m-theme__dark
.m-formWrapper .m-phoneInput__wrapper,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper .m-phoneInput__wrapper, body.m-theme__dark
.m-formWrapper textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper textarea, body.m-theme__dark
.m-formWrapper select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper select {
border: 1px solid #414c57; }
body.m-theme__light .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink):focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink):focus:not(:-moz-read-only), body.m-theme__light
.m-formWrapper .m-phoneInput__wrapper:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper .m-phoneInput__wrapper:focus:not(:-moz-read-only), body.m-theme__light
.m-formWrapper textarea:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper textarea:focus:not(:-moz-read-only), body.m-theme__light
.m-formWrapper select:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper select:focus:not(:-moz-read-only) {
border-color: #1b85d6; }
body.m-theme__light .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink):focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink):focus:not(:read-only), body.m-theme__light
.m-formWrapper .m-phoneInput__wrapper:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper .m-phoneInput__wrapper:focus:not(:read-only), body.m-theme__light
.m-formWrapper textarea:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper textarea:focus:not(:read-only), body.m-theme__light
.m-formWrapper select:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper select:focus:not(:read-only) {
border-color: #1b85d6; }
body.m-theme__dark .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink):focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink):focus:not(:-moz-read-only), body.m-theme__dark
.m-formWrapper .m-phoneInput__wrapper:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper .m-phoneInput__wrapper:focus:not(:-moz-read-only), body.m-theme__dark
.m-formWrapper textarea:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper textarea:focus:not(:-moz-read-only), body.m-theme__dark
.m-formWrapper select:focus:not(:-moz-read-only), body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper select:focus:not(:-moz-read-only) {
border-color: #1b85d6; }
body.m-theme__dark .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink):focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink):focus:not(:read-only), body.m-theme__dark
.m-formWrapper .m-phoneInput__wrapper:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper .m-phoneInput__wrapper:focus:not(:read-only), body.m-theme__dark
.m-formWrapper textarea:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper textarea:focus:not(:read-only), body.m-theme__dark
.m-formWrapper select:focus:not(:read-only),
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper select:focus:not(:read-only) {
border-color: #1b85d6; }
.m-formWrapper input[type='text'],
.m-formWrapper input[type='time'],
.m-formWrapper input[type='email'],
.m-formWrapper input[type='password'],
.m-formWrapper input[type='number'],
.m-formWrapper textarea,
.m-formWrapper select {
font-size: 15px;
line-height: 20px;
font-weight: 400;
width: 0;
min-width: 0;
padding: 10px 15px;
transition: border-color 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
body.m-theme__light .m-formWrapper input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper input[type='text'], body.m-theme__light
.m-formWrapper input[type='time'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='time'], body.m-theme__light
.m-formWrapper input[type='email'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='email'], body.m-theme__light
.m-formWrapper input[type='password'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='password'], body.m-theme__light
.m-formWrapper input[type='number'],
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='number'], body.m-theme__light
.m-formWrapper textarea,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper textarea, body.m-theme__light
.m-formWrapper select,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper select {
color: #43434d !important;
background-color: #ffffff !important; }
body.m-theme__dark .m-formWrapper input[type='text'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper input[type='text'], body.m-theme__dark
.m-formWrapper input[type='time'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='time'], body.m-theme__dark
.m-formWrapper input[type='email'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='email'], body.m-theme__dark
.m-formWrapper input[type='password'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='password'], body.m-theme__dark
.m-formWrapper input[type='number'],
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='number'], body.m-theme__dark
.m-formWrapper textarea,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper textarea, body.m-theme__dark
.m-formWrapper select,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper select {
color: #ffffff !important;
background-color: #242a30 !important; }
body.m-theme__light .m-formWrapper input[type='text']::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper input[type='text']::-moz-placeholder, body.m-theme__light
.m-formWrapper input[type='time']::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='time']::-moz-placeholder, body.m-theme__light
.m-formWrapper input[type='email']::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='email']::-moz-placeholder, body.m-theme__light
.m-formWrapper input[type='password']::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='password']::-moz-placeholder, body.m-theme__light
.m-formWrapper input[type='number']::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='number']::-moz-placeholder, body.m-theme__light
.m-formWrapper textarea::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper textarea::-moz-placeholder, body.m-theme__light
.m-formWrapper select::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper select::-moz-placeholder {
color: #72727c; }
body.m-theme__light .m-formWrapper input[type='text']:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper input[type='text']:-ms-input-placeholder, body.m-theme__light
.m-formWrapper input[type='time']:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='time']:-ms-input-placeholder, body.m-theme__light
.m-formWrapper input[type='email']:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='email']:-ms-input-placeholder, body.m-theme__light
.m-formWrapper input[type='password']:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='password']:-ms-input-placeholder, body.m-theme__light
.m-formWrapper input[type='number']:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='number']:-ms-input-placeholder, body.m-theme__light
.m-formWrapper textarea:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper textarea:-ms-input-placeholder, body.m-theme__light
.m-formWrapper select:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper select:-ms-input-placeholder {
color: #72727c; }
body.m-theme__light .m-formWrapper input[type='text']::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper input[type='text']::placeholder, body.m-theme__light
.m-formWrapper input[type='time']::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='time']::placeholder, body.m-theme__light
.m-formWrapper input[type='email']::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='email']::placeholder, body.m-theme__light
.m-formWrapper input[type='password']::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='password']::placeholder, body.m-theme__light
.m-formWrapper input[type='number']::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper input[type='number']::placeholder, body.m-theme__light
.m-formWrapper textarea::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper textarea::placeholder, body.m-theme__light
.m-formWrapper select::placeholder,
body .m-theme--wrapper.m-theme--wrapper__light
.m-formWrapper select::placeholder {
color: #72727c; }
body.m-theme__dark .m-formWrapper input[type='text']::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper input[type='text']::-moz-placeholder, body.m-theme__dark
.m-formWrapper input[type='time']::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='time']::-moz-placeholder, body.m-theme__dark
.m-formWrapper input[type='email']::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='email']::-moz-placeholder, body.m-theme__dark
.m-formWrapper input[type='password']::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='password']::-moz-placeholder, body.m-theme__dark
.m-formWrapper input[type='number']::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='number']::-moz-placeholder, body.m-theme__dark
.m-formWrapper textarea::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper textarea::-moz-placeholder, body.m-theme__dark
.m-formWrapper select::-moz-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper select::-moz-placeholder {
color: #b8c1ca; }
body.m-theme__dark .m-formWrapper input[type='text']:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper input[type='text']:-ms-input-placeholder, body.m-theme__dark
.m-formWrapper input[type='time']:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='time']:-ms-input-placeholder, body.m-theme__dark
.m-formWrapper input[type='email']:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='email']:-ms-input-placeholder, body.m-theme__dark
.m-formWrapper input[type='password']:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='password']:-ms-input-placeholder, body.m-theme__dark
.m-formWrapper input[type='number']:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='number']:-ms-input-placeholder, body.m-theme__dark
.m-formWrapper textarea:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper textarea:-ms-input-placeholder, body.m-theme__dark
.m-formWrapper select:-ms-input-placeholder, body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper select:-ms-input-placeholder {
color: #b8c1ca; }
body.m-theme__dark .m-formWrapper input[type='text']::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper input[type='text']::placeholder, body.m-theme__dark
.m-formWrapper input[type='time']::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='time']::placeholder, body.m-theme__dark
.m-formWrapper input[type='email']::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='email']::placeholder, body.m-theme__dark
.m-formWrapper input[type='password']::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='password']::placeholder, body.m-theme__dark
.m-formWrapper input[type='number']::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper input[type='number']::placeholder, body.m-theme__dark
.m-formWrapper textarea::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper textarea::placeholder, body.m-theme__dark
.m-formWrapper select::placeholder,
body .m-theme--wrapper.m-theme--wrapper__dark
.m-formWrapper select::placeholder {
color: #b8c1ca; }
.m-formWrapper .m-form__row--validation {
margin-top: 3px;
min-height: 22px; }
body.m-theme__light .m-formWrapper .m-form__row--validation,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__row--validation {
color: #e03c20; }
body.m-theme__dark .m-formWrapper .m-form__row--validation,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__row--validation {
color: #e03c20; }
.m-formWrapper .m-form__row--validation p {
font-size: 14px;
line-height: 19px;
margin: 0;
font-weight: 300; }
body.m-theme__light .m-formWrapper .m-form__row--validation p,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper .m-form__row--validation p {
color: #e03c20; }
body.m-theme__dark .m-formWrapper .m-form__row--validation p,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper .m-form__row--validation p {
color: #e03c20; }
.m-formWrapper [class*='m-form__customInputWrapper'] {
display: block;
box-sizing: border-box;
position: relative;
padding-left: 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.m-formWrapper [class*='m-form__customInputWrapper']:not(.readonly) {
cursor: pointer; }
.m-formWrapper [class*='m-form__customInputWrapper'][class*='__radio'] {
margin: 0 20px 10px 0;
padding-left: 40px; }
body.m-theme__light .m-formWrapper [class*='m-form__customInputWrapper'][class*='disabled'],
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper [class*='m-form__customInputWrapper'][class*='disabled'] {
color: rgba(155, 155, 155, 0.8); }
body.m-theme__dark .m-formWrapper [class*='m-form__customInputWrapper'][class*='disabled'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper [class*='m-form__customInputWrapper'][class*='disabled'] {
color: rgba(121, 123, 130, 0.8); }
body.m-theme__light .m-formWrapper [class*='m-form__customInputWrapper'][class*='disabled'] .m-form__customInput__radio:after,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper [class*='m-form__customInputWrapper'][class*='disabled'] .m-form__customInput__radio:after {
border-color: rgba(155, 155, 155, 0.6) !important; }
body.m-theme__dark .m-formWrapper [class*='m-form__customInputWrapper'][class*='disabled'] .m-form__customInput__radio:after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper [class*='m-form__customInputWrapper'][class*='disabled'] .m-form__customInput__radio:after {
border-color: rgba(121, 123, 130, 0.6) !important; }
.m-formWrapper [class*='m-form__customInputWrapper'] input {
position: absolute;
opacity: 0;
height: 0;
width: 0; }
body.m-theme__light .m-formWrapper [class*='m-form__customInputWrapper'] input:checked ~ [class*='m-form__customInput'][class*='__checkbox'],
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper [class*='m-form__customInputWrapper'] input:checked ~ [class*='m-form__customInput'][class*='__checkbox'] {
background-color: #4690df; }
body.m-theme__dark .m-formWrapper [class*='m-form__customInputWrapper'] input:checked ~ [class*='m-form__customInput'][class*='__checkbox'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper [class*='m-form__customInputWrapper'] input:checked ~ [class*='m-form__customInput'][class*='__checkbox'] {
background-color: #44aaff; }
.m-formWrapper [class*='m-form__customInputWrapper'] input:checked ~ [class*='m-form__customInput']:after {
display: block; }
.m-formWrapper [class*='m-form__customInputWrapper'] input:not(:-moz-read-only):not(:-moz-read-only) {
cursor: pointer; }
.m-formWrapper [class*='m-form__customInputWrapper'] input:not(:read-only):not(:-moz-read-only) {
cursor: pointer; }
.m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'] {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
transition: all 0.3s ease; }
body.m-theme__light .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'],
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'] {
background-color: #ffffff;
border: 1px solid #d3dbe3; }
body.m-theme__dark .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'] {
background-color: #242a30;
border: 1px solid #414c57; }
.m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__checkbox'] {
border-radius: 2px; }
body.m-theme__light .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__checkbox'],
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__checkbox'] {
background-color: #ffffff; }
body.m-theme__dark .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__checkbox'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__checkbox'] {
background-color: #242a30; }
.m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__checkbox']:after {
left: 7px;
top: 2px;
width: 5px;
height: 12px; }
body.m-theme__light .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__checkbox']:after,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__checkbox']:after {
border: 1px solid #fff;
border-top: none;
border-left: none; }
body.m-theme__dark .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__checkbox']:after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__checkbox']:after {
border: 1px solid #202527;
border-top: none;
border-left: none; }
.m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__radio'] {
border-radius: 50%; }
body.m-theme__light .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__radio'],
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__radio'] {
background-color: #d3dbe3; }
body.m-theme__dark .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__radio'],
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__radio'] {
background-color: #414c57; }
.m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__radio']:after {
border-radius: 50%;
left: 3px;
top: 3px;
width: 0px;
height: 0px; }
body.m-theme__light .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__radio']:after,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__radio']:after {
border: 7px solid #4690df; }
body.m-theme__dark .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__radio']:after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput'][class*='__radio']:after {
border: 7px solid #44aaff; }
.m-formWrapper [class*='m-form__customInputWrapper'] [class*='m-form__customInput']:after {
content: '';
position: absolute;
display: none;
transform: rotate(45deg); }
.m-formWrapper .m-form__buttonsContainer {
display: flex;
flex-flow: row wrap-reverse; }
@media screen and (max-width: 480px) {
.m-formWrapper .m-form__buttonsContainer {
width: 100%; } }
.m-formWrapper .m-form__buttonsContainer m-button {
margin: 8px 0 0 18px; }
.m-formWrapper .m-form__buttonsContainer m-button:first-child {
margin-left: 0px; }
@media screen and (max-width: 480px) {
.m-formWrapper .m-form__buttonsContainer m-button {
width: 100%;
margin: 8px 0 0 0; }
.m-formWrapper .m-form__buttonsContainer m-button .m-button {
width: 100%; } }
.m-formWrapper m-tooltip {
margin-left: 10px; }
.m-formWrapper m-tooltip .m-tooltip {
margin: 0; }
body.m-theme__light .m-formWrapper m-tooltip .m-tooltip > span,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper m-tooltip .m-tooltip > span {
color: #9b9b9b; }
body.m-theme__dark .m-formWrapper m-tooltip .m-tooltip > span,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper m-tooltip .m-tooltip > span {
color: #797b82; }
.m-formWrapper m-tooltip .m-tooltip--bubble {
bottom: 18px;
margin-left: 12px;
font-weight: 300;
letter-spacing: 1px; }
.m-formWrapper m-phoneInput {
margin-bottom: 0; }
.m-formWrapper m-phoneInput .m-phoneInput__wrapper {
width: 100%;
min-width: 240px; }
.m-formWrapper m-phoneInput .m-phoneInput__dialCode {
font-weight: 300; }
.m-formWrapper m-phoneInput .m-phoneInput__input {
font-size: 15px;
line-height: 20px; }
body.m-theme__light .m-formWrapper m-phoneInput .m-phoneInput__input,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper m-phoneInput .m-phoneInput__input {
color: #43434d; }
body.m-theme__dark .m-formWrapper m-phoneInput .m-phoneInput__input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper m-phoneInput .m-phoneInput__input {
color: #ffffff; }
.m-formWrapper m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(1) {
min-width: 136px; }
@media screen and (max-width: 480px) {
.m-formWrapper m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(1) {
min-width: 126px; } }
.m-formWrapper m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(2) {
min-width: 69px; }
@media screen and (max-width: 480px) {
.m-formWrapper m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(2) {
min-width: 59px; } }
.m-formWrapper m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(3) {
min-width: 94px; }
@media screen and (max-width: 480px) {
.m-formWrapper m-date__dropdowns .m-dateDropdowns__selectWrapper:nth-child(3) {
min-width: 84px; } }
.m-formWrapper m-date__dropdowns .m-dateDropdowns__selectWrapper::after {
margin: 3px 2px 0 0; }
body.m-theme__light .m-formWrapper m-date__dropdowns .m-dateDropdowns__selectWrapper::after,
body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper m-date__dropdowns .m-dateDropdowns__selectWrapper::after {
color: #9b9b9b; }
body.m-theme__dark .m-formWrapper m-date__dropdowns .m-dateDropdowns__selectWrapper::after,
body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper m-date__dropdowns .m-dateDropdowns__selectWrapper::after {
color: #797b82; }
.m-h1-input {
font-size: 56px;
border: 0;
background: none;
height: 72px;
font-weight: 400; }
.m-input {
background: none;
font-weight: 400;
padding: 12px;
font-size: 14px;
width: 100%; }
body.m-theme__light .m-input,
body .m-theme--wrapper.m-theme--wrapper__light .m-input {
border: 1px solid #d3dbe3;
background-color: #ffffff !important;
color: rgba(67, 67, 77, 0.87) !important; }
body.m-theme__dark .m-input,
body .m-theme--wrapper.m-theme--wrapper__dark .m-input {
border: 1px solid #414c57;
background-color: #242a30 !important;
color: rgba(255, 255, 255, 0.87) !important; }
.m-form-select,
select.m-form-select {
width: auto;
flex: 1;
padding: 8px;
border-radius: 0;
background-color: transparent;
border: 0;
cursor: pointer; }
input[type='number'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield; }
/**
* Padding, Margins and Offset
*/
.m-mature-text {
filter: blur(0.5em); }
.m-mature-overlay {
display: none; }
.m-mature-text-toggle {
cursor: pointer; }
.m-mature-message {
white-space: inherit !important; }
.m-mature-message .m-mature-message-content {
white-space: pre-line;
word-wrap: break-word; }
.m-mature-thumbnail {
filter: blur(15px) grayscale(100%);
overflow: hidden;
transform: translate3d(0, 0, 0) scale(1.001); }
.m-mature-thumbnail-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 145px;
transform-style: preserve-3d;
pointer-events: none; }
.m-mature-thumbnail-overlay > i.material-icons {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 4em; }
body.m-theme__light .m-mature-thumbnail-overlay > i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light .m-mature-thumbnail-overlay > i.material-icons {
color: #fff; }
body.m-theme__dark .m-mature-thumbnail-overlay > i.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mature-thumbnail-overlay > i.material-icons {
color: #202527; }
.m-mature-content {
position: relative;
overflow: hidden;
transform: translate3d(0, 0, 0) scale(1.001); }
.m-mature-content .m-mature-overlay {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
z-index: 1;
cursor: pointer; }
body.m-theme__light .m-mature-content .m-mature-overlay,
body .m-theme--wrapper.m-theme--wrapper__light .m-mature-content .m-mature-overlay {
background-color: #555; }
body.m-theme__dark .m-mature-content .m-mature-overlay,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mature-content .m-mature-overlay {
background-color: #a6a6a6; }
.m-mature-content .m-mature-overlay .m-mature-overlay-note {
display: block;
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%); }
body.m-theme__light .m-mature-content .m-mature-overlay .m-mature-overlay-note,
body .m-theme--wrapper.m-theme--wrapper__light .m-mature-content .m-mature-overlay .m-mature-overlay-note {
color: #fff; }
body.m-theme__dark .m-mature-content .m-mature-overlay .m-mature-overlay-note,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mature-content .m-mature-overlay .m-mature-overlay-note {
color: #202527; }
.m-mature-content .m-mature-overlay .m-mature-overlay-note > span {
font-weight: 400;
font-size: 0.85em; }
.m-mature-content .m-mature-overlay .m-mature-overlay-note > span:before {
content: '\a';
white-space: pre; }
.m-mature-content .m-mature-overlay .m-mature-overlay-note > i {
font-size: 6em; }
.m-mature-content .m-mature-overlay .m-mature-overlay-note-smaller > span {
font-weight: 400;
font-size: 0.65em; }
.m-mature-content .m-mature-overlay .m-mature-overlay-note-smaller > span:before {
content: '\a';
white-space: pre; }
.m-mature-content .m-mature-overlay .m-mature-overlay-note-smaller > i {
font-size: 3em; }
.m-mature-content img,
.m-mature-content video {
filter: blur(15px) grayscale(100%); }
.m-mature-content .meta {
filter: blur(0.5em); }
.m-mature-content-shown {
position: relative; }
.m-mature-content-shown .m-mature-overlay {
display: block;
position: absolute;
top: 8px;
right: 8px;
border-radius: 3px;
text-align: center;
z-index: 1;
cursor: pointer; }
body.m-theme__light .m-mature-content-shown .m-mature-overlay,
body .m-theme--wrapper.m-theme--wrapper__light .m-mature-content-shown .m-mature-overlay {
background-color: rgba(255, 255, 255, 0.65); }
body.m-theme__dark .m-mature-content-shown .m-mature-overlay,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mature-content-shown .m-mature-overlay {
background-color: rgba(32, 37, 39, 0.65); }
.m-mature-content-shown .m-mature-overlay .m-mature-overlay-note {
display: block;
text-align: center;
position: relative; }
body.m-theme__light .m-mature-content-shown .m-mature-overlay .m-mature-overlay-note,
body .m-theme--wrapper.m-theme--wrapper__light .m-mature-content-shown .m-mature-overlay .m-mature-overlay-note {
color: #e03c20; }
body.m-theme__dark .m-mature-content-shown .m-mature-overlay .m-mature-overlay-note,
body .m-theme--wrapper.m-theme--wrapper__dark .m-mature-content-shown .m-mature-overlay .m-mature-overlay-note {
color: #e35036; }
.m-mature-content-shown .m-mature-overlay .m-mature-overlay-note > span {
display: none; }
.m-mature-content-shown .m-mature-overlay .m-mature-overlay-note > i {
font-size: 2em; }
/**
* Padding, Margins and Offset
*/
.m-search-inline input {
padding: 12px;
font-size: 14px;
width: 100%; }
.m-search-inline .m-helper {
font-size: 11px;
padding: 8px 0;
margin: 0; }
.m-search-inline .m-search-inline-list {
padding: 0;
margin-bottom: 16px;
width: 100%;
box-sizing: border-box; }
.m-search-inline .m-search-inline-item {
padding: 8px 16px;
cursor: pointer; }
body.m-theme__light .m-search-inline .m-search-inline-item:hover,
body .m-theme--wrapper.m-theme--wrapper__light .m-search-inline .m-search-inline-item:hover {
background-color: #ffffff; }
body.m-theme__dark .m-search-inline .m-search-inline-item:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .m-search-inline .m-search-inline-item:hover {
background-color: #242a30; }
/**
* Padding, Margins and Offset
*/
/**
* Override the basic layout
*/
.material-icons {
text-rendering: optimizeLegibility;
text-transform: none !important; }
.material-icons.m-material-icons-inline {
vertical-align: bottom;
font-size: 1.4em; }
.material-icons.m-material-icons-inline-text {
vertical-align: bottom;
font-size: 1.4em;
position: relative;
top: -0.15em; }
.mdl-progress {
width: 100%; }
body.m-theme__light .mdl-js-progress.failed .progressbar,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-js-progress.failed .progressbar {
background-color: #e03c20 !important; }
body.m-theme__dark .mdl-js-progress.failed .progressbar,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-js-progress.failed .progressbar {
background-color: #e35036 !important; }
body.m-theme__light .mdl-js-progress.complete .progressbar,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-js-progress.complete .progressbar {
background-color: #4caf50 !important; }
body.m-theme__dark .mdl-js-progress.complete .progressbar,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-js-progress.complete .progressbar {
background-color: #5cb860 !important; }
.mdl-card {
z-index: initial; }
body.m-theme__light .mdl-card,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-card {
background-color: #ffffff; }
body.m-theme__dark .mdl-card,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-card {
background-color: #242a30; }
.mdl-card .mdl-card__supporting-text {
-webkit-font-smoothing: antialiased; }
.mdl-card:not(.mdl-cell) {
width: auto;
min-height: 0; }
body.m-theme__light a,
body .m-theme--wrapper.m-theme--wrapper__light a {
color: #455a64; }
body.m-theme__dark a,
body .m-theme--wrapper.m-theme--wrapper__dark a {
color: #9fb0b9; }
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; }
img {
text-indent: -9999px; }
body.m-theme__light input,
body .m-theme--wrapper.m-theme--wrapper__light input, body.m-theme__light
input:-internal-autofill-previewed,
body .m-theme--wrapper.m-theme--wrapper__light
input:-internal-autofill-previewed, body.m-theme__light
input:-internal-autofill-selected,
body .m-theme--wrapper.m-theme--wrapper__light
input:-internal-autofill-selected, body.m-theme__light
textarea:-internal-autofill-previewed,
body .m-theme--wrapper.m-theme--wrapper__light
textarea:-internal-autofill-previewed, body.m-theme__light
textarea:-internal-autofill-selected,
body .m-theme--wrapper.m-theme--wrapper__light
textarea:-internal-autofill-selected, body.m-theme__light
select:-internal-autofill-previewed,
body .m-theme--wrapper.m-theme--wrapper__light
select:-internal-autofill-previewed, body.m-theme__light
select:-internal-autofill-selected,
body .m-theme--wrapper.m-theme--wrapper__light
select:-internal-autofill-selected {
background-color: #ffffff;
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark input,
body .m-theme--wrapper.m-theme--wrapper__dark input, body.m-theme__dark
input:-internal-autofill-previewed,
body .m-theme--wrapper.m-theme--wrapper__dark
input:-internal-autofill-previewed, body.m-theme__dark
input:-internal-autofill-selected,
body .m-theme--wrapper.m-theme--wrapper__dark
input:-internal-autofill-selected, body.m-theme__dark
textarea:-internal-autofill-previewed,
body .m-theme--wrapper.m-theme--wrapper__dark
textarea:-internal-autofill-previewed, body.m-theme__dark
textarea:-internal-autofill-selected,
body .m-theme--wrapper.m-theme--wrapper__dark
textarea:-internal-autofill-selected, body.m-theme__dark
select:-internal-autofill-previewed,
body .m-theme--wrapper.m-theme--wrapper__dark
select:-internal-autofill-previewed, body.m-theme__dark
select:-internal-autofill-selected,
body .m-theme--wrapper.m-theme--wrapper__dark
select:-internal-autofill-selected {
background-color: #242a30;
color: rgba(255, 255, 255, 0.87); }
body.m-theme__light .mdl-data-table,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table {
background-color: #ffffff;
border: 1px solid rgba(211, 219, 227, 0.12); }
body.m-theme__dark .mdl-data-table,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table {
background-color: #242a30;
border: 1px solid rgba(65, 76, 87, 0.12); }
body.m-theme__light .mdl-data-table tbody tr.is-selected,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table tbody tr.is-selected {
background-color: #e8e8e8; }
body.m-theme__dark .mdl-data-table tbody tr.is-selected,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table tbody tr.is-selected {
background-color: #2f2f2f; }
body.m-theme__light .mdl-data-table tbody tr:hover,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table tbody tr:hover {
background-color: rgba(255, 255, 255, 0.9); }
body.m-theme__dark .mdl-data-table tbody tr:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table tbody tr:hover {
background-color: rgba(32, 37, 39, 0.9); }
body.m-theme__light .mdl-data-table td,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table td {
border-top: 1px solid rgba(0, 0, 0, 0.12);
border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-data-table td,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table td {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-data-table th,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table th {
color: rgba(0, 0, 0, 0.54); }
body.m-theme__dark .mdl-data-table th,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table th {
color: rgba(255, 255, 255, 0.54); }
body.m-theme__light .mdl-data-table th.mdl-data-table__header--sorted-ascending,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table th.mdl-data-table__header--sorted-ascending, body.m-theme__light
.mdl-data-table th.mdl-data-table__header--sorted-descending,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-data-table th.mdl-data-table__header--sorted-descending {
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark .mdl-data-table th.mdl-data-table__header--sorted-ascending,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table th.mdl-data-table__header--sorted-ascending, body.m-theme__dark
.mdl-data-table th.mdl-data-table__header--sorted-descending,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-data-table th.mdl-data-table__header--sorted-descending {
color: rgba(255, 255, 255, 0.87); }
body.m-theme__light .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, body.m-theme__light
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, body.m-theme__dark
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
color: rgba(255, 255, 255, 0.26); }
body.m-theme__light hr,
body .m-theme--wrapper.m-theme--wrapper__light hr {
border-top: 1px solid #d3dbe3; }
body.m-theme__dark hr,
body .m-theme--wrapper.m-theme--wrapper__dark hr {
border-top: 1px solid #414c57; }
body.m-theme__light .mdl-button,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button {
color: #000; }
body.m-theme__dark .mdl-button,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button {
color: #fff; }
body.m-theme__light .mdl-button:hover,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button:hover {
background-color: rgba(153, 153, 153, 0.2); }
body.m-theme__dark .mdl-button:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button:hover {
background-color: rgba(98, 98, 98, 0.2); }
body.m-theme__light .mdl-button:focus:not(:active),
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button:focus:not(:active) {
background-color: rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-button:focus:not(:active),
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button:focus:not(:active) {
background-color: rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-button:active,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button:active {
background-color: rgba(153, 153, 153, 0.4); }
body.m-theme__dark .mdl-button:active,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button:active {
background-color: rgba(98, 98, 98, 0.4); }
body.m-theme__light .mdl-button.mdl-button--colored,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button.mdl-button--colored {
color: #607d8b; }
body.m-theme__dark .mdl-button.mdl-button--colored,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button.mdl-button--colored {
color: #6b8a99; }
body.m-theme__light .mdl-button.mdl-button--colored:focus:not(:active),
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button.mdl-button--colored:focus:not(:active) {
background-color: rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-button.mdl-button--colored:focus:not(:active),
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button.mdl-button--colored:focus:not(:active) {
background-color: rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-button--raised,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--raised {
background-color: rgba(153, 153, 153, 0.2);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-button--raised,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--raised {
background-color: rgba(98, 98, 98, 0.2);
box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-button--raised:active,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--raised:active {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
background-color: rgba(153, 153, 153, 0.4); }
body.m-theme__dark .mdl-button--raised:active,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--raised:active {
box-shadow: 0 4px 5px 0 rgba(255, 255, 255, 0.14), 0 1px 10px 0 rgba(255, 255, 255, 0.12), 0 2px 4px -1px rgba(255, 255, 255, 0.2);
background-color: rgba(98, 98, 98, 0.4); }
body.m-theme__light .mdl-button--raised:focus:not(:active),
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--raised:focus:not(:active) {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
background-color: rgba(153, 153, 153, 0.4); }
body.m-theme__dark .mdl-button--raised:focus:not(:active),
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--raised:focus:not(:active) {
box-shadow: 0 0 8px rgba(255, 255, 255, 0.18), 0 8px 16px rgba(255, 255, 255, 0.36);
background-color: rgba(98, 98, 98, 0.4); }
body.m-theme__light .mdl-button--raised.mdl-button--colored,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--raised.mdl-button--colored {
background-color: #607d8b;
color: #fff; }
body.m-theme__dark .mdl-button--raised.mdl-button--colored,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--raised.mdl-button--colored {
background-color: #6b8a99;
color: #202527; }
body.m-theme__light .mdl-button--raised.mdl-button--colored:hover,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--raised.mdl-button--colored:hover {
background-color: #607d8b; }
body.m-theme__dark .mdl-button--raised.mdl-button--colored:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--raised.mdl-button--colored:hover {
background-color: #6b8a99; }
body.m-theme__light .mdl-button--raised.mdl-button--colored:active,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--raised.mdl-button--colored:active {
background-color: #607d8b; }
body.m-theme__dark .mdl-button--raised.mdl-button--colored:active,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--raised.mdl-button--colored:active {
background-color: #6b8a99; }
body.m-theme__light .mdl-button--raised.mdl-button--colored:focus:not(:active),
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--raised.mdl-button--colored:focus:not(:active) {
background-color: #607d8b; }
body.m-theme__dark .mdl-button--raised.mdl-button--colored:focus:not(:active),
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--raised.mdl-button--colored:focus:not(:active) {
background-color: #6b8a99; }
body.m-theme__light .mdl-button--raised.mdl-button--colored .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--raised.mdl-button--colored .mdl-ripple {
background-color: #ffffff; }
body.m-theme__dark .mdl-button--raised.mdl-button--colored .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--raised.mdl-button--colored .mdl-ripple {
background-color: #242a30; }
body.m-theme__light .mdl-button--fab,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--fab {
background-color: rgba(153, 153, 153, 0.2);
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); }
body.m-theme__dark .mdl-button--fab,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--fab {
background-color: rgba(98, 98, 98, 0.2);
box-shadow: 0 1px 1.5px 0 rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(255, 255, 255, 0.24); }
body.m-theme__light .mdl-button--fab .mdl-button__ripple-container,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--fab .mdl-button__ripple-container {
-webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000); }
body.m-theme__dark .mdl-button--fab .mdl-button__ripple-container,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--fab .mdl-button__ripple-container {
-webkit-mask-image: -webkit-radial-gradient(circle, #202527, #fff); }
body.m-theme__light .mdl-button--fab:active,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--fab:active {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
background-color: rgba(153, 153, 153, 0.4); }
body.m-theme__dark .mdl-button--fab:active,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--fab:active {
box-shadow: 0 4px 5px 0 rgba(255, 255, 255, 0.14), 0 1px 10px 0 rgba(255, 255, 255, 0.12), 0 2px 4px -1px rgba(255, 255, 255, 0.2);
background-color: rgba(98, 98, 98, 0.4); }
body.m-theme__light .mdl-button--fab:focus:not(:active),
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--fab:focus:not(:active) {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
background-color: rgba(153, 153, 153, 0.4); }
body.m-theme__dark .mdl-button--fab:focus:not(:active),
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--fab:focus:not(:active) {
box-shadow: 0 0 8px rgba(255, 255, 255, 0.18), 0 8px 16px rgba(255, 255, 255, 0.36);
background-color: rgba(98, 98, 98, 0.4); }
body.m-theme__light .mdl-button--fab.mdl-button--colored,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--fab.mdl-button--colored {
background-color: #ffc108;
color: #444; }
body.m-theme__dark .mdl-button--fab.mdl-button--colored,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--fab.mdl-button--colored {
background-color: #ffc722;
color: #b7b7b7; }
body.m-theme__light .mdl-button--fab.mdl-button--colored:hover,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--fab.mdl-button--colored:hover {
background-color: #ffc108; }
body.m-theme__dark .mdl-button--fab.mdl-button--colored:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--fab.mdl-button--colored:hover {
background-color: #ffc722; }
body.m-theme__light .mdl-button--fab.mdl-button--colored:focus:not(:active),
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--fab.mdl-button--colored:focus:not(:active) {
background-color: #ffc108; }
body.m-theme__dark .mdl-button--fab.mdl-button--colored:focus:not(:active),
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--fab.mdl-button--colored:focus:not(:active) {
background-color: #ffc722; }
body.m-theme__light .mdl-button--fab.mdl-button--colored:active,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--fab.mdl-button--colored:active {
background-color: #ffc108; }
body.m-theme__dark .mdl-button--fab.mdl-button--colored:active,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--fab.mdl-button--colored:active {
background-color: #ffc722; }
body.m-theme__light .mdl-button--fab.mdl-button--colored .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--fab.mdl-button--colored .mdl-ripple {
background-color: #444; }
body.m-theme__dark .mdl-button--fab.mdl-button--colored .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--fab.mdl-button--colored .mdl-ripple {
background-color: #b7b7b7; }
body.m-theme__light .mdl-button--icon .mdl-button__ripple-container,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--icon .mdl-button__ripple-container {
-webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000); }
body.m-theme__dark .mdl-button--icon .mdl-button__ripple-container,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--icon .mdl-button__ripple-container {
-webkit-mask-image: -webkit-radial-gradient(circle, #202527, #fff); }
body.m-theme__light .mdl-button--primary.mdl-button--primary,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--primary.mdl-button--primary {
color: #607d8b; }
body.m-theme__dark .mdl-button--primary.mdl-button--primary,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--primary.mdl-button--primary {
color: #6b8a99; }
body.m-theme__light .mdl-button--primary.mdl-button--primary .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--primary.mdl-button--primary .mdl-ripple {
background-color: #ffffff; }
body.m-theme__dark .mdl-button--primary.mdl-button--primary .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--primary.mdl-button--primary .mdl-ripple {
background-color: #242a30; }
body.m-theme__light .mdl-button--primary.mdl-button--primary.mdl-button--raised,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--primary.mdl-button--primary.mdl-button--raised, body.m-theme__light
.mdl-button--primary.mdl-button--primary.mdl-button--fab,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-button--primary.mdl-button--primary.mdl-button--fab {
color: #fff;
background-color: #607d8b; }
body.m-theme__dark .mdl-button--primary.mdl-button--primary.mdl-button--raised,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--primary.mdl-button--primary.mdl-button--raised, body.m-theme__dark
.mdl-button--primary.mdl-button--primary.mdl-button--fab,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-button--primary.mdl-button--primary.mdl-button--fab {
color: #202527;
background-color: #6b8a99; }
body.m-theme__light .mdl-button--accent.mdl-button--accent,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--accent.mdl-button--accent {
color: #ffc108; }
body.m-theme__dark .mdl-button--accent.mdl-button--accent,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--accent.mdl-button--accent {
color: #ffc722; }
body.m-theme__light .mdl-button--accent.mdl-button--accent .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--accent.mdl-button--accent .mdl-ripple {
background-color: #444; }
body.m-theme__dark .mdl-button--accent.mdl-button--accent .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--accent.mdl-button--accent .mdl-ripple {
background-color: #b7b7b7; }
body.m-theme__light .mdl-button--accent.mdl-button--accent.mdl-button--raised,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--accent.mdl-button--accent.mdl-button--raised, body.m-theme__light
.mdl-button--accent.mdl-button--accent.mdl-button--fab,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-button--accent.mdl-button--accent.mdl-button--fab {
color: #444;
background-color: #ffc108; }
body.m-theme__dark .mdl-button--accent.mdl-button--accent.mdl-button--raised,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--accent.mdl-button--accent.mdl-button--raised, body.m-theme__dark
.mdl-button--accent.mdl-button--accent.mdl-button--fab,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-button--accent.mdl-button--accent.mdl-button--fab {
color: #b7b7b7;
background-color: #ffc722; }
body.m-theme__light .mdl-button[disabled][disabled],
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button[disabled][disabled], body.m-theme__light
.mdl-button.mdl-button--disabled.mdl-button--disabled,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-button.mdl-button--disabled.mdl-button--disabled {
color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-button[disabled][disabled],
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button[disabled][disabled], body.m-theme__dark
.mdl-button.mdl-button--disabled.mdl-button--disabled,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-button.mdl-button--disabled.mdl-button--disabled {
color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-button--fab[disabled][disabled],
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--fab[disabled][disabled], body.m-theme__light
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-button--fab[disabled][disabled],
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--fab[disabled][disabled], body.m-theme__dark
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-button--raised[disabled][disabled],
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--raised[disabled][disabled], body.m-theme__light
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-button--raised[disabled][disabled],
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--raised[disabled][disabled], body.m-theme__dark
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-button--colored[disabled][disabled],
body .m-theme--wrapper.m-theme--wrapper__light .mdl-button--colored[disabled][disabled], body.m-theme__light
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-button--colored[disabled][disabled],
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-button--colored[disabled][disabled], body.m-theme__dark
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-card__media,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-card__media {
background-color: #ffc108; }
body.m-theme__dark .mdl-card__media,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-card__media {
background-color: #ffc722; }
body.m-theme__light .mdl-card__title,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-card__title {
color: #000; }
body.m-theme__dark .mdl-card__title,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-card__title {
color: #fff; }
body.m-theme__light .mdl-card__title.mdl-card--border,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-card__title.mdl-card--border {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
body.m-theme__dark .mdl-card__title.mdl-card--border,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-card__title.mdl-card--border {
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
body.m-theme__light .mdl-card__subtitle-text,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-card__subtitle-text {
color: rgba(0, 0, 0, 0.54); }
body.m-theme__dark .mdl-card__subtitle-text,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-card__subtitle-text {
color: rgba(255, 255, 255, 0.54); }
body.m-theme__light .mdl-card__supporting-text,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-card__supporting-text {
color: rgba(0, 0, 0, 0.54); }
body.m-theme__dark .mdl-card__supporting-text,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-card__supporting-text {
color: rgba(255, 255, 255, 0.54); }
body.m-theme__light .mdl-card__supporting-text.mdl-card--border,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-card__supporting-text.mdl-card--border {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
body.m-theme__dark .mdl-card__supporting-text.mdl-card--border,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-card__supporting-text.mdl-card--border {
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
body.m-theme__light .mdl-checkbox__box-outline,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-checkbox__box-outline {
border: 2px solid rgba(0, 0, 0, 0.54); }
body.m-theme__dark .mdl-checkbox__box-outline,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-checkbox__box-outline {
border: 2px solid rgba(255, 255, 255, 0.54); }
body.m-theme__light .mdl-checkbox.is-checked .mdl-checkbox__box-outline,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
border: 2px solid #607d8b; }
body.m-theme__dark .mdl-checkbox.is-checked .mdl-checkbox__box-outline,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
border: 2px solid #6b8a99; }
body.m-theme__light fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
body .m-theme--wrapper.m-theme--wrapper__light fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, body.m-theme__light
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
border: 2px solid rgba(0, 0, 0, 0.26); }
body.m-theme__dark fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
body .m-theme--wrapper.m-theme--wrapper__dark fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, body.m-theme__dark
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
border: 2px solid rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-checkbox.is-focused .mdl-checkbox__focus-helper,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.1); }
body.m-theme__dark .mdl-checkbox.is-focused .mdl-checkbox__focus-helper,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1);
background-color: rgba(255, 255, 255, 0.1); }
body.m-theme__light .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
box-shadow: 0 0 0 8px rgba(96, 125, 139, 0.26);
background-color: rgba(96, 125, 139, 0.26); }
body.m-theme__dark .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
box-shadow: 0 0 0 8px rgba(107, 138, 153, 0.26);
background-color: rgba(107, 138, 153, 0.26); }
body.m-theme__light .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
background-color: #607d8b; }
body.m-theme__dark .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
background-color: #6b8a99; }
body.m-theme__light fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
body .m-theme--wrapper.m-theme--wrapper__light fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, body.m-theme__light
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
background-color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
body .m-theme--wrapper.m-theme--wrapper__dark fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, body.m-theme__dark
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
background-color: rgba(255, 255, 255, 0.26); }
body.m-theme__light fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
body .m-theme--wrapper.m-theme--wrapper__light fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, body.m-theme__light
.mdl-checkbox.is-disabled .mdl-checkbox__label,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-checkbox.is-disabled .mdl-checkbox__label {
color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
body .m-theme--wrapper.m-theme--wrapper__dark fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, body.m-theme__dark
.mdl-checkbox.is-disabled .mdl-checkbox__label,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-checkbox.is-disabled .mdl-checkbox__label {
color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-checkbox__ripple-container,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-checkbox__ripple-container {
-webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000); }
body.m-theme__dark .mdl-checkbox__ripple-container,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-checkbox__ripple-container {
-webkit-mask-image: -webkit-radial-gradient(circle, #202527, #fff); }
body.m-theme__light .mdl-checkbox__ripple-container .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-checkbox__ripple-container .mdl-ripple {
background-color: #607d8b; }
body.m-theme__dark .mdl-checkbox__ripple-container .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-checkbox__ripple-container .mdl-ripple {
background-color: #6b8a99; }
body.m-theme__light .mdl-data-table,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table {
border: 1px solid rgba(0, 0, 0, 0.12);
background-color: #ffffff; }
body.m-theme__dark .mdl-data-table,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table {
border: 1px solid rgba(255, 255, 255, 0.12);
background-color: #242a30; }
body.m-theme__light .mdl-data-table tbody tr.is-selected,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table tbody tr.is-selected {
background-color: #e8e8e8; }
body.m-theme__dark .mdl-data-table tbody tr.is-selected,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table tbody tr.is-selected {
background-color: #2f2f2f; }
body.m-theme__light .mdl-data-table tbody tr:hover,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table tbody tr:hover {
background-color: #e8e8e8; }
body.m-theme__dark .mdl-data-table tbody tr:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table tbody tr:hover {
background-color: #2f2f2f; }
body.m-theme__light .mdl-data-table td,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table td {
border-top: 1px solid rgba(0, 0, 0, 0.12);
border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-data-table td,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table td {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-data-table th,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table th {
color: rgba(0, 0, 0, 0.54); }
body.m-theme__dark .mdl-data-table th,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table th {
color: rgba(255, 255, 255, 0.54); }
body.m-theme__light .mdl-data-table th.mdl-data-table__header--sorted-ascending,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table th.mdl-data-table__header--sorted-ascending, body.m-theme__light
.mdl-data-table th.mdl-data-table__header--sorted-descending,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-data-table th.mdl-data-table__header--sorted-descending {
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark .mdl-data-table th.mdl-data-table__header--sorted-ascending,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table th.mdl-data-table__header--sorted-ascending, body.m-theme__dark
.mdl-data-table th.mdl-data-table__header--sorted-descending,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-data-table th.mdl-data-table__header--sorted-descending {
color: rgba(255, 255, 255, 0.87); }
body.m-theme__light .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, body.m-theme__light
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, body.m-theme__dark
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-logo,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-logo {
color: #fff; }
body.m-theme__dark .mdl-logo,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-logo {
color: #202527; }
body.m-theme__light .mdl-list__item,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-list__item {
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark .mdl-list__item,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-list__item {
color: rgba(255, 255, 255, 0.87); }
body.m-theme__light .mdl-list__item
.mdl-list__item-secondary-content
.mdl-list__item-secondary-info,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-list__item
.mdl-list__item-secondary-content
.mdl-list__item-secondary-info {
color: rgba(0, 0, 0, 0.54); }
body.m-theme__dark .mdl-list__item
.mdl-list__item-secondary-content
.mdl-list__item-secondary-info,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-list__item
.mdl-list__item-secondary-content
.mdl-list__item-secondary-info {
color: rgba(255, 255, 255, 0.54); }
body.m-theme__light .mdl-list__item-icon,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-list__item-icon, body.m-theme__light
.mdl-list__item-icon.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-list__item-icon.material-icons {
color: #777; }
body.m-theme__dark .mdl-list__item-icon,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-list__item-icon, body.m-theme__dark
.mdl-list__item-icon.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-list__item-icon.material-icons {
color: #848484; }
body.m-theme__light .mdl-list__item-avatar,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-list__item-avatar, body.m-theme__light
.mdl-list__item-avatar.material-icons,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-list__item-avatar.material-icons {
background-color: #777;
color: #fff; }
body.m-theme__dark .mdl-list__item-avatar,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-list__item-avatar, body.m-theme__dark
.mdl-list__item-avatar.material-icons,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-list__item-avatar.material-icons {
background-color: #848484;
color: #202527; }
body.m-theme__light .mdl-list__item--two-line
.mdl-list__item-primary-content
.mdl-list__item-sub-title,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-list__item--two-line
.mdl-list__item-primary-content
.mdl-list__item-sub-title {
color: rgba(0, 0, 0, 0.54); }
body.m-theme__dark .mdl-list__item--two-line
.mdl-list__item-primary-content
.mdl-list__item-sub-title,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-list__item--two-line
.mdl-list__item-primary-content
.mdl-list__item-sub-title {
color: rgba(255, 255, 255, 0.54); }
body.m-theme__light .mdl-list__item--three-line .mdl-list__item-text-body,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-list__item--three-line .mdl-list__item-text-body {
color: rgba(0, 0, 0, 0.54); }
body.m-theme__dark .mdl-list__item--three-line .mdl-list__item-text-body,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-list__item--three-line .mdl-list__item-text-body {
color: rgba(255, 255, 255, 0.54); }
body.m-theme__light .mdl-menu__outline,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-menu__outline {
background-color: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-menu__outline,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-menu__outline {
background-color: #242a30;
box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-menu__item,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-menu__item {
color: rgba(0, 0, 0, 0.87);
outline-color: #aaa; }
body.m-theme__dark .mdl-menu__item,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-menu__item {
color: rgba(255, 255, 255, 0.87);
outline-color: #515151; }
body.m-theme__light .mdl-menu__item--full-bleed-divider,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-menu__item--full-bleed-divider {
border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-menu__item--full-bleed-divider,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-menu__item--full-bleed-divider {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-menu__item[disabled],
body .m-theme--wrapper.m-theme--wrapper__light .mdl-menu__item[disabled], body.m-theme__light
.mdl-menu__item[data-mdl-disabled],
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-menu__item[data-mdl-disabled] {
color: #aaa; }
body.m-theme__dark .mdl-menu__item[disabled],
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-menu__item[disabled], body.m-theme__dark
.mdl-menu__item[data-mdl-disabled],
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-menu__item[data-mdl-disabled] {
color: #515151; }
body.m-theme__light .mdl-menu__item:hover,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-menu__item:hover {
background-color: #e8e8e8; }
body.m-theme__dark .mdl-menu__item:hover,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-menu__item:hover {
background-color: #2f2f2f; }
body.m-theme__light .mdl-menu__item:focus,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-menu__item:focus {
background-color: #e8e8e8; }
body.m-theme__dark .mdl-menu__item:focus,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-menu__item:focus {
background-color: #2f2f2f; }
body.m-theme__light .mdl-menu__item:active,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-menu__item:active {
background-color: #e8e8e8; }
body.m-theme__dark .mdl-menu__item:active,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-menu__item:active {
background-color: #2f2f2f; }
body.m-theme__light .mdl-progress > .progressbar,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-progress > .progressbar {
background-color: #607d8b; }
body.m-theme__dark .mdl-progress > .progressbar,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-progress > .progressbar {
background-color: #6b8a99; }
body.m-theme__light .mdl-progress > .bufferbar,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-progress > .bufferbar {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #607d8b, #607d8b); }
body.m-theme__dark .mdl-progress > .bufferbar,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-progress > .bufferbar {
background-image: linear-gradient(to right, rgba(32, 37, 39, 0.7), rgba(32, 37, 39, 0.7)), linear-gradient(to right, #6b8a99, #6b8a99); }
@supports (-webkit-appearance: none) {
body.m-theme__light .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)
> .auxbar,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)
> .auxbar, body.m-theme__light
.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)
> .auxbar,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)
> .auxbar {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #607d8b, #607d8b); }
body.m-theme__dark .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)
> .auxbar,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)
> .auxbar, body.m-theme__dark
.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)
> .auxbar,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)
> .auxbar {
background-image: linear-gradient(to right, rgba(32, 37, 39, 0.7), rgba(32, 37, 39, 0.7)), linear-gradient(to right, #6b8a99, #6b8a99); } }
body.m-theme__light .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, body.m-theme__light
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #607d8b, #607d8b); }
body.m-theme__dark .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, body.m-theme__dark
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
background-image: linear-gradient(to right, rgba(32, 37, 39, 0.9), rgba(32, 37, 39, 0.9)), linear-gradient(to right, #6b8a99, #6b8a99); }
body.m-theme__light .mdl-progress.mdl-progress--indeterminate > .bar1,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-progress.mdl-progress--indeterminate > .bar1, body.m-theme__light
.mdl-progress.mdl-progress__indeterminate > .bar1,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-progress.mdl-progress__indeterminate > .bar1, body.m-theme__light
.mdl-progress.mdl-progress--indeterminate > .bar3,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-progress.mdl-progress--indeterminate > .bar3, body.m-theme__light
.mdl-progress.mdl-progress__indeterminate > .bar3,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-progress.mdl-progress__indeterminate > .bar3 {
background-color: #607d8b; }
body.m-theme__dark .mdl-progress.mdl-progress--indeterminate > .bar1,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-progress.mdl-progress--indeterminate > .bar1, body.m-theme__dark
.mdl-progress.mdl-progress__indeterminate > .bar1,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-progress.mdl-progress__indeterminate > .bar1, body.m-theme__dark
.mdl-progress.mdl-progress--indeterminate > .bar3,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-progress.mdl-progress--indeterminate > .bar3, body.m-theme__dark
.mdl-progress.mdl-progress__indeterminate > .bar3,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-progress.mdl-progress__indeterminate > .bar3 {
background-color: #6b8a99; }
body.m-theme__light .mdl-radio__outer-circle,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-radio__outer-circle {
border: 2px solid rgba(0, 0, 0, 0.54); }
body.m-theme__dark .mdl-radio__outer-circle,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-radio__outer-circle {
border: 2px solid rgba(255, 255, 255, 0.54); }
body.m-theme__light .mdl-radio.is-checked .mdl-radio__outer-circle,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-radio.is-checked .mdl-radio__outer-circle {
border: 2px solid #607d8b; }
body.m-theme__dark .mdl-radio.is-checked .mdl-radio__outer-circle,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-radio.is-checked .mdl-radio__outer-circle {
border: 2px solid #6b8a99; }
body.m-theme__light .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-radio__outer-circle fieldset[disabled] .mdl-radio, body.m-theme__light
.mdl-radio.is-disabled .mdl-radio__outer-circle,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-radio.is-disabled .mdl-radio__outer-circle {
border: 2px solid rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-radio__outer-circle fieldset[disabled] .mdl-radio, body.m-theme__dark
.mdl-radio.is-disabled .mdl-radio__outer-circle,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-radio.is-disabled .mdl-radio__outer-circle {
border: 2px solid rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-radio__inner-circle,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-radio__inner-circle {
background-color: #607d8b; }
body.m-theme__dark .mdl-radio__inner-circle,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-radio__inner-circle {
background-color: #6b8a99; }
body.m-theme__light fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
body .m-theme--wrapper.m-theme--wrapper__light fieldset[disabled] .mdl-radio .mdl-radio__inner-circle, body.m-theme__light
.mdl-radio.is-disabled .mdl-radio__inner-circle,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-radio.is-disabled .mdl-radio__inner-circle {
background-color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
body .m-theme--wrapper.m-theme--wrapper__dark fieldset[disabled] .mdl-radio .mdl-radio__inner-circle, body.m-theme__dark
.mdl-radio.is-disabled .mdl-radio__inner-circle,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-radio.is-disabled .mdl-radio__inner-circle {
background-color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-radio.is-focused .mdl-radio__inner-circle,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-radio.is-focused .mdl-radio__inner-circle {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); }
body.m-theme__dark .mdl-radio.is-focused .mdl-radio__inner-circle,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-radio.is-focused .mdl-radio__inner-circle {
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1); }
body.m-theme__light fieldset[disabled] .mdl-radio .mdl-radio__label,
body .m-theme--wrapper.m-theme--wrapper__light fieldset[disabled] .mdl-radio .mdl-radio__label, body.m-theme__light
.mdl-radio.is-disabled .mdl-radio__label,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-radio.is-disabled .mdl-radio__label {
color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark fieldset[disabled] .mdl-radio .mdl-radio__label,
body .m-theme--wrapper.m-theme--wrapper__dark fieldset[disabled] .mdl-radio .mdl-radio__label, body.m-theme__dark
.mdl-radio.is-disabled .mdl-radio__label,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-radio.is-disabled .mdl-radio__label {
color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-radio__ripple-container,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-radio__ripple-container {
-webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000); }
body.m-theme__dark .mdl-radio__ripple-container,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-radio__ripple-container {
-webkit-mask-image: -webkit-radial-gradient(circle, #202527, #fff); }
body.m-theme__light .mdl-radio__ripple-container .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-radio__ripple-container .mdl-ripple {
background-color: #607d8b; }
body.m-theme__dark .mdl-radio__ripple-container .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-radio__ripple-container .mdl-ripple {
background-color: #6b8a99; }
body.m-theme__light .mdl-slider.is-upgraded,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded {
color: #607d8b; }
body.m-theme__dark .mdl-slider.is-upgraded,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded {
color: #6b8a99; }
body.m-theme__light .mdl-slider.is-upgraded::-ms-fill-lower,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded::-ms-fill-lower {
background: linear-gradient(to right, transparent, transparent 16px, #607d8b 16px, #607d8b 0); }
body.m-theme__dark .mdl-slider.is-upgraded::-ms-fill-lower,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded::-ms-fill-lower {
background: linear-gradient(to right, transparent, transparent 16px, #6b8a99 16px, #6b8a99 0); }
body.m-theme__light .mdl-slider.is-upgraded::-ms-fill-upper,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded::-ms-fill-upper {
background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, 0.26) 16px, rgba(0, 0, 0, 0.26) 0); }
body.m-theme__dark .mdl-slider.is-upgraded::-ms-fill-upper,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded::-ms-fill-upper {
background: linear-gradient(to left, transparent, transparent 16px, rgba(255, 255, 255, 0.26) 16px, rgba(255, 255, 255, 0.26) 0); }
body.m-theme__light .mdl-slider.is-upgraded::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded::-webkit-slider-thumb {
background-color: #607d8b; }
body.m-theme__dark .mdl-slider.is-upgraded::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded::-webkit-slider-thumb {
background-color: #6b8a99; }
body.m-theme__light .mdl-slider.is-upgraded::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded::-moz-range-thumb {
background-color: #607d8b; }
body.m-theme__dark .mdl-slider.is-upgraded::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded::-moz-range-thumb {
background-color: #6b8a99; }
body.m-theme__light .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
box-shadow: 0 0 0 10px rgba(96, 125, 139, 0.26); }
body.m-theme__dark .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
box-shadow: 0 0 0 10px rgba(107, 138, 153, 0.26); }
body.m-theme__light .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
box-shadow: 0 0 0 10px rgba(96, 125, 139, 0.26); }
body.m-theme__dark .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
box-shadow: 0 0 0 10px rgba(107, 138, 153, 0.26); }
body.m-theme__light .mdl-slider.is-upgraded:active::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
background-color: #607d8b; }
body.m-theme__dark .mdl-slider.is-upgraded:active::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
background-color: #6b8a99; }
body.m-theme__light .mdl-slider.is-upgraded:active::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded:active::-moz-range-thumb {
background-color: #607d8b; }
body.m-theme__dark .mdl-slider.is-upgraded:active::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded:active::-moz-range-thumb {
background-color: #6b8a99; }
body.m-theme__light .mdl-slider.is-upgraded::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded::-ms-thumb {
background-color: #607d8b; }
body.m-theme__dark .mdl-slider.is-upgraded::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded::-ms-thumb {
background-color: #6b8a99; }
body.m-theme__light .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
background: radial-gradient(circle closest-side, #607d8b 0%, #607d8b 37.5%, rgba(96, 125, 139, 0.26) 37.5%, rgba(96, 125, 139, 0.26) 100%); }
body.m-theme__dark .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
background: radial-gradient(circle closest-side, #6b8a99 0%, #6b8a99 37.5%, rgba(107, 138, 153, 0.26) 37.5%, rgba(107, 138, 153, 0.26) 100%); }
body.m-theme__light .mdl-slider.is-upgraded:active::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded:active::-ms-thumb {
background-color: #607d8b; }
body.m-theme__dark .mdl-slider.is-upgraded:active::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded:active::-ms-thumb {
background-color: #6b8a99; }
body.m-theme__light .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
border: 2px solid rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
border: 2px solid rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
border: 2px solid rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
border: 2px solid rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
background-color: rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12);
background-color: rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
background-color: rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12);
background-color: rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
border: 1.6px solid rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
border: 1.6px solid rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
border: 1.5px solid rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
border: 1.5px solid rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0, 0, 0, 0.26) 66.67%, rgba(0, 0, 0, 0.26) 100%); }
body.m-theme__dark .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(255, 255, 255, 0.26) 66.67%, rgba(255, 255, 255, 0.26) 100%); }
body.m-theme__light .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
background: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.26) 25%, rgba(0, 0, 0, 0.26) 37.5%, rgba(0, 0, 0, 0.12) 37.5%, rgba(0, 0, 0, 0.12) 100%); }
body.m-theme__dark .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
background: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 25%, rgba(255, 255, 255, 0.26) 25%, rgba(255, 255, 255, 0.26) 37.5%, rgba(255, 255, 255, 0.12) 37.5%, rgba(255, 255, 255, 0.12) 100%); }
body.m-theme__light .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0, 0, 0, 0.26) 77.78%, rgba(0, 0, 0, 0.26) 100%); }
body.m-theme__dark .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(255, 255, 255, 0.26) 77.78%, rgba(255, 255, 255, 0.26) 100%); }
body.m-theme__light .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, body.m-theme__light
.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, body.m-theme__light
.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
background-color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, body.m-theme__dark
.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, body.m-theme__dark
.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
background-color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, body.m-theme__light
.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, body.m-theme__light
.mdl-slider.is-upgraded:disabled::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-slider.is-upgraded:disabled::-moz-range-thumb {
background-color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, body.m-theme__dark
.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, body.m-theme__dark
.mdl-slider.is-upgraded:disabled::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-slider.is-upgraded:disabled::-moz-range-thumb {
background-color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-slider.is-upgraded:disabled
+ .mdl-slider__background-flex
> .mdl-slider__background-lower,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded:disabled
+ .mdl-slider__background-flex
> .mdl-slider__background-lower {
background-color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-slider.is-upgraded:disabled
+ .mdl-slider__background-flex
> .mdl-slider__background-lower,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded:disabled
+ .mdl-slider__background-flex
> .mdl-slider__background-lower {
background-color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, body.m-theme__light
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, body.m-theme__light
.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
border: 3px solid rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, body.m-theme__dark
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, body.m-theme__dark
.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
border: 3px solid rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, body.m-theme__light
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, body.m-theme__light
.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
border: 3px solid rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, body.m-theme__dark
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, body.m-theme__dark
.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
border: 3px solid rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-slider.is-upgraded:disabled:focus::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, body.m-theme__light
.mdl-slider.is-upgraded:disabled:active::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-slider.is-upgraded:disabled:active::-ms-thumb, body.m-theme__light
.mdl-slider.is-upgraded:disabled::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-slider.is-upgraded:disabled::-ms-thumb {
background-color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-slider.is-upgraded:disabled:focus::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, body.m-theme__dark
.mdl-slider.is-upgraded:disabled:active::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-slider.is-upgraded:disabled:active::-ms-thumb, body.m-theme__dark
.mdl-slider.is-upgraded:disabled::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-slider.is-upgraded:disabled::-ms-thumb {
background-color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, body.m-theme__light
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, body.m-theme__light
.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.26) 100%); }
body.m-theme__dark .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, body.m-theme__dark
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, body.m-theme__dark
.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(255, 255, 255, 0.26) 50%, rgba(255, 255, 255, 0.26) 100%); }
body.m-theme__light .mdl-slider.is-upgraded:disabled::-ms-fill-lower,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, 0.26) 25px, rgba(0, 0, 0, 0.26) 0); }
body.m-theme__dark .mdl-slider.is-upgraded:disabled::-ms-fill-lower,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
background: linear-gradient(to right, transparent, transparent 25px, rgba(255, 255, 255, 0.26) 25px, rgba(255, 255, 255, 0.26) 0); }
body.m-theme__light .mdl-slider__background-lower,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider__background-lower {
background-color: #607d8b; }
body.m-theme__dark .mdl-slider__background-lower,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider__background-lower {
background-color: #6b8a99; }
body.m-theme__light .mdl-slider__background-upper,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-slider__background-upper {
background-color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-slider__background-upper,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-slider__background-upper {
background-color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-switch__track,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-switch__track {
background-color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-switch__track,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-switch__track {
background-color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-switch.is-checked .mdl-switch__track,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-switch.is-checked .mdl-switch__track {
background-color: rgba(96, 125, 139, 0.5); }
body.m-theme__dark .mdl-switch.is-checked .mdl-switch__track,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-switch.is-checked .mdl-switch__track {
background-color: rgba(107, 138, 153, 0.5); }
body.m-theme__light .mdl-switch__track fieldset[disabled] .mdl-switch,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-switch__track fieldset[disabled] .mdl-switch, body.m-theme__light
.mdl-switch.is-disabled .mdl-switch__track,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-switch.is-disabled .mdl-switch__track {
background-color: rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-switch__track fieldset[disabled] .mdl-switch,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-switch__track fieldset[disabled] .mdl-switch, body.m-theme__dark
.mdl-switch.is-disabled .mdl-switch__track,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-switch.is-disabled .mdl-switch__track {
background-color: rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-switch__thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-switch__thumb {
background-color: #e8e8e8;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-switch__thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-switch__thumb {
background-color: #2f2f2f;
box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-switch.is-checked .mdl-switch__thumb,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-switch.is-checked .mdl-switch__thumb {
background-color: #607d8b;
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-switch.is-checked .mdl-switch__thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-switch.is-checked .mdl-switch__thumb {
background-color: #6b8a99;
box-shadow: 0 3px 4px 0 rgba(255, 255, 255, 0.14), 0 3px 3px -2px rgba(255, 255, 255, 0.2), 0 1px 8px 0 rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-switch__thumb fieldset[disabled] .mdl-switch,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-switch__thumb fieldset[disabled] .mdl-switch, body.m-theme__light
.mdl-switch.is-disabled .mdl-switch__thumb,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-switch.is-disabled .mdl-switch__thumb {
background-color: #aaa; }
body.m-theme__dark .mdl-switch__thumb fieldset[disabled] .mdl-switch,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-switch__thumb fieldset[disabled] .mdl-switch, body.m-theme__dark
.mdl-switch.is-disabled .mdl-switch__thumb,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-switch.is-disabled .mdl-switch__thumb {
background-color: #515151; }
body.m-theme__light .mdl-switch.is-focused .mdl-switch__focus-helper,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-switch.is-focused .mdl-switch__focus-helper {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.1); }
body.m-theme__dark .mdl-switch.is-focused .mdl-switch__focus-helper,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-switch.is-focused .mdl-switch__focus-helper {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
background-color: rgba(255, 255, 255, 0.1); }
body.m-theme__light .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
box-shadow: 0 0 0 20px rgba(96, 125, 139, 0.26);
background-color: rgba(96, 125, 139, 0.26); }
body.m-theme__dark .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
box-shadow: 0 0 0 20px rgba(107, 138, 153, 0.26);
background-color: rgba(107, 138, 153, 0.26); }
body.m-theme__light .mdl-switch__label fieldset[disabled] .mdl-switch,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-switch__label fieldset[disabled] .mdl-switch, body.m-theme__light
.mdl-switch.is-disabled .mdl-switch__label,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-switch.is-disabled .mdl-switch__label {
color: #aaa; }
body.m-theme__dark .mdl-switch__label fieldset[disabled] .mdl-switch,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-switch__label fieldset[disabled] .mdl-switch, body.m-theme__dark
.mdl-switch.is-disabled .mdl-switch__label,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-switch.is-disabled .mdl-switch__label {
color: #515151; }
body.m-theme__light .mdl-switch__ripple-container,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-switch__ripple-container {
-webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000); }
body.m-theme__dark .mdl-switch__ripple-container,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-switch__ripple-container {
-webkit-mask-image: -webkit-radial-gradient(circle, #202527, #fff); }
body.m-theme__light .mdl-switch__ripple-container .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-switch__ripple-container .mdl-ripple {
background-color: #607d8b; }
body.m-theme__dark .mdl-switch__ripple-container .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-switch__ripple-container .mdl-ripple {
background-color: #6b8a99; }
body.m-theme__light .mdl-tabs__tab-bar,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-tabs__tab-bar {
border-bottom: 1px solid #d3dbe3; }
body.m-theme__dark .mdl-tabs__tab-bar,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-tabs__tab-bar {
border-bottom: 1px solid #414c57; }
body.m-theme__light .mdl-tabs__tab,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-tabs__tab {
color: rgba(0, 0, 0, 0.54); }
body.m-theme__dark .mdl-tabs__tab,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-tabs__tab {
color: rgba(255, 255, 255, 0.54); }
body.m-theme__light .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
color: rgba(0, 0, 0, 0.87); }
body.m-theme__dark .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
color: rgba(255, 255, 255, 0.87); }
body.m-theme__light .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
background-color: #607d8b; }
body.m-theme__dark .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
background-color: #6b8a99; }
body.m-theme__light .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
background-color: #607d8b; }
body.m-theme__dark .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
background-color: #6b8a99; }
body.m-theme__light .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-textfield__input {
border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-textfield__input {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-textfield.is-invalid .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-textfield.is-invalid .mdl-textfield__input {
border-color: #e03c20; }
body.m-theme__dark .mdl-textfield.is-invalid .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-textfield.is-invalid .mdl-textfield__input {
border-color: #e35036; }
body.m-theme__light fieldset[disabled] .mdl-textfield .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__light fieldset[disabled] .mdl-textfield .mdl-textfield__input, body.m-theme__light
.mdl-textfield.is-disabled .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-textfield.is-disabled .mdl-textfield__input {
border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark fieldset[disabled] .mdl-textfield .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__dark fieldset[disabled] .mdl-textfield .mdl-textfield__input, body.m-theme__dark
.mdl-textfield.is-disabled .mdl-textfield__input,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-textfield.is-disabled .mdl-textfield__input {
border-bottom: 1px dotted rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-textfield__label {
bottom: 0;
color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-textfield__label {
bottom: 0;
color: rgba(255, 255, 255, 0.26); }
body.m-theme__light fieldset[disabled] .mdl-textfield .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__light fieldset[disabled] .mdl-textfield .mdl-textfield__label, body.m-theme__light
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
color: rgba(0, 0, 0, 0.26); }
body.m-theme__dark fieldset[disabled] .mdl-textfield .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__dark fieldset[disabled] .mdl-textfield .mdl-textfield__label, body.m-theme__dark
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
color: rgba(255, 255, 255, 0.26); }
body.m-theme__light .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-textfield--floating-label.is-focused .mdl-textfield__label, body.m-theme__light
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label, body.m-theme__light
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
color: #607d8b; }
body.m-theme__dark .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-textfield--floating-label.is-focused .mdl-textfield__label, body.m-theme__dark
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label, body.m-theme__dark
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
color: #6b8a99; }
body.m-theme__light .mdl-textfield__label:after,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-textfield__label:after {
background-color: #607d8b; }
body.m-theme__dark .mdl-textfield__label:after,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-textfield__label:after {
background-color: #6b8a99; }
body.m-theme__light .mdl-textfield--floating-label.is-invalid .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-textfield--floating-label.is-invalid .mdl-textfield__label, body.m-theme__light
.mdl-textfield.is-invalid .mdl-textfield__label:after,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-textfield.is-invalid .mdl-textfield__label:after, body.m-theme__light
.mdl-textfield__error,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-textfield__error {
background-color: #e03c20; }
body.m-theme__dark .mdl-textfield--floating-label.is-invalid .mdl-textfield__label,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-textfield--floating-label.is-invalid .mdl-textfield__label, body.m-theme__dark
.mdl-textfield.is-invalid .mdl-textfield__label:after,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-textfield.is-invalid .mdl-textfield__label:after, body.m-theme__dark
.mdl-textfield__error,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-textfield__error {
background-color: #e35036; }
body.m-theme__light .mdl-tooltip,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-tooltip {
background-color: rgba(102, 102, 102, 0.9);
color: #fff; }
body.m-theme__dark .mdl-tooltip,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-tooltip {
background-color: rgba(149, 149, 149, 0.9);
color: #202527; }
body.m-theme__light .mdl-shadow--2dp,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-shadow--2dp {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.07); }
body.m-theme__dark .mdl-shadow--2dp,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-shadow--2dp {
box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.07), 0 3px 1px -2px rgba(255, 255, 255, 0.1), 0 1px 5px 0 rgba(255, 255, 255, 0.07); }
body.m-theme__light .mdl-shadow--3dp,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-shadow--3dp {
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
body.m-theme__dark .mdl-shadow--3dp,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-shadow--3dp {
box-shadow: 0 3px 4px 0 rgba(255, 255, 255, 0.14), 0 3px 3px -2px rgba(255, 255, 255, 0.2), 0 1px 8px 0 rgba(255, 255, 255, 0.12); }
body.m-theme__light .mdl-shadow--4dp,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-shadow--4dp {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.07); }
body.m-theme__dark .mdl-shadow--4dp,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-shadow--4dp {
box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.07), 0 3px 1px -2px rgba(255, 255, 255, 0.1), 0 1px 5px 0 rgba(255, 255, 255, 0.07); }
body.m-theme__light .mdl-shadow--6dp,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-shadow--6dp {
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
body.m-theme__dark .mdl-shadow--6dp,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-shadow--6dp {
box-shadow: 0 6px 10px 0 rgba(255, 255, 255, 0.14), 0 1px 18px 0 rgba(255, 255, 255, 0.12), 0 3px 5px -1px rgba(255, 255, 255, 0.2); }
body.m-theme__light .mdl-shadow--8dp,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-shadow--8dp {
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
body.m-theme__dark .mdl-shadow--8dp,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-shadow--8dp {
box-shadow: 0 8px 10px 1px rgba(255, 255, 255, 0.14), 0 3px 14px 2px rgba(255, 255, 255, 0.12), 0 5px 5px -3px rgba(255, 255, 255, 0.2); }
body.m-theme__light .mdl-shadow--16dp,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-shadow--16dp {
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
body.m-theme__dark .mdl-shadow--16dp,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-shadow--16dp {
box-shadow: 0 16px 24px 2px rgba(255, 255, 255, 0.14), 0 6px 30px 5px rgba(255, 255, 255, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); }
body.m-theme__light .mdl-shadow--24dp,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-shadow--24dp {
box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }
body.m-theme__dark .mdl-shadow--24dp,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-shadow--24dp {
box-shadow: 0 9px 46px 8px rgba(255, 255, 255, 0.14), 0 11px 15px -7px rgba(255, 255, 255, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }
body.m-theme__light .mdl-color-text--white,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--white {
color: #fff !important; }
body.m-theme__dark .mdl-color-text--white,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--white {
color: #202527 !important; }
body.m-theme__light .mdl-color--white,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--white {
background-color: #ffffff !important; }
body.m-theme__dark .mdl-color--white,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--white {
background-color: #242a30 !important; }
body.m-theme__light .mdl-color-text--red-50,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--red-50, body.m-theme__light
.mdl-color-text--red-100,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--red-100, body.m-theme__light
.mdl-color-text--red-200,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--red-200, body.m-theme__light
.mdl-color-text--red-300,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--red-300 {
color: #e57373 !important; }
body.m-theme__dark .mdl-color-text--red-50,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--red-50, body.m-theme__dark
.mdl-color-text--red-100,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--red-100, body.m-theme__dark
.mdl-color-text--red-200,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--red-200, body.m-theme__dark
.mdl-color-text--red-300,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--red-300 {
color: #e98989 !important; }
body.m-theme__light .mdl-color-text--red,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--red, body.m-theme__light
.mdl-color-text--red-400,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--red-400, body.m-theme__light
.mdl-color-text--red-500,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--red-500, body.m-theme__light
.mdl-color-text--red-600,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--red-600 {
color: #e03c20 !important; }
body.m-theme__dark .mdl-color-text--red,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--red, body.m-theme__dark
.mdl-color-text--red-400,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--red-400, body.m-theme__dark
.mdl-color-text--red-500,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--red-500, body.m-theme__dark
.mdl-color-text--red-600,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--red-600 {
color: #e35036 !important; }
body.m-theme__light .mdl-color-text--red-700,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--red-700, body.m-theme__light
.mdl-color-text--red-800,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--red-800, body.m-theme__light
.mdl-color-text--red-900,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--red-900 {
color: #c62828 !important; }
body.m-theme__dark .mdl-color-text--red-700,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--red-700, body.m-theme__dark
.mdl-color-text--red-800,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--red-800, body.m-theme__dark
.mdl-color-text--red-900,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--red-900 {
color: #d63232 !important; }
body.m-theme__light .mdl-color--red-50,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--red-50, body.m-theme__light
.mdl-color--red-100,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--red-100, body.m-theme__light
.mdl-color--red-200,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--red-200, body.m-theme__light
.mdl-color--red-300,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--red-300 {
background-color: #e57373 !important; }
body.m-theme__dark .mdl-color--red-50,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--red-50, body.m-theme__dark
.mdl-color--red-100,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--red-100, body.m-theme__dark
.mdl-color--red-200,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--red-200, body.m-theme__dark
.mdl-color--red-300,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--red-300 {
background-color: #e98989 !important; }
body.m-theme__light .mdl-color--red,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--red, body.m-theme__light
.mdl-color--red-400,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--red-400, body.m-theme__light
.mdl-color--red-500,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--red-500, body.m-theme__light
.mdl-color--red-600,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--red-600 {
background-color: #e03c20 !important; }
body.m-theme__dark .mdl-color--red,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--red, body.m-theme__dark
.mdl-color--red-400,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--red-400, body.m-theme__dark
.mdl-color--red-500,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--red-500, body.m-theme__dark
.mdl-color--red-600,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--red-600 {
background-color: #e35036 !important; }
body.m-theme__light .mdl-color--red-700,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--red-700, body.m-theme__light
.mdl-color--red-800,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--red-800, body.m-theme__light
.mdl-color--red-900,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--red-900 {
background-color: #c62828 !important; }
body.m-theme__dark .mdl-color--red-700,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--red-700, body.m-theme__dark
.mdl-color--red-800,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--red-800, body.m-theme__dark
.mdl-color--red-900,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--red-900 {
background-color: #d63232 !important; }
body.m-theme__light .mdl-color-text--amber-50,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--amber-50, body.m-theme__light
.mdl-color-text--amber-100,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--amber-100, body.m-theme__light
.mdl-color-text--amber-200,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--amber-200, body.m-theme__light
.mdl-color-text--amber-300,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--amber-300 {
color: #ffecb3 !important; }
body.m-theme__dark .mdl-color-text--amber-50,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--amber-50, body.m-theme__dark
.mdl-color-text--amber-100,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--amber-100, body.m-theme__dark
.mdl-color-text--amber-200,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--amber-200, body.m-theme__dark
.mdl-color-text--amber-300,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--amber-300 {
color: #fff2cd !important; }
body.m-theme__light .mdl-color-text--amber,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--amber, body.m-theme__light
.mdl-color-text--amber-400,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--amber-400, body.m-theme__light
.mdl-color-text--amber-500,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--amber-500, body.m-theme__light
.mdl-color-text--amber-600,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--amber-600 {
color: #ffc108 !important; }
body.m-theme__dark .mdl-color-text--amber,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--amber, body.m-theme__dark
.mdl-color-text--amber-400,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--amber-400, body.m-theme__dark
.mdl-color-text--amber-500,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--amber-500, body.m-theme__dark
.mdl-color-text--amber-600,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--amber-600 {
color: #ffc722 !important; }
body.m-theme__light .mdl-color-text--amber-700,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--amber-700, body.m-theme__light
.mdl-color-text--amber-800,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--amber-800, body.m-theme__light
.mdl-color-text--amber-900,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--amber-900 {
color: #ffa000 !important; }
body.m-theme__dark .mdl-color-text--amber-700,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--amber-700, body.m-theme__dark
.mdl-color-text--amber-800,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--amber-800, body.m-theme__dark
.mdl-color-text--amber-900,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--amber-900 {
color: #ffaa1a !important; }
body.m-theme__light .mdl-color--amber-50,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--amber-50, body.m-theme__light
.mdl-color--amber-100,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--amber-100, body.m-theme__light
.mdl-color--amber-200,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--amber-200, body.m-theme__light
.mdl-color--amber-300,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--amber-300 {
background-color: #ffecb3 !important; }
body.m-theme__dark .mdl-color--amber-50,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--amber-50, body.m-theme__dark
.mdl-color--amber-100,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--amber-100, body.m-theme__dark
.mdl-color--amber-200,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--amber-200, body.m-theme__dark
.mdl-color--amber-300,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--amber-300 {
background-color: #fff2cd !important; }
body.m-theme__light .mdl-color--amber,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--amber, body.m-theme__light
.mdl-color--amber-400,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--amber-400, body.m-theme__light
.mdl-color--amber-500,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--amber-500, body.m-theme__light
.mdl-color--amber-600,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--amber-600 {
background-color: #ffc108 !important; }
body.m-theme__dark .mdl-color--amber,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--amber, body.m-theme__dark
.mdl-color--amber-400,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--amber-400, body.m-theme__dark
.mdl-color--amber-500,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--amber-500, body.m-theme__dark
.mdl-color--amber-600,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--amber-600 {
background-color: #ffc722 !important; }
body.m-theme__light .mdl-color--amber-700,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--amber-700, body.m-theme__light
.mdl-color--amber-800,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--amber-800, body.m-theme__light
.mdl-color--amber-900,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--amber-900 {
background-color: #ffa000 !important; }
body.m-theme__dark .mdl-color--amber-700,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--amber-700, body.m-theme__dark
.mdl-color--amber-800,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--amber-800, body.m-theme__dark
.mdl-color--amber-900,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--amber-900 {
background-color: #ffaa1a !important; }
body.m-theme__light .mdl-color-text--green-50,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--green-50, body.m-theme__light
.mdl-color-text--green-100,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--green-100, body.m-theme__light
.mdl-color-text--green-200,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--green-200, body.m-theme__light
.mdl-color-text--green-300,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--green-300 {
color: #8bc34a !important; }
body.m-theme__dark .mdl-color-text--green-50,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--green-50, body.m-theme__dark
.mdl-color-text--green-100,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--green-100, body.m-theme__dark
.mdl-color-text--green-200,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--green-200, body.m-theme__dark
.mdl-color-text--green-300,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--green-300 {
color: #97c95d !important; }
body.m-theme__light .mdl-color-text--green,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--green, body.m-theme__light
.mdl-color-text--green-400,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--green-400, body.m-theme__light
.mdl-color-text--green-500,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--green-500, body.m-theme__light
.mdl-color-text--green-600,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--green-600 {
color: #4caf50 !important; }
body.m-theme__dark .mdl-color-text--green,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--green, body.m-theme__dark
.mdl-color-text--green-400,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--green-400, body.m-theme__dark
.mdl-color-text--green-500,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--green-500, body.m-theme__dark
.mdl-color-text--green-600,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--green-600 {
color: #5cb860 !important; }
body.m-theme__light .mdl-color-text--green-700,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--green-700, body.m-theme__light
.mdl-color-text--green-800,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--green-800, body.m-theme__light
.mdl-color-text--green-900,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--green-900 {
color: #388e3c !important; }
body.m-theme__dark .mdl-color-text--green-700,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--green-700, body.m-theme__dark
.mdl-color-text--green-800,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--green-800, body.m-theme__dark
.mdl-color-text--green-900,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--green-900 {
color: #3fa044 !important; }
body.m-theme__light .mdl-color--green-50,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--green-50, body.m-theme__light
.mdl-color--green-100,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--green-100, body.m-theme__light
.mdl-color--green-200,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--green-200, body.m-theme__light
.mdl-color--green-300,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--green-300 {
background-color: #8bc34a !important; }
body.m-theme__dark .mdl-color--green-50,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--green-50, body.m-theme__dark
.mdl-color--green-100,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--green-100, body.m-theme__dark
.mdl-color--green-200,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--green-200, body.m-theme__dark
.mdl-color--green-300,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--green-300 {
background-color: #97c95d !important; }
body.m-theme__light .mdl-color--green,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--green, body.m-theme__light
.mdl-color--green-400,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--green-400, body.m-theme__light
.mdl-color--green-500,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--green-500, body.m-theme__light
.mdl-color--green-600,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--green-600 {
background-color: #4caf50 !important; }
body.m-theme__dark .mdl-color--green,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--green, body.m-theme__dark
.mdl-color--green-400,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--green-400, body.m-theme__dark
.mdl-color--green-500,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--green-500, body.m-theme__dark
.mdl-color--green-600,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--green-600 {
background-color: #5cb860 !important; }
body.m-theme__light .mdl-color--green-700,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--green-700, body.m-theme__light
.mdl-color--green-800,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--green-800, body.m-theme__light
.mdl-color--green-900,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--green-900 {
background-color: #388e3c !important; }
body.m-theme__dark .mdl-color--green-700,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--green-700, body.m-theme__dark
.mdl-color--green-800,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--green-800, body.m-theme__dark
.mdl-color--green-900,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--green-900 {
background-color: #3fa044 !important; }
body.m-theme__light .mdl-color-text--blue-50,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue-50, body.m-theme__light
.mdl-color-text--blue-100,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--blue-100, body.m-theme__light
.mdl-color-text--blue-200,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--blue-200, body.m-theme__light
.mdl-color-text--blue-300,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--blue-300 {
color: #71aae7 !important; }
body.m-theme__dark .mdl-color-text--blue-50,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue-50, body.m-theme__dark
.mdl-color-text--blue-100,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--blue-100, body.m-theme__dark
.mdl-color-text--blue-200,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--blue-200, body.m-theme__dark
.mdl-color-text--blue-300,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--blue-300 {
color: #206ab9 !important; }
body.m-theme__light .mdl-color-text--blue,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue, body.m-theme__light
.mdl-color-text--blue-400,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--blue-400, body.m-theme__light
.mdl-color-text--blue-500,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--blue-500, body.m-theme__light
.mdl-color-text--blue-600,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--blue-600 {
color: #4690df !important; }
body.m-theme__dark .mdl-color-text--blue,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue, body.m-theme__dark
.mdl-color-text--blue-400,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--blue-400, body.m-theme__dark
.mdl-color-text--blue-500,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--blue-500, body.m-theme__dark
.mdl-color-text--blue-600,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--blue-600 {
color: #44aaff !important; }
body.m-theme__light .mdl-color-text--blue-700,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue-700, body.m-theme__light
.mdl-color-text--blue-800,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--blue-800, body.m-theme__light
.mdl-color-text--blue-900,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--blue-900 {
color: #206ab9 !important; }
body.m-theme__dark .mdl-color-text--blue-700,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue-700, body.m-theme__dark
.mdl-color-text--blue-800,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--blue-800, body.m-theme__dark
.mdl-color-text--blue-900,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--blue-900 {
color: #91cdff !important; }
body.m-theme__light .mdl-color--blue-50,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue-50, body.m-theme__light
.mdl-color--blue-100,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--blue-100, body.m-theme__light
.mdl-color--blue-200,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--blue-200, body.m-theme__light
.mdl-color--blue-300,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--blue-300 {
background-color: #71aae7 !important; }
body.m-theme__dark .mdl-color--blue-50,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue-50, body.m-theme__dark
.mdl-color--blue-100,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--blue-100, body.m-theme__dark
.mdl-color--blue-200,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--blue-200, body.m-theme__dark
.mdl-color--blue-300,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--blue-300 {
background-color: #206ab9 !important; }
body.m-theme__light .mdl-color--blue,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue, body.m-theme__light
.mdl-color--blue-400,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--blue-400, body.m-theme__light
.mdl-color--blue-500,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--blue-500, body.m-theme__light
.mdl-color--blue-600,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--blue-600 {
background-color: #4690df !important; }
body.m-theme__dark .mdl-color--blue,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue, body.m-theme__dark
.mdl-color--blue-400,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--blue-400, body.m-theme__dark
.mdl-color--blue-500,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--blue-500, body.m-theme__dark
.mdl-color--blue-600,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--blue-600 {
background-color: #44aaff !important; }
body.m-theme__light .mdl-color--blue-700,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue-700, body.m-theme__light
.mdl-color--blue-800,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--blue-800, body.m-theme__light
.mdl-color--blue-900,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--blue-900 {
background-color: #206ab9 !important; }
body.m-theme__dark .mdl-color--blue-700,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue-700, body.m-theme__dark
.mdl-color--blue-800,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--blue-800, body.m-theme__dark
.mdl-color--blue-900,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--blue-900 {
background-color: #91cdff !important; }
body.m-theme__light .mdl-color-text--grey-50,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--grey-50, body.m-theme__light
.mdl-color-text--grey-100,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--grey-100, body.m-theme__light
.mdl-color-text--grey-200,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--grey-200, body.m-theme__light
.mdl-color-text--grey-300,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--grey-300 {
color: #e8e8e8 !important; }
body.m-theme__dark .mdl-color-text--grey-50,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--grey-50, body.m-theme__dark
.mdl-color-text--grey-100,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--grey-100, body.m-theme__dark
.mdl-color-text--grey-200,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--grey-200, body.m-theme__dark
.mdl-color-text--grey-300,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--grey-300 {
color: #2f2f2f !important; }
body.m-theme__light .mdl-color-text--grey-400,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--grey-400 {
color: #aaa !important; }
body.m-theme__dark .mdl-color-text--grey-400,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--grey-400 {
color: #515151 !important; }
body.m-theme__light .mdl-color-text--grey,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--grey, body.m-theme__light
.mdl-color-text--grey-500,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--grey-500 {
color: #999 !important; }
body.m-theme__dark .mdl-color-text--grey,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--grey, body.m-theme__dark
.mdl-color-text--grey-500,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--grey-500 {
color: #626262 !important; }
body.m-theme__light .mdl-color-text--grey-600,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--grey-600 {
color: #777 !important; }
body.m-theme__dark .mdl-color-text--grey-600,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--grey-600 {
color: #848484 !important; }
body.m-theme__light .mdl-color-text--grey-700,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--grey-700 {
color: #666 !important; }
body.m-theme__dark .mdl-color-text--grey-700,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--grey-700 {
color: #959595 !important; }
body.m-theme__light .mdl-color-text--grey-800,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--grey-800 {
color: #444 !important; }
body.m-theme__dark .mdl-color-text--grey-800,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--grey-800 {
color: #b7b7b7 !important; }
body.m-theme__light .mdl-color-text--grey-900,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--grey-900 {
color: #222 !important; }
body.m-theme__dark .mdl-color-text--grey-900,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--grey-900 {
color: whitesmoke !important; }
body.m-theme__light .mdl-color--grey-50,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--grey-50, body.m-theme__light
.mdl-color--grey-100,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--grey-100, body.m-theme__light
.mdl-color--grey-200,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--grey-200, body.m-theme__light
.mdl-color--grey-300,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--grey-300 {
background-color: #e8e8e8 !important; }
body.m-theme__dark .mdl-color--grey-50,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--grey-50, body.m-theme__dark
.mdl-color--grey-100,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--grey-100, body.m-theme__dark
.mdl-color--grey-200,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--grey-200, body.m-theme__dark
.mdl-color--grey-300,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--grey-300 {
background-color: #2f2f2f !important; }
body.m-theme__light .mdl-color--grey-400,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--grey-400 {
background-color: #aaa !important; }
body.m-theme__dark .mdl-color--grey-400,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--grey-400 {
background-color: #515151 !important; }
body.m-theme__light .mdl-color--grey,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--grey, body.m-theme__light
.mdl-color--grey-500,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--grey-500 {
background-color: #999 !important; }
body.m-theme__dark .mdl-color--grey,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--grey, body.m-theme__dark
.mdl-color--grey-500,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--grey-500 {
background-color: #626262 !important; }
body.m-theme__light .mdl-color--grey-600,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--grey-600 {
background-color: #777 !important; }
body.m-theme__dark .mdl-color--grey-600,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--grey-600 {
background-color: #848484 !important; }
body.m-theme__light .mdl-color--grey-700,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--grey-700 {
background-color: #666 !important; }
body.m-theme__dark .mdl-color--grey-700,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--grey-700 {
background-color: #959595 !important; }
body.m-theme__light .mdl-color--grey-800,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--grey-800 {
background-color: #444 !important; }
body.m-theme__dark .mdl-color--grey-800,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--grey-800 {
background-color: #b7b7b7 !important; }
body.m-theme__light .mdl-color--grey-900,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--grey-900 {
background-color: #222 !important; }
body.m-theme__dark .mdl-color--grey-900,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--grey-900 {
background-color: whitesmoke !important; }
body.m-theme__light .mdl-color-text--blue-grey-50,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue-grey-50 {
color: #eceff1 !important; }
body.m-theme__dark .mdl-color-text--blue-grey-50,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue-grey-50 {
color: #212d32 !important; }
body.m-theme__light .mdl-color-text--blue-grey-100,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue-grey-100 {
color: #cfd8dc !important; }
body.m-theme__dark .mdl-color-text--blue-grey-100,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue-grey-100 {
color: #304047 !important; }
body.m-theme__light .mdl-color-text--blue-grey-200,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue-grey-200 {
color: #b0bec5 !important; }
body.m-theme__dark .mdl-color-text--blue-grey-200,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue-grey-200 {
color: #41555e !important; }
body.m-theme__light .mdl-color-text--blue-grey-300,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue-grey-300 {
color: #90a4ae !important; }
body.m-theme__dark .mdl-color-text--blue-grey-300,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue-grey-300 {
color: #4f6873 !important; }
body.m-theme__light .mdl-color-text--blue-grey-400,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue-grey-400 {
color: #78909c !important; }
body.m-theme__dark .mdl-color-text--blue-grey-400,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue-grey-400 {
color: #5e7c89 !important; }
body.m-theme__light .mdl-color-text--blue-grey,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue-grey, body.m-theme__light
.mdl-color-text--blue-grey-500,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color-text--blue-grey-500 {
color: #607d8b !important; }
body.m-theme__dark .mdl-color-text--blue-grey,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue-grey, body.m-theme__dark
.mdl-color-text--blue-grey-500,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color-text--blue-grey-500 {
color: #6b8a99 !important; }
body.m-theme__light .mdl-color-text--blue-grey-600,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue-grey-600 {
color: #546e7a !important; }
body.m-theme__dark .mdl-color-text--blue-grey-600,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue-grey-600 {
color: #879ca7 !important; }
body.m-theme__light .mdl-color-text--blue-grey-700,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue-grey-700 {
color: #455a64 !important; }
body.m-theme__dark .mdl-color-text--blue-grey-700,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue-grey-700 {
color: #9fb0b9 !important; }
body.m-theme__light .mdl-color-text--blue-grey-800,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue-grey-800 {
color: #37474f !important; }
body.m-theme__dark .mdl-color-text--blue-grey-800,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue-grey-800 {
color: #bfcad0 !important; }
body.m-theme__light .mdl-color-text--blue-grey-900,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color-text--blue-grey-900 {
color: #263238 !important; }
body.m-theme__dark .mdl-color-text--blue-grey-900,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color-text--blue-grey-900 {
color: #dee4e7 !important; }
body.m-theme__light .mdl-color--blue-grey-50,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue-grey-50 {
background-color: #eceff1 !important; }
body.m-theme__dark .mdl-color--blue-grey-50,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue-grey-50 {
background-color: #212d32 !important; }
body.m-theme__light .mdl-color--blue-grey-100,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue-grey-100 {
background-color: #cfd8dc !important; }
body.m-theme__dark .mdl-color--blue-grey-100,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue-grey-100 {
background-color: #304047 !important; }
body.m-theme__light .mdl-color--blue-grey-200,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue-grey-200 {
background-color: #b0bec5 !important; }
body.m-theme__dark .mdl-color--blue-grey-200,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue-grey-200 {
background-color: #41555e !important; }
body.m-theme__light .mdl-color--blue-grey-300,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue-grey-300 {
background-color: #90a4ae !important; }
body.m-theme__dark .mdl-color--blue-grey-300,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue-grey-300 {
background-color: #4f6873 !important; }
body.m-theme__light .mdl-color--blue-grey-400,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue-grey-400 {
background-color: #78909c !important; }
body.m-theme__dark .mdl-color--blue-grey-400,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue-grey-400 {
background-color: #5e7c89 !important; }
body.m-theme__light .mdl-color--blue-grey,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue-grey, body.m-theme__light
.mdl-color--blue-grey-500,
body .m-theme--wrapper.m-theme--wrapper__light
.mdl-color--blue-grey-500 {
background-color: #607d8b !important; }
body.m-theme__dark .mdl-color--blue-grey,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue-grey, body.m-theme__dark
.mdl-color--blue-grey-500,
body .m-theme--wrapper.m-theme--wrapper__dark
.mdl-color--blue-grey-500 {
background-color: #6b8a99 !important; }
body.m-theme__light .mdl-color--blue-grey-600,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue-grey-600 {
background-color: #546e7a !important; }
body.m-theme__dark .mdl-color--blue-grey-600,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue-grey-600 {
background-color: #879ca7 !important; }
body.m-theme__light .mdl-color--blue-grey-700,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue-grey-700 {
background-color: #455a64 !important; }
body.m-theme__dark .mdl-color--blue-grey-700,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue-grey-700 {
background-color: #9fb0b9 !important; }
body.m-theme__light .mdl-color--blue-grey-800,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue-grey-800 {
background-color: #37474f !important; }
body.m-theme__dark .mdl-color--blue-grey-800,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue-grey-800 {
background-color: #bfcad0 !important; }
body.m-theme__light .mdl-color--blue-grey-900,
body .m-theme--wrapper.m-theme--wrapper__light .mdl-color--blue-grey-900 {
background-color: #263238 !important; }
body.m-theme__dark .mdl-color--blue-grey-900,
body .m-theme--wrapper.m-theme--wrapper__dark .mdl-color--blue-grey-900 {
background-color: #dee4e7 !important; }
/*!
Ionicons, v2.0.1
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
Android-style icons originally built by Google’s
Material Design Icons: https://github.com/google/material-design-icons
used under CC BY http://creativecommons.org/licenses/by/4.0/
Modified icons to fit ionicon’s grid from original.
*/
@font-face {
font-family: 'Ionicons';
src: url('ionicons.eot?v=2.0.1');
src: url('ionicons.eot?v=2.0.1#iefix') format("embedded-opentype"), url('ionicons.ttf?v=2.0.1') format("truetype"), url('ionicons.woff?v=2.0.1') format("woff"), url('ionicons.svg?v=2.0.1#Ionicons') format("svg");
font-weight: normal;
font-style: normal; }
.ion-icon,
.ion-icon:before {
display: inline-block;
font-family: 'Ionicons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ion-icon {
font-size: 24px;
line-height: 1; }
.ion-icon:before {
font-size: inherit;
line-height: 1; }
.ion-alert:before {
content: '\f101'; }
.ion-alert-circled:before {
content: '\f100'; }
.ion-android-add:before {
content: '\f2c7'; }
.ion-android-add-circle:before {
content: '\f359'; }
.ion-android-alarm-clock:before {
content: '\f35a'; }
.ion-android-alert:before {
content: '\f35b'; }
.ion-android-apps:before {
content: '\f35c'; }
.ion-android-archive:before {
content: '\f2c9'; }
.ion-android-arrow-back:before {
content: '\f2ca'; }
.ion-android-arrow-down:before {
content: '\f35d'; }
.ion-android-arrow-dropdown:before {
content: '\f35f'; }
.ion-android-arrow-dropdown-circle:before {
content: '\f35e'; }
.ion-android-arrow-dropleft:before {
content: '\f361'; }
.ion-android-arrow-dropleft-circle:before {
content: '\f360'; }
.ion-android-arrow-dropright:before {
content: '\f363'; }
.ion-android-arrow-dropright-circle:before {
content: '\f362'; }
.ion-android-arrow-dropup:before {
content: '\f365'; }
.ion-android-arrow-dropup-circle:before {
content: '\f364'; }
.ion-android-arrow-forward:before {
content: '\f30f'; }
.ion-android-arrow-up:before {
content: '\f366'; }
.ion-android-attach:before {
content: '\f367'; }
.ion-android-bar:before {
content: '\f368'; }
.ion-android-bicycle:before {
content: '\f369'; }
.ion-android-boat:before {
content: '\f36a'; }
.ion-android-bookmark:before {
content: '\f36b'; }
.ion-android-bulb:before {
content: '\f36c'; }
.ion-android-bus:before {
content: '\f36d'; }
.ion-android-calendar:before {
content: '\f2d1'; }
.ion-android-call:before {
content: '\f2d2'; }
.ion-android-camera:before {
content: '\f2d3'; }
.ion-android-cancel:before {
content: '\f36e'; }
.ion-android-car:before {
content: '\f36f'; }
.ion-android-cart:before {
content: '\f370'; }
.ion-android-chat:before {
content: '\f2d4'; }
.ion-android-checkbox:before {
content: '\f374'; }
.ion-android-checkbox-blank:before {
content: '\f371'; }
.ion-android-checkbox-outline:before {
content: '\f373'; }
.ion-android-checkbox-outline-blank:before {
content: '\f372'; }
.ion-android-checkmark-circle:before {
content: '\f375'; }
.ion-android-clipboard:before {
content: '\f376'; }
.ion-android-close:before {
content: '\f2d7'; }
.ion-android-cloud:before {
content: '\f37a'; }
.ion-android-cloud-circle:before {
content: '\f377'; }
.ion-android-cloud-done:before {
content: '\f378'; }
.ion-android-cloud-outline:before {
content: '\f379'; }
.ion-android-color-palette:before {
content: '\f37b'; }
.ion-android-compass:before {
content: '\f37c'; }
.ion-android-contact:before {
content: '\f2d8'; }
.ion-android-contacts:before {
content: '\f2d9'; }
.ion-android-contract:before {
content: '\f37d'; }
.ion-android-create:before {
content: '\f37e'; }
.ion-android-delete:before {
content: '\f37f'; }
.ion-android-desktop:before {
content: '\f380'; }
.ion-android-document:before {
content: '\f381'; }
.ion-android-done:before {
content: '\f383'; }
.ion-android-done-all:before {
content: '\f382'; }
.ion-android-download:before {
content: '\f2dd'; }
.ion-android-drafts:before {
content: '\f384'; }
.ion-android-exit:before {
content: '\f385'; }
.ion-android-expand:before {
content: '\f386'; }
.ion-android-favorite:before {
content: '\f388'; }
.ion-android-favorite-outline:before {
content: '\f387'; }
.ion-android-film:before {
content: '\f389'; }
.ion-android-folder:before {
content: '\f2e0'; }
.ion-android-folder-open:before {
content: '\f38a'; }
.ion-android-funnel:before {
content: '\f38b'; }
.ion-android-globe:before {
content: '\f38c'; }
.ion-android-hand:before {
content: '\f2e3'; }
.ion-android-hangout:before {
content: '\f38d'; }
.ion-android-happy:before {
content: '\f38e'; }
.ion-android-home:before {
content: '\f38f'; }
.ion-android-image:before {
content: '\f2e4'; }
.ion-android-laptop:before {
content: '\f390'; }
.ion-android-list:before {
content: '\f391'; }
.ion-android-locate:before {
content: '\f2e9'; }
.ion-android-lock:before {
content: '\f392'; }
.ion-android-mail:before {
content: '\f2eb'; }
.ion-android-map:before {
content: '\f393'; }
.ion-android-menu:before {
content: '\f394'; }
.ion-android-microphone:before {
content: '\f2ec'; }
.ion-android-microphone-off:before {
content: '\f395'; }
.ion-android-more-horizontal:before {
content: '\f396'; }
.ion-android-more-vertical:before {
content: '\f397'; }
.ion-android-navigate:before {
content: '\f398'; }
.ion-android-notifications:before {
content: '\f39b'; }
.ion-android-notifications-none:before {
content: '\f399'; }
.ion-android-notifications-off:before {
content: '\f39a'; }
.ion-android-open:before {
content: '\f39c'; }
.ion-android-options:before {
content: '\f39d'; }
.ion-android-people:before {
content: '\f39e'; }
.ion-android-person:before {
content: '\f3a0'; }
.ion-android-person-add:before {
content: '\f39f'; }
.ion-android-phone-landscape:before {
content: '\f3a1'; }
.ion-android-phone-portrait:before {
content: '\f3a2'; }
.ion-android-pin:before {
content: '\f3a3'; }
.ion-android-plane:before {
content: '\f3a4'; }
.ion-android-playstore:before {
content: '\f2f0'; }
.ion-android-print:before {
content: '\f3a5'; }
.ion-android-radio-button-off:before {
content: '\f3a6'; }
.ion-android-radio-button-on:before {
content: '\f3a7'; }
.ion-android-refresh:before {
content: '\f3a8'; }
.ion-android-remove:before {
content: '\f2f4'; }
.ion-android-remove-circle:before {
content: '\f3a9'; }
.ion-android-restaurant:before {
content: '\f3aa'; }
.ion-android-sad:before {
content: '\f3ab'; }
.ion-android-search:before {
content: '\f2f5'; }
.ion-android-send:before {
content: '\f2f6'; }
.ion-android-settings:before {
content: '\f2f7'; }
.ion-android-share:before {
content: '\f2f8'; }
.ion-android-share-alt:before {
content: '\f3ac'; }
.ion-android-star:before {
content: '\f2fc'; }
.ion-android-star-half:before {
content: '\f3ad'; }
.ion-android-star-outline:before {
content: '\f3ae'; }
.ion-android-stopwatch:before {
content: '\f2fd'; }
.ion-android-subway:before {
content: '\f3af'; }
.ion-android-sunny:before {
content: '\f3b0'; }
.ion-android-sync:before {
content: '\f3b1'; }
.ion-android-textsms:before {
content: '\f3b2'; }
.ion-android-time:before {
content: '\f3b3'; }
.ion-android-train:before {
content: '\f3b4'; }
.ion-android-unlock:before {
content: '\f3b5'; }
.ion-android-upload:before {
content: '\f3b6'; }
.ion-android-volume-down:before {
content: '\f3b7'; }
.ion-android-volume-mute:before {
content: '\f3b8'; }
.ion-android-volume-off:before {
content: '\f3b9'; }
.ion-android-volume-up:before {
content: '\f3ba'; }
.ion-android-walk:before {
content: '\f3bb'; }
.ion-android-warning:before {
content: '\f3bc'; }
.ion-android-watch:before {
content: '\f3bd'; }
.ion-android-wifi:before {
content: '\f305'; }
.ion-aperture:before {
content: '\f313'; }
.ion-archive:before {
content: '\f102'; }
.ion-arrow-down-a:before {
content: '\f103'; }
.ion-arrow-down-b:before {
content: '\f104'; }
.ion-arrow-down-c:before {
content: '\f105'; }
.ion-arrow-expand:before {
content: '\f25e'; }
.ion-arrow-graph-down-left:before {
content: '\f25f'; }
.ion-arrow-graph-down-right:before {
content: '\f260'; }
.ion-arrow-graph-up-left:before {
content: '\f261'; }
.ion-arrow-graph-up-right:before {
content: '\f262'; }
.ion-arrow-left-a:before {
content: '\f106'; }
.ion-arrow-left-b:before {
content: '\f107'; }
.ion-arrow-left-c:before {
content: '\f108'; }
.ion-arrow-move:before {
content: '\f263'; }
.ion-arrow-resize:before {
content: '\f264'; }
.ion-arrow-return-left:before {
content: '\f265'; }
.ion-arrow-return-right:before {
content: '\f266'; }
.ion-arrow-right-a:before {
content: '\f109'; }
.ion-arrow-right-b:before {
content: '\f10a'; }
.ion-arrow-right-c:before {
content: '\f10b'; }
.ion-arrow-shrink:before {
content: '\f267'; }
.ion-arrow-swap:before {
content: '\f268'; }
.ion-arrow-up-a:before {
content: '\f10c'; }
.ion-arrow-up-b:before {
content: '\f10d'; }
.ion-arrow-up-c:before {
content: '\f10e'; }
.ion-asterisk:before {
content: '\f314'; }
.ion-at:before {
content: '\f10f'; }
.ion-backspace:before {
content: '\f3bf'; }
.ion-backspace-outline:before {
content: '\f3be'; }
.ion-bag:before {
content: '\f110'; }
.ion-battery-charging:before {
content: '\f111'; }
.ion-battery-empty:before {
content: '\f112'; }
.ion-battery-full:before {
content: '\f113'; }
.ion-battery-half:before {
content: '\f114'; }
.ion-battery-low:before {
content: '\f115'; }
.ion-beaker:before {
content: '\f269'; }
.ion-beer:before {
content: '\f26a'; }
.ion-bluetooth:before {
content: '\f116'; }
.ion-bonfire:before {
content: '\f315'; }
.ion-bookmark:before {
content: '\f26b'; }
.ion-bowtie:before {
content: '\f3c0'; }
.ion-briefcase:before {
content: '\f26c'; }
.ion-bug:before {
content: '\f2be'; }
.ion-calculator:before {
content: '\f26d'; }
.ion-calendar:before {
content: '\f117'; }
.ion-camera:before {
content: '\f118'; }
.ion-card:before {
content: '\f119'; }
.ion-cash:before {
content: '\f316'; }
.ion-chatbox:before {
content: '\f11b'; }
.ion-chatbox-working:before {
content: '\f11a'; }
.ion-chatboxes:before {
content: '\f11c'; }
.ion-chatbubble:before {
content: '\f11e'; }
.ion-chatbubble-working:before {
content: '\f11d'; }
.ion-chatbubbles:before {
content: '\f11f'; }
.ion-checkmark:before {
content: '\f122'; }
.ion-checkmark-circled:before {
content: '\f120'; }
.ion-checkmark-round:before {
content: '\f121'; }
.ion-chevron-down:before {
content: '\f123'; }
.ion-chevron-left:before {
content: '\f124'; }
.ion-chevron-right:before {
content: '\f125'; }
.ion-chevron-up:before {
content: '\f126'; }
.ion-clipboard:before {
content: '\f127'; }
.ion-clock:before {
content: '\f26e'; }
.ion-close:before {
content: '\f12a'; }
.ion-close-circled:before {
content: '\f128'; }
.ion-close-round:before {
content: '\f129'; }
.ion-closed-captioning:before {
content: '\f317'; }
.ion-cloud:before {
content: '\f12b'; }
.ion-code:before {
content: '\f271'; }
.ion-code-download:before {
content: '\f26f'; }
.ion-code-working:before {
content: '\f270'; }
.ion-coffee:before {
content: '\f272'; }
.ion-compass:before {
content: '\f273'; }
.ion-compose:before {
content: '\f12c'; }
.ion-connection-bars:before {
content: '\f274'; }
.ion-contrast:before {
content: '\f275'; }
.ion-crop:before {
content: '\f3c1'; }
.ion-cube:before {
content: '\f318'; }
.ion-disc:before {
content: '\f12d'; }
.ion-document:before {
content: '\f12f'; }
.ion-document-text:before {
content: '\f12e'; }
.ion-drag:before {
content: '\f130'; }
.ion-earth:before {
content: '\f276'; }
.ion-easel:before {
content: '\f3c2'; }
.ion-edit:before {
content: '\f2bf'; }
.ion-egg:before {
content: '\f277'; }
.ion-eject:before {
content: '\f131'; }
.ion-email:before {
content: '\f132'; }
.ion-email-unread:before {
content: '\f3c3'; }
.ion-erlenmeyer-flask:before {
content: '\f3c5'; }
.ion-erlenmeyer-flask-bubbles:before {
content: '\f3c4'; }
.ion-eye:before {
content: '\f133'; }
.ion-eye-disabled:before {
content: '\f306'; }
.ion-female:before {
content: '\f278'; }
.ion-filing:before {
content: '\f134'; }
.ion-film-marker:before {
content: '\f135'; }
.ion-fireball:before {
content: '\f319'; }
.ion-flag:before {
content: '\f279'; }
.ion-flame:before {
content: '\f31a'; }
.ion-flash:before {
content: '\f137'; }
.ion-flash-off:before {
content: '\f136'; }
.ion-folder:before {
content: '\f139'; }
.ion-fork:before {
content: '\f27a'; }
.ion-fork-repo:before {
content: '\f2c0'; }
.ion-forward:before {
content: '\f13a'; }
.ion-funnel:before {
content: '\f31b'; }
.ion-gear-a:before {
content: '\f13d'; }
.ion-gear-b:before {
content: '\f13e'; }
.ion-grid:before {
content: '\f13f'; }
.ion-hammer:before {
content: '\f27b'; }
.ion-happy:before {
content: '\f31c'; }
.ion-happy-outline:before {
content: '\f3c6'; }
.ion-headphone:before {
content: '\f140'; }
.ion-heart:before {
content: '\f141'; }
.ion-heart-broken:before {
content: '\f31d'; }
.ion-help:before {
content: '\f143'; }
.ion-help-buoy:before {
content: '\f27c'; }
.ion-help-circled:before {
content: '\f142'; }
.ion-home:before {
content: '\f144'; }
.ion-icecream:before {
content: '\f27d'; }
.ion-image:before {
content: '\f147'; }
.ion-images:before {
content: '\f148'; }
.ion-information:before {
content: '\f14a'; }
.ion-information-circled:before {
content: '\f149'; }
.ion-ionic:before {
content: '\f14b'; }
.ion-ios-alarm:before {
content: '\f3c8'; }
.ion-ios-alarm-outline:before {
content: '\f3c7'; }
.ion-ios-albums:before {
content: '\f3ca'; }
.ion-ios-albums-outline:before {
content: '\f3c9'; }
.ion-ios-americanfootball:before {
content: '\f3cc'; }
.ion-ios-americanfootball-outline:before {
content: '\f3cb'; }
.ion-ios-analytics:before {
content: '\f3ce'; }
.ion-ios-analytics-outline:before {
content: '\f3cd'; }
.ion-ios-arrow-back:before {
content: '\f3cf'; }
.ion-ios-arrow-down:before {
content: '\f3d0'; }
.ion-ios-arrow-forward:before {
content: '\f3d1'; }
.ion-ios-arrow-left:before {
content: '\f3d2'; }
.ion-ios-arrow-right:before {
content: '\f3d3'; }
.ion-ios-arrow-thin-down:before {
content: '\f3d4'; }
.ion-ios-arrow-thin-left:before {
content: '\f3d5'; }
.ion-ios-arrow-thin-right:before {
content: '\f3d6'; }
.ion-ios-arrow-thin-up:before {
content: '\f3d7'; }
.ion-ios-arrow-up:before {
content: '\f3d8'; }
.ion-ios-at:before {
content: '\f3da'; }
.ion-ios-at-outline:before {
content: '\f3d9'; }
.ion-ios-barcode:before {
content: '\f3dc'; }
.ion-ios-barcode-outline:before {
content: '\f3db'; }
.ion-ios-baseball:before {
content: '\f3de'; }
.ion-ios-baseball-outline:before {
content: '\f3dd'; }
.ion-ios-basketball:before {
content: '\f3e0'; }
.ion-ios-basketball-outline:before {
content: '\f3df'; }
.ion-ios-bell:before {
content: '\f3e2'; }
.ion-ios-bell-outline:before {
content: '\f3e1'; }
.ion-ios-body:before {
content: '\f3e4'; }
.ion-ios-body-outline:before {
content: '\f3e3'; }
.ion-ios-bolt:before {
content: '\f3e6'; }
.ion-ios-bolt-outline:before {
content: '\f3e5'; }
.ion-ios-book:before {
content: '\f3e8'; }
.ion-ios-book-outline:before {
content: '\f3e7'; }
.ion-ios-bookmarks:before {
content: '\f3ea'; }
.ion-ios-bookmarks-outline:before {
content: '\f3e9'; }
.ion-ios-box:before {
content: '\f3ec'; }
.ion-ios-box-outline:before {
content: '\f3eb'; }
.ion-ios-briefcase:before {
content: '\f3ee'; }
.ion-ios-briefcase-outline:before {
content: '\f3ed'; }
.ion-ios-browsers:before {
content: '\f3f0'; }
.ion-ios-browsers-outline:before {
content: '\f3ef'; }
.ion-ios-calculator:before {
content: '\f3f2'; }
.ion-ios-calculator-outline:before {
content: '\f3f1'; }
.ion-ios-calendar:before {
content: '\f3f4'; }
.ion-ios-calendar-outline:before {
content: '\f3f3'; }
.ion-ios-camera:before {
content: '\f3f6'; }
.ion-ios-camera-outline:before {
content: '\f3f5'; }
.ion-ios-cart:before {
content: '\f3f8'; }
.ion-ios-cart-outline:before {
content: '\f3f7'; }
.ion-ios-chatboxes:before {
content: '\f3fa'; }
.ion-ios-chatboxes-outline:before {
content: '\f3f9'; }
.ion-ios-chatbubble:before {
content: '\f3fc'; }
.ion-ios-chatbubble-outline:before {
content: '\f3fb'; }
.ion-ios-checkmark:before {
content: '\f3ff'; }
.ion-ios-checkmark-empty:before {
content: '\f3fd'; }
.ion-ios-checkmark-outline:before {
content: '\f3fe'; }
.ion-ios-circle-filled:before {
content: '\f400'; }
.ion-ios-circle-outline:before {
content: '\f401'; }
.ion-ios-clock:before {
content: '\f403'; }
.ion-ios-clock-outline:before {
content: '\f402'; }
.ion-ios-close:before {
content: '\f406'; }
.ion-ios-close-empty:before {
content: '\f404'; }
.ion-ios-close-outline:before {
content: '\f405'; }
.ion-ios-cloud:before {
content: '\f40c'; }
.ion-ios-cloud-download:before {
content: '\f408'; }
.ion-ios-cloud-download-outline:before {
content: '\f407'; }
.ion-ios-cloud-outline:before {
content: '\f409'; }
.ion-ios-cloud-upload:before {
content: '\f40b'; }
.ion-ios-cloud-upload-outline:before {
content: '\f40a'; }
.ion-ios-cloudy:before {
content: '\f410'; }
.ion-ios-cloudy-night:before {
content: '\f40e'; }
.ion-ios-cloudy-night-outline:before {
content: '\f40d'; }
.ion-ios-cloudy-outline:before {
content: '\f40f'; }
.ion-ios-cog:before {
content: '\f412'; }
.ion-ios-cog-outline:before {
content: '\f411'; }
.ion-ios-color-filter:before {
content: '\f414'; }
.ion-ios-color-filter-outline:before {
content: '\f413'; }
.ion-ios-color-wand:before {
content: '\f416'; }
.ion-ios-color-wand-outline:before {
content: '\f415'; }
.ion-ios-compose:before {
content: '\f418'; }
.ion-ios-compose-outline:before {
content: '\f417'; }
.ion-ios-contact:before {
content: '\f41a'; }
.ion-ios-contact-outline:before {
content: '\f419'; }
.ion-ios-copy:before {
content: '\f41c'; }
.ion-ios-copy-outline:before {
content: '\f41b'; }
.ion-ios-crop:before {
content: '\f41e'; }
.ion-ios-crop-strong:before {
content: '\f41d'; }
.ion-ios-download:before {
content: '\f420'; }
.ion-ios-download-outline:before {
content: '\f41f'; }
.ion-ios-drag:before {
content: '\f421'; }
.ion-ios-email:before {
content: '\f423'; }
.ion-ios-email-outline:before {
content: '\f422'; }
.ion-ios-eye:before {
content: '\f425'; }
.ion-ios-eye-outline:before {
content: '\f424'; }
.ion-ios-fastforward:before {
content: '\f427'; }
.ion-ios-fastforward-outline:before {
content: '\f426'; }
.ion-ios-filing:before {
content: '\f429'; }
.ion-ios-filing-outline:before {
content: '\f428'; }
.ion-ios-film:before {
content: '\f42b'; }
.ion-ios-film-outline:before {
content: '\f42a'; }
.ion-ios-flag:before {
content: '\f42d'; }
.ion-ios-flag-outline:before {
content: '\f42c'; }
.ion-ios-flame:before {
content: '\f42f'; }
.ion-ios-flame-outline:before {
content: '\f42e'; }
.ion-ios-flask:before {
content: '\f431'; }
.ion-ios-flask-outline:before {
content: '\f430'; }
.ion-ios-flower:before {
content: '\f433'; }
.ion-ios-flower-outline:before {
content: '\f432'; }
.ion-ios-folder:before {
content: '\f435'; }
.ion-ios-folder-outline:before {
content: '\f434'; }
.ion-ios-football:before {
content: '\f437'; }
.ion-ios-football-outline:before {
content: '\f436'; }
.ion-ios-game-controller-a:before {
content: '\f439'; }
.ion-ios-game-controller-a-outline:before {
content: '\f438'; }
.ion-ios-game-controller-b:before {
content: '\f43b'; }
.ion-ios-game-controller-b-outline:before {
content: '\f43a'; }
.ion-ios-gear:before {
content: '\f43d'; }
.ion-ios-gear-outline:before {
content: '\f43c'; }
.ion-ios-glasses:before {
content: '\f43f'; }
.ion-ios-glasses-outline:before {
content: '\f43e'; }
.ion-ios-grid-view:before {
content: '\f441'; }
.ion-ios-grid-view-outline:before {
content: '\f440'; }
.ion-ios-heart:before {
content: '\f443'; }
.ion-ios-heart-outline:before {
content: '\f442'; }
.ion-ios-help:before {
content: '\f446'; }
.ion-ios-help-empty:before {
content: '\f444'; }
.ion-ios-help-outline:before {
content: '\f445'; }
.ion-ios-home:before {
content: '\f448'; }
.ion-ios-home-outline:before {
content: '\f447'; }
.ion-ios-infinite:before {
content: '\f44a'; }
.ion-ios-infinite-outline:before {
content: '\f449'; }
.ion-ios-information:before {
content: '\f44d'; }
.ion-ios-information-empty:before {
content: '\f44b'; }
.ion-ios-information-outline:before {
content: '\f44c'; }
.ion-ios-ionic-outline:before {
content: '\f44e'; }
.ion-ios-keypad:before {
content: '\f450'; }
.ion-ios-keypad-outline:before {
content: '\f44f'; }
.ion-ios-lightbulb:before {
content: '\f452'; }
.ion-ios-lightbulb-outline:before {
content: '\f451'; }
.ion-ios-list:before {
content: '\f454'; }
.ion-ios-list-outline:before {
content: '\f453'; }
.ion-ios-location:before {
content: '\f456'; }
.ion-ios-location-outline:before {
content: '\f455'; }
.ion-ios-locked:before {
content: '\f458'; }
.ion-ios-locked-outline:before {
content: '\f457'; }
.ion-ios-loop:before {
content: '\f45a'; }
.ion-ios-loop-strong:before {
content: '\f459'; }
.ion-ios-medical:before {
content: '\f45c'; }
.ion-ios-medical-outline:before {
content: '\f45b'; }
.ion-ios-medkit:before {
content: '\f45e'; }
.ion-ios-medkit-outline:before {
content: '\f45d'; }
.ion-ios-mic:before {
content: '\f461'; }
.ion-ios-mic-off:before {
content: '\f45f'; }
.ion-ios-mic-outline:before {
content: '\f460'; }
.ion-ios-minus:before {
content: '\f464'; }
.ion-ios-minus-empty:before {
content: '\f462'; }
.ion-ios-minus-outline:before {
content: '\f463'; }
.ion-ios-monitor:before {
content: '\f466'; }
.ion-ios-monitor-outline:before {
content: '\f465'; }
.ion-ios-moon:before {
content: '\f468'; }
.ion-ios-moon-outline:before {
content: '\f467'; }
.ion-ios-more:before {
content: '\f46a'; }
.ion-ios-more-outline:before {
content: '\f469'; }
.ion-ios-musical-note:before {
content: '\f46b'; }
.ion-ios-musical-notes:before {
content: '\f46c'; }
.ion-ios-navigate:before {
content: '\f46e'; }
.ion-ios-navigate-outline:before {
content: '\f46d'; }
.ion-ios-nutrition:before {
content: '\f470'; }
.ion-ios-nutrition-outline:before {
content: '\f46f'; }
.ion-ios-paper:before {
content: '\f472'; }
.ion-ios-paper-outline:before {
content: '\f471'; }
.ion-ios-paperplane:before {
content: '\f474'; }
.ion-ios-paperplane-outline:before {
content: '\f473'; }
.ion-ios-partlysunny:before {
content: '\f476'; }
.ion-ios-partlysunny-outline:before {
content: '\f475'; }
.ion-ios-pause:before {
content: '\f478'; }
.ion-ios-pause-outline:before {
content: '\f477'; }
.ion-ios-paw:before {
content: '\f47a'; }
.ion-ios-paw-outline:before {
content: '\f479'; }
.ion-ios-people:before {
content: '\f47c'; }
.ion-ios-people-outline:before {
content: '\f47b'; }
.ion-ios-person:before {
content: '\f47e'; }
.ion-ios-person-outline:before {
content: '\f47d'; }
.ion-ios-personadd:before {
content: '\f480'; }
.ion-ios-personadd-outline:before {
content: '\f47f'; }
.ion-ios-photos:before {
content: '\f482'; }
.ion-ios-photos-outline:before {
content: '\f481'; }
.ion-ios-pie:before {
content: '\f484'; }
.ion-ios-pie-outline:before {
content: '\f483'; }
.ion-ios-pint:before {
content: '\f486'; }
.ion-ios-pint-outline:before {
content: '\f485'; }
.ion-ios-play:before {
content: '\f488'; }
.ion-ios-play-outline:before {
content: '\f487'; }
.ion-ios-plus:before {
content: '\f48b'; }
.ion-ios-plus-empty:before {
content: '\f489'; }
.ion-ios-plus-outline:before {
content: '\f48a'; }
.ion-ios-pricetag:before {
content: '\f48d'; }
.ion-ios-pricetag-outline:before {
content: '\f48c'; }
.ion-ios-pricetags:before {
content: '\f48f'; }
.ion-ios-pricetags-outline:before {
content: '\f48e'; }
.ion-ios-printer:before {
content: '\f491'; }
.ion-ios-printer-outline:before {
content: '\f490'; }
.ion-ios-pulse:before {
content: '\f493'; }
.ion-ios-pulse-strong:before {
content: '\f492'; }
.ion-ios-rainy:before {
content: '\f495'; }
.ion-ios-rainy-outline:before {
content: '\f494'; }
.ion-ios-recording:before {
content: '\f497'; }
.ion-ios-recording-outline:before {
content: '\f496'; }
.ion-ios-redo:before {
content: '\f499'; }
.ion-ios-redo-outline:before {
content: '\f498'; }
.ion-ios-refresh:before {
content: '\f49c'; }
.ion-ios-refresh-empty:before {
content: '\f49a'; }
.ion-ios-refresh-outline:before {
content: '\f49b'; }
.ion-ios-reload:before {
content: '\f49d'; }
.ion-ios-reverse-camera:before {
content: '\f49f'; }
.ion-ios-reverse-camera-outline:before {
content: '\f49e'; }
.ion-ios-rewind:before {
content: '\f4a1'; }
.ion-ios-rewind-outline:before {
content: '\f4a0'; }
.ion-ios-rose:before {
content: '\f4a3'; }
.ion-ios-rose-outline:before {
content: '\f4a2'; }
.ion-ios-search:before {
content: '\f4a5'; }
.ion-ios-search-strong:before {
content: '\f4a4'; }
.ion-ios-settings:before {
content: '\f4a7'; }
.ion-ios-settings-strong:before {
content: '\f4a6'; }
.ion-ios-shuffle:before {
content: '\f4a9'; }
.ion-ios-shuffle-strong:before {
content: '\f4a8'; }
.ion-ios-skipbackward:before {
content: '\f4ab'; }
.ion-ios-skipbackward-outline:before {
content: '\f4aa'; }
.ion-ios-skipforward:before {
content: '\f4ad'; }
.ion-ios-skipforward-outline:before {
content: '\f4ac'; }
.ion-ios-snowy:before {
content: '\f4ae'; }
.ion-ios-speedometer:before {
content: '\f4b0'; }
.ion-ios-speedometer-outline:before {
content: '\f4af'; }
.ion-ios-star:before {
content: '\f4b3'; }
.ion-ios-star-half:before {
content: '\f4b1'; }
.ion-ios-star-outline:before {
content: '\f4b2'; }
.ion-ios-stopwatch:before {
content: '\f4b5'; }
.ion-ios-stopwatch-outline:before {
content: '\f4b4'; }
.ion-ios-sunny:before {
content: '\f4b7'; }
.ion-ios-sunny-outline:before {
content: '\f4b6'; }
.ion-ios-telephone:before {
content: '\f4b9'; }
.ion-ios-telephone-outline:before {
content: '\f4b8'; }
.ion-ios-tennisball:before {
content: '\f4bb'; }
.ion-ios-tennisball-outline:before {
content: '\f4ba'; }
.ion-ios-thunderstorm:before {
content: '\f4bd'; }
.ion-ios-thunderstorm-outline:before {
content: '\f4bc'; }
.ion-ios-time:before {
content: '\f4bf'; }
.ion-ios-time-outline:before {
content: '\f4be'; }
.ion-ios-timer:before {
content: '\f4c1'; }
.ion-ios-timer-outline:before {
content: '\f4c0'; }
.ion-ios-toggle:before {
content: '\f4c3'; }
.ion-ios-toggle-outline:before {
content: '\f4c2'; }
.ion-ios-trash:before {
content: '\f4c5'; }
.ion-ios-trash-outline:before {
content: '\f4c4'; }
.ion-ios-undo:before {
content: '\f4c7'; }
.ion-ios-undo-outline:before {
content: '\f4c6'; }
.ion-ios-unlocked:before {
content: '\f4c9'; }
.ion-ios-unlocked-outline:before {
content: '\f4c8'; }
.ion-ios-upload:before {
content: '\f4cb'; }
.ion-ios-upload-outline:before {
content: '\f4ca'; }
.ion-ios-videocam:before {
content: '\f4cd'; }
.ion-ios-videocam-outline:before {
content: '\f4cc'; }
.ion-ios-volume-high:before {
content: '\f4ce'; }
.ion-ios-volume-low:before {
content: '\f4cf'; }
.ion-ios-wineglass:before {
content: '\f4d1'; }
.ion-ios-wineglass-outline:before {
content: '\f4d0'; }
.ion-ios-world:before {
content: '\f4d3'; }
.ion-ios-world-outline:before {
content: '\f4d2'; }
.ion-ipad:before {
content: '\f1f9'; }
.ion-iphone:before {
content: '\f1fa'; }
.ion-ipod:before {
content: '\f1fb'; }
.ion-jet:before {
content: '\f295'; }
.ion-key:before {
content: '\f296'; }
.ion-knife:before {
content: '\f297'; }
.ion-laptop:before {
content: '\f1fc'; }
.ion-leaf:before {
content: '\f1fd'; }
.ion-levels:before {
content: '\f298'; }
.ion-lightbulb:before {
content: '\f299'; }
.ion-link:before {
content: '\f1fe'; }
.ion-load-a:before {
content: '\f29a'; }
.ion-load-b:before {
content: '\f29b'; }
.ion-load-c:before {
content: '\f29c'; }
.ion-load-d:before {
content: '\f29d'; }
.ion-location:before {
content: '\f1ff'; }
.ion-lock-combination:before {
content: '\f4d4'; }
.ion-locked:before {
content: '\f200'; }
.ion-log-in:before {
content: '\f29e'; }
.ion-log-out:before {
content: '\f29f'; }
.ion-loop:before {
content: '\f201'; }
.ion-magnet:before {
content: '\f2a0'; }
.ion-male:before {
content: '\f2a1'; }
.ion-man:before {
content: '\f202'; }
.ion-map:before {
content: '\f203'; }
.ion-medkit:before {
content: '\f2a2'; }
.ion-merge:before {
content: '\f33f'; }
.ion-mic-a:before {
content: '\f204'; }
.ion-mic-b:before {
content: '\f205'; }
.ion-mic-c:before {
content: '\f206'; }
.ion-minus:before {
content: '\f209'; }
.ion-minus-circled:before {
content: '\f207'; }
.ion-minus-round:before {
content: '\f208'; }
.ion-model-s:before {
content: '\f2c1'; }
.ion-monitor:before {
content: '\f20a'; }
.ion-more:before {
content: '\f20b'; }
.ion-mouse:before {
content: '\f340'; }
.ion-music-note:before {
content: '\f20c'; }
.ion-navicon:before {
content: '\f20e'; }
.ion-navicon-round:before {
content: '\f20d'; }
.ion-navigate:before {
content: '\f2a3'; }
.ion-network:before {
content: '\f341'; }
.ion-no-smoking:before {
content: '\f2c2'; }
.ion-nuclear:before {
content: '\f2a4'; }
.ion-outlet:before {
content: '\f342'; }
.ion-paintbrush:before {
content: '\f4d5'; }
.ion-paintbucket:before {
content: '\f4d6'; }
.ion-paper-airplane:before {
content: '\f2c3'; }
.ion-paperclip:before {
content: '\f20f'; }
.ion-pause:before {
content: '\f210'; }
.ion-person:before {
content: '\f213'; }
.ion-person-add:before {
content: '\f211'; }
.ion-person-stalker:before {
content: '\f212'; }
.ion-pie-graph:before {
content: '\f2a5'; }
.ion-pin:before {
content: '\f2a6'; }
.ion-pinpoint:before {
content: '\f2a7'; }
.ion-pizza:before {
content: '\f2a8'; }
.ion-plane:before {
content: '\f214'; }
.ion-planet:before {
content: '\f343'; }
.ion-play:before {
content: '\f215'; }
.ion-playstation:before {
content: '\f30a'; }
.ion-plus:before {
content: '\f218'; }
.ion-plus-circled:before {
content: '\f216'; }
.ion-plus-round:before {
content: '\f217'; }
.ion-podium:before {
content: '\f344'; }
.ion-pound:before {
content: '\f219'; }
.ion-power:before {
content: '\f2a9'; }
.ion-pricetag:before {
content: '\f2aa'; }
.ion-pricetags:before {
content: '\f2ab'; }
.ion-printer:before {
content: '\f21a'; }
.ion-pull-request:before {
content: '\f345'; }
.ion-qr-scanner:before {
content: '\f346'; }
.ion-quote:before {
content: '\f347'; }
.ion-radio-waves:before {
content: '\f2ac'; }
.ion-record:before {
content: '\f21b'; }
.ion-refresh:before {
content: '\f21c'; }
.ion-reply:before {
content: '\f21e'; }
.ion-reply-all:before {
content: '\f21d'; }
.ion-ribbon-a:before {
content: '\f348'; }
.ion-ribbon-b:before {
content: '\f349'; }
.ion-sad:before {
content: '\f34a'; }
.ion-sad-outline:before {
content: '\f4d7'; }
.ion-scissors:before {
content: '\f34b'; }
.ion-search:before {
content: '\f21f'; }
.ion-settings:before {
content: '\f2ad'; }
.ion-share:before {
content: '\f220'; }
.ion-shuffle:before {
content: '\f221'; }
.ion-skip-backward:before {
content: '\f222'; }
.ion-skip-forward:before {
content: '\f223'; }
.ion-social-android:before {
content: '\f225'; }
.ion-social-android-outline:before {
content: '\f224'; }
.ion-social-angular:before {
content: '\f4d9'; }
.ion-social-angular-outline:before {
content: '\f4d8'; }
.ion-social-apple:before {
content: '\f227'; }
.ion-social-apple-outline:before {
content: '\f226'; }
.ion-social-bitcoin:before {
content: '\f2af'; }
.ion-social-bitcoin-outline:before {
content: '\f2ae'; }
.ion-social-buffer:before {
content: '\f229'; }
.ion-social-buffer-outline:before {
content: '\f228'; }
.ion-social-chrome:before {
content: '\f4db'; }
.ion-social-chrome-outline:before {
content: '\f4da'; }
.ion-social-codepen:before {
content: '\f4dd'; }
.ion-social-codepen-outline:before {
content: '\f4dc'; }
.ion-social-css3:before {
content: '\f4df'; }
.ion-social-css3-outline:before {
content: '\f4de'; }
.ion-social-designernews:before {
content: '\f22b'; }
.ion-social-designernews-outline:before {
content: '\f22a'; }
.ion-social-dribbble:before {
content: '\f22d'; }
.ion-social-dribbble-outline:before {
content: '\f22c'; }
.ion-social-dropbox:before {
content: '\f22f'; }
.ion-social-dropbox-outline:before {
content: '\f22e'; }
.ion-social-euro:before {
content: '\f4e1'; }
.ion-social-euro-outline:before {
content: '\f4e0'; }
.ion-social-facebook:before {
content: '\f231'; }
.ion-social-facebook-outline:before {
content: '\f230'; }
.ion-social-foursquare:before {
content: '\f34d'; }
.ion-social-foursquare-outline:before {
content: '\f34c'; }
.ion-social-freebsd-devil:before {
content: '\f2c4'; }
.ion-social-github:before {
content: '\f233'; }
.ion-social-github-outline:before {
content: '\f232'; }
.ion-social-google:before {
content: '\f34f'; }
.ion-social-google-outline:before {
content: '\f34e'; }
.ion-social-googleplus:before {
content: '\f235'; }
.ion-social-googleplus-outline:before {
content: '\f234'; }
.ion-social-hackernews:before {
content: '\f237'; }
.ion-social-hackernews-outline:before {
content: '\f236'; }
.ion-social-html5:before {
content: '\f4e3'; }
.ion-social-html5-outline:before {
content: '\f4e2'; }
.ion-social-instagram:before {
content: '\f351'; }
.ion-social-instagram-outline:before {
content: '\f350'; }
.ion-social-javascript:before {
content: '\f4e5'; }
.ion-social-javascript-outline:before {
content: '\f4e4'; }
.ion-social-linkedin:before {
content: '\f239'; }
.ion-social-linkedin-outline:before {
content: '\f238'; }
.ion-social-markdown:before {
content: '\f4e6'; }
.ion-social-nodejs:before {
content: '\f4e7'; }
.ion-social-octocat:before {
content: '\f4e8'; }
.ion-social-pinterest:before {
content: '\f2b1'; }
.ion-social-pinterest-outline:before {
content: '\f2b0'; }
.ion-social-python:before {
content: '\f4e9'; }
.ion-social-reddit:before {
content: '\f23b'; }
.ion-social-reddit-outline:before {
content: '\f23a'; }
.ion-social-rss:before {
content: '\f23d'; }
.ion-social-rss-outline:before {
content: '\f23c'; }
.ion-social-sass:before {
content: '\f4ea'; }
.ion-social-skype:before {
content: '\f23f'; }
.ion-social-skype-outline:before {
content: '\f23e'; }
.ion-social-snapchat:before {
content: '\f4ec'; }
.ion-social-snapchat-outline:before {
content: '\f4eb'; }
.ion-social-tumblr:before {
content: '\f241'; }
.ion-social-tumblr-outline:before {
content: '\f240'; }
.ion-social-tux:before {
content: '\f2c5'; }
.ion-social-twitch:before {
content: '\f4ee'; }
.ion-social-twitch-outline:before {
content: '\f4ed'; }
.ion-social-twitter:before {
content: '\f243'; }
.ion-social-twitter-outline:before {
content: '\f242'; }
.ion-social-usd:before {
content: '\f353'; }
.ion-social-usd-outline:before {
content: '\f352'; }
.ion-social-vimeo:before {
content: '\f245'; }
.ion-social-vimeo-outline:before {
content: '\f244'; }
.ion-social-whatsapp:before {
content: '\f4f0'; }
.ion-social-whatsapp-outline:before {
content: '\f4ef'; }
.ion-social-windows:before {
content: '\f247'; }
.ion-social-windows-outline:before {
content: '\f246'; }
.ion-social-wordpress:before {
content: '\f249'; }
.ion-social-wordpress-outline:before {
content: '\f248'; }
.ion-social-yahoo:before {
content: '\f24b'; }
.ion-social-yahoo-outline:before {
content: '\f24a'; }
.ion-social-yen:before {
content: '\f4f2'; }
.ion-social-yen-outline:before {
content: '\f4f1'; }
.ion-social-youtube:before {
content: '\f24d'; }
.ion-social-youtube-outline:before {
content: '\f24c'; }
.ion-soup-can:before {
content: '\f4f4'; }
.ion-soup-can-outline:before {
content: '\f4f3'; }
.ion-speakerphone:before {
content: '\f2b2'; }
.ion-speedometer:before {
content: '\f2b3'; }
.ion-spoon:before {
content: '\f2b4'; }
.ion-star:before {
content: '\f24e'; }
.ion-stats-bars:before {
content: '\f2b5'; }
.ion-steam:before {
content: '\f30b'; }
.ion-stop:before {
content: '\f24f'; }
.ion-thermometer:before {
content: '\f2b6'; }
.ion-thumbsdown:before {
content: '\f250'; }
.ion-thumbsup:before {
content: '\f251'; }
.ion-toggle:before {
content: '\f355'; }
.ion-toggle-filled:before {
content: '\f354'; }
.ion-transgender:before {
content: '\f4f5'; }
.ion-trash-a:before {
content: '\f252'; }
.ion-trash-b:before {
content: '\f253'; }
.ion-trophy:before {
content: '\f356'; }
.ion-tshirt:before {
content: '\f4f7'; }
.ion-tshirt-outline:before {
content: '\f4f6'; }
.ion-umbrella:before {
content: '\f2b7'; }
.ion-university:before {
content: '\f357'; }
.ion-unlocked:before {
content: '\f254'; }
.ion-upload:before {
content: '\f255'; }
.ion-usb:before {
content: '\f2b8'; }
.ion-videocamera:before {
content: '\f256'; }
.ion-volume-high:before {
content: '\f257'; }
.ion-volume-low:before {
content: '\f258'; }
.ion-volume-medium:before {
content: '\f259'; }
.ion-volume-mute:before {
content: '\f25a'; }
.ion-wand:before {
content: '\f358'; }
.ion-waterdrop:before {
content: '\f25b'; }
.ion-wifi:before {
content: '\f25c'; }
.ion-wineglass:before {
content: '\f2b9'; }
.ion-woman:before {
content: '\f25d'; }
.ion-wrench:before {
content: '\f2ba'; }
.ion-xbox:before {
content: '\f30c'; }
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('fontawesome-webfont.eot?v=4.7.0');
src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format("embedded-opentype"), url('fontawesome-webfont.woff2?v=4.7.0') format("woff2"), url('fontawesome-webfont.woff?v=4.7.0') format("woff"), url('fontawesome-webfont.ttf?v=4.7.0') format("truetype"), url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format("svg");
font-weight: normal;
font-style: normal; }
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
font-display: block;
/* Added by Minds */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: 1.28571429em;
text-align: center; }
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center; }
.fa-li.fa-lg {
left: -1.85714286em; }
.fa-border {
padding: 0.2em 0.25em 0.15em;
border: solid 0.08em #eeeeee;
border-radius: 0.1em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left {
margin-right: 0.3em; }
.fa.fa-pull-right {
margin-left: 0.3em; }
/* Deprecated as of 4.4.0 */
.pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left {
margin-right: 0.3em; }
.fa.pull-right {
margin-left: 0.3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
@keyframes fa-spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
.fa-rotate-90 {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)';
transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none; }
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #ffffff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: '\f000'; }
.fa-music:before {
content: '\f001'; }
.fa-search:before {
content: '\f002'; }
.fa-envelope-o:before {
content: '\f003'; }
.fa-heart:before {
content: '\f004'; }
.fa-star:before {
content: '\f005'; }
.fa-star-o:before {
content: '\f006'; }
.fa-user:before {
content: '\f007'; }
.fa-film:before {
content: '\f008'; }
.fa-th-large:before {
content: '\f009'; }
.fa-th:before {
content: '\f00a'; }
.fa-th-list:before {
content: '\f00b'; }
.fa-check:before {
content: '\f00c'; }
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: '\f00d'; }
.fa-search-plus:before {
content: '\f00e'; }
.fa-search-minus:before {
content: '\f010'; }
.fa-power-off:before {
content: '\f011'; }
.fa-signal:before {
content: '\f012'; }
.fa-gear:before,
.fa-cog:before {
content: '\f013'; }
.fa-trash-o:before {
content: '\f014'; }
.fa-home:before {
content: '\f015'; }
.fa-file-o:before {
content: '\f016'; }
.fa-clock-o:before {
content: '\f017'; }
.fa-road:before {
content: '\f018'; }
.fa-download:before {
content: '\f019'; }
.fa-arrow-circle-o-down:before {
content: '\f01a'; }
.fa-arrow-circle-o-up:before {
content: '\f01b'; }
.fa-inbox:before {
content: '\f01c'; }
.fa-play-circle-o:before {
content: '\f01d'; }
.fa-rotate-right:before,
.fa-repeat:before {
content: '\f01e'; }
.fa-refresh:before {
content: '\f021'; }
.fa-list-alt:before {
content: '\f022'; }
.fa-lock:before {
content: '\f023'; }
.fa-flag:before {
content: '\f024'; }
.fa-headphones:before {
content: '\f025'; }
.fa-volume-off:before {
content: '\f026'; }
.fa-volume-down:before {
content: '\f027'; }
.fa-volume-up:before {
content: '\f028'; }
.fa-qrcode:before {
content: '\f029'; }
.fa-barcode:before {
content: '\f02a'; }
.fa-tag:before {
content: '\f02b'; }
.fa-tags:before {
content: '\f02c'; }
.fa-book:before {
content: '\f02d'; }
.fa-bookmark:before {
content: '\f02e'; }
.fa-print:before {
content: '\f02f'; }
.fa-camera:before {
content: '\f030'; }
.fa-font:before {
content: '\f031'; }
.fa-bold:before {
content: '\f032'; }
.fa-italic:before {
content: '\f033'; }
.fa-text-height:before {
content: '\f034'; }
.fa-text-width:before {
content: '\f035'; }
.fa-align-left:before {
content: '\f036'; }
.fa-align-center:before {
content: '\f037'; }
.fa-align-right:before {
content: '\f038'; }
.fa-align-justify:before {
content: '\f039'; }
.fa-list:before {
content: '\f03a'; }
.fa-dedent:before,
.fa-outdent:before {
content: '\f03b'; }
.fa-indent:before {
content: '\f03c'; }
.fa-video-camera:before {
content: '\f03d'; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: '\f03e'; }
.fa-pencil:before {
content: '\f040'; }
.fa-map-marker:before {
content: '\f041'; }
.fa-adjust:before {
content: '\f042'; }
.fa-tint:before {
content: '\f043'; }
.fa-edit:before,
.fa-pencil-square-o:before {
content: '\f044'; }
.fa-share-square-o:before {
content: '\f045'; }
.fa-check-square-o:before {
content: '\f046'; }
.fa-arrows:before {
content: '\f047'; }
.fa-step-backward:before {
content: '\f048'; }
.fa-fast-backward:before {
content: '\f049'; }
.fa-backward:before {
content: '\f04a'; }
.fa-play:before {
content: '\f04b'; }
.fa-pause:before {
content: '\f04c'; }
.fa-stop:before {
content: '\f04d'; }
.fa-forward:before {
content: '\f04e'; }
.fa-fast-forward:before {
content: '\f050'; }
.fa-step-forward:before {
content: '\f051'; }
.fa-eject:before {
content: '\f052'; }
.fa-chevron-left:before {
content: '\f053'; }
.fa-chevron-right:before {
content: '\f054'; }
.fa-plus-circle:before {
content: '\f055'; }
.fa-minus-circle:before {
content: '\f056'; }
.fa-times-circle:before {
content: '\f057'; }
.fa-check-circle:before {
content: '\f058'; }
.fa-question-circle:before {
content: '\f059'; }
.fa-info-circle:before {
content: '\f05a'; }
.fa-crosshairs:before {
content: '\f05b'; }
.fa-times-circle-o:before {
content: '\f05c'; }
.fa-check-circle-o:before {
content: '\f05d'; }
.fa-ban:before {
content: '\f05e'; }
.fa-arrow-left:before {
content: '\f060'; }
.fa-arrow-right:before {
content: '\f061'; }
.fa-arrow-up:before {
content: '\f062'; }
.fa-arrow-down:before {
content: '\f063'; }
.fa-mail-forward:before,
.fa-share:before {
content: '\f064'; }
.fa-expand:before {
content: '\f065'; }
.fa-compress:before {
content: '\f066'; }
.fa-plus:before {
content: '\f067'; }
.fa-minus:before {
content: '\f068'; }
.fa-asterisk:before {
content: '\f069'; }
.fa-exclamation-circle:before {
content: '\f06a'; }
.fa-gift:before {
content: '\f06b'; }
.fa-leaf:before {
content: '\f06c'; }
.fa-fire:before {
content: '\f06d'; }
.fa-eye:before {
content: '\f06e'; }
.fa-eye-slash:before {
content: '\f070'; }
.fa-warning:before,
.fa-exclamation-triangle:before {
content: '\f071'; }
.fa-plane:before {
content: '\f072'; }
.fa-calendar:before {
content: '\f073'; }
.fa-random:before {
content: '\f074'; }
.fa-comment:before {
content: '\f075'; }
.fa-magnet:before {
content: '\f076'; }
.fa-chevron-up:before {
content: '\f077'; }
.fa-chevron-down:before {
content: '\f078'; }
.fa-retweet:before {
content: '\f079'; }
.fa-shopping-cart:before {
content: '\f07a'; }
.fa-folder:before {
content: '\f07b'; }
.fa-folder-open:before {
content: '\f07c'; }
.fa-arrows-v:before {
content: '\f07d'; }
.fa-arrows-h:before {
content: '\f07e'; }
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: '\f080'; }
.fa-twitter-square:before {
content: '\f081'; }
.fa-facebook-square:before {
content: '\f082'; }
.fa-camera-retro:before {
content: '\f083'; }
.fa-key:before {
content: '\f084'; }
.fa-gears:before,
.fa-cogs:before {
content: '\f085'; }
.fa-comments:before {
content: '\f086'; }
.fa-thumbs-o-up:before {
content: '\f087'; }
.fa-thumbs-o-down:before {
content: '\f088'; }
.fa-star-half:before {
content: '\f089'; }
.fa-heart-o:before {
content: '\f08a'; }
.fa-sign-out:before {
content: '\f08b'; }
.fa-linkedin-square:before {
content: '\f08c'; }
.fa-thumb-tack:before {
content: '\f08d'; }
.fa-external-link:before {
content: '\f08e'; }
.fa-sign-in:before {
content: '\f090'; }
.fa-trophy:before {
content: '\f091'; }
.fa-github-square:before {
content: '\f092'; }
.fa-upload:before {
content: '\f093'; }
.fa-lemon-o:before {
content: '\f094'; }
.fa-phone:before {
content: '\f095'; }
.fa-square-o:before {
content: '\f096'; }
.fa-bookmark-o:before {
content: '\f097'; }
.fa-phone-square:before {
content: '\f098'; }
.fa-twitter:before {
content: '\f099'; }
.fa-facebook-f:before,
.fa-facebook:before {
content: '\f09a'; }
.fa-github:before {
content: '\f09b'; }
.fa-unlock:before {
content: '\f09c'; }
.fa-credit-card:before {
content: '\f09d'; }
.fa-feed:before,
.fa-rss:before {
content: '\f09e'; }
.fa-hdd-o:before {
content: '\f0a0'; }
.fa-bullhorn:before {
content: '\f0a1'; }
.fa-bell:before {
content: '\f0f3'; }
.fa-certificate:before {
content: '\f0a3'; }
.fa-hand-o-right:before {
content: '\f0a4'; }
.fa-hand-o-left:before {
content: '\f0a5'; }
.fa-hand-o-up:before {
content: '\f0a6'; }
.fa-hand-o-down:before {
content: '\f0a7'; }
.fa-arrow-circle-left:before {
content: '\f0a8'; }
.fa-arrow-circle-right:before {
content: '\f0a9'; }
.fa-arrow-circle-up:before {
content: '\f0aa'; }
.fa-arrow-circle-down:before {
content: '\f0ab'; }
.fa-globe:before {
content: '\f0ac'; }
.fa-wrench:before {
content: '\f0ad'; }
.fa-tasks:before {
content: '\f0ae'; }
.fa-filter:before {
content: '\f0b0'; }
.fa-briefcase:before {
content: '\f0b1'; }
.fa-arrows-alt:before {
content: '\f0b2'; }
.fa-group:before,
.fa-users:before {
content: '\f0c0'; }
.fa-chain:before,
.fa-link:before {
content: '\f0c1'; }
.fa-cloud:before {
content: '\f0c2'; }
.fa-flask:before {
content: '\f0c3'; }
.fa-cut:before,
.fa-scissors:before {
content: '\f0c4'; }
.fa-copy:before,
.fa-files-o:before {
content: '\f0c5'; }
.fa-paperclip:before {
content: '\f0c6'; }
.fa-save:before,
.fa-floppy-o:before {
content: '\f0c7'; }
.fa-square:before {
content: '\f0c8'; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: '\f0c9'; }
.fa-list-ul:before {
content: '\f0ca'; }
.fa-list-ol:before {
content: '\f0cb'; }
.fa-strikethrough:before {
content: '\f0cc'; }
.fa-underline:before {
content: '\f0cd'; }
.fa-table:before {
content: '\f0ce'; }
.fa-magic:before {
content: '\f0d0'; }
.fa-truck:before {
content: '\f0d1'; }
.fa-pinterest:before {
content: '\f0d2'; }
.fa-pinterest-square:before {
content: '\f0d3'; }
.fa-google-plus-square:before {
content: '\f0d4'; }
.fa-google-plus:before {
content: '\f0d5'; }
.fa-money:before {
content: '\f0d6'; }
.fa-caret-down:before {
content: '\f0d7'; }
.fa-caret-up:before {
content: '\f0d8'; }
.fa-caret-left:before {
content: '\f0d9'; }
.fa-caret-right:before {
content: '\f0da'; }
.fa-columns:before {
content: '\f0db'; }
.fa-unsorted:before,
.fa-sort:before {
content: '\f0dc'; }
.fa-sort-down:before,
.fa-sort-desc:before {
content: '\f0dd'; }
.fa-sort-up:before,
.fa-sort-asc:before {
content: '\f0de'; }
.fa-envelope:before {
content: '\f0e0'; }
.fa-linkedin:before {
content: '\f0e1'; }
.fa-rotate-left:before,
.fa-undo:before {
content: '\f0e2'; }
.fa-legal:before,
.fa-gavel:before {
content: '\f0e3'; }
.fa-dashboard:before,
.fa-tachometer:before {
content: '\f0e4'; }
.fa-comment-o:before {
content: '\f0e5'; }
.fa-comments-o:before {
content: '\f0e6'; }
.fa-flash:before,
.fa-bolt:before {
content: '\f0e7'; }
.fa-sitemap:before {
content: '\f0e8'; }
.fa-umbrella:before {
content: '\f0e9'; }
.fa-paste:before,
.fa-clipboard:before {
content: '\f0ea'; }
.fa-lightbulb-o:before {
content: '\f0eb'; }
.fa-exchange:before {
content: '\f0ec'; }
.fa-cloud-download:before {
content: '\f0ed'; }
.fa-cloud-upload:before {
content: '\f0ee'; }
.fa-user-md:before {
content: '\f0f0'; }
.fa-stethoscope:before {
content: '\f0f1'; }
.fa-suitcase:before {
content: '\f0f2'; }
.fa-bell-o:before {
content: '\f0a2'; }
.fa-coffee:before {
content: '\f0f4'; }
.fa-cutlery:before {
content: '\f0f5'; }
.fa-file-text-o:before {
content: '\f0f6'; }
.fa-building-o:before {
content: '\f0f7'; }
.fa-hospital-o:before {
content: '\f0f8'; }
.fa-ambulance:before {
content: '\f0f9'; }
.fa-medkit:before {
content: '\f0fa'; }
.fa-fighter-jet:before {
content: '\f0fb'; }
.fa-beer:before {
content: '\f0fc'; }
.fa-h-square:before {
content: '\f0fd'; }
.fa-plus-square:before {
content: '\f0fe'; }
.fa-angle-double-left:before {
content: '\f100'; }
.fa-angle-double-right:before {
content: '\f101'; }
.fa-angle-double-up:before {
content: '\f102'; }
.fa-angle-double-down:before {
content: '\f103'; }
.fa-angle-left:before {
content: '\f104'; }
.fa-angle-right:before {
content: '\f105'; }
.fa-angle-up:before {
content: '\f106'; }
.fa-angle-down:before {
content: '\f107'; }
.fa-desktop:before {
content: '\f108'; }
.fa-laptop:before {
content: '\f109'; }
.fa-tablet:before {
content: '\f10a'; }
.fa-mobile-phone:before,
.fa-mobile:before {
content: '\f10b'; }
.fa-circle-o:before {
content: '\f10c'; }
.fa-quote-left:before {
content: '\f10d'; }
.fa-quote-right:before {
content: '\f10e'; }
.fa-spinner:before {
content: '\f110'; }
.fa-circle:before {
content: '\f111'; }
.fa-mail-reply:before,
.fa-reply:before {
content: '\f112'; }
.fa-github-alt:before {
content: '\f113'; }
.fa-folder-o:before {
content: '\f114'; }
.fa-folder-open-o:before {
content: '\f115'; }
.fa-smile-o:before {
content: '\f118'; }
.fa-frown-o:before {
content: '\f119'; }
.fa-meh-o:before {
content: '\f11a'; }
.fa-gamepad:before {
content: '\f11b'; }
.fa-keyboard-o:before {
content: '\f11c'; }
.fa-flag-o:before {
content: '\f11d'; }
.fa-flag-checkered:before {
content: '\f11e'; }
.fa-terminal:before {
content: '\f120'; }
.fa-code:before {
content: '\f121'; }
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: '\f122'; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: '\f123'; }
.fa-location-arrow:before {
content: '\f124'; }
.fa-crop:before {
content: '\f125'; }
.fa-code-fork:before {
content: '\f126'; }
.fa-unlink:before,
.fa-chain-broken:before {
content: '\f127'; }
.fa-question:before {
content: '\f128'; }
.fa-info:before {
content: '\f129'; }
.fa-exclamation:before {
content: '\f12a'; }
.fa-superscript:before {
content: '\f12b'; }
.fa-subscript:before {
content: '\f12c'; }
.fa-eraser:before {
content: '\f12d'; }
.fa-puzzle-piece:before {
content: '\f12e'; }
.fa-microphone:before {
content: '\f130'; }
.fa-microphone-slash:before {
content: '\f131'; }
.fa-shield:before {
content: '\f132'; }
.fa-calendar-o:before {
content: '\f133'; }
.fa-fire-extinguisher:before {
content: '\f134'; }
.fa-rocket:before {
content: '\f135'; }
.fa-maxcdn:before {
content: '\f136'; }
.fa-chevron-circle-left:before {
content: '\f137'; }
.fa-chevron-circle-right:before {
content: '\f138'; }
.fa-chevron-circle-up:before {
content: '\f139'; }
.fa-chevron-circle-down:before {
content: '\f13a'; }
.fa-html5:before {
content: '\f13b'; }
.fa-css3:before {
content: '\f13c'; }
.fa-anchor:before {
content: '\f13d'; }
.fa-unlock-alt:before {
content: '\f13e'; }
.fa-bullseye:before {
content: '\f140'; }
.fa-ellipsis-h:before {
content: '\f141'; }
.fa-ellipsis-v:before {
content: '\f142'; }
.fa-rss-square:before {
content: '\f143'; }
.fa-play-circle:before {
content: '\f144'; }
.fa-ticket:before {
content: '\f145'; }
.fa-minus-square:before {
content: '\f146'; }
.fa-minus-square-o:before {
content: '\f147'; }
.fa-level-up:before {
content: '\f148'; }
.fa-level-down:before {
content: '\f149'; }
.fa-check-square:before {
content: '\f14a'; }
.fa-pencil-square:before {
content: '\f14b'; }
.fa-external-link-square:before {
content: '\f14c'; }
.fa-share-square:before {
content: '\f14d'; }
.fa-compass:before {
content: '\f14e'; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: '\f150'; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: '\f151'; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: '\f152'; }
.fa-euro:before,
.fa-eur:before {
content: '\f153'; }
.fa-gbp:before {
content: '\f154'; }
.fa-dollar:before,
.fa-usd:before {
content: '\f155'; }
.fa-rupee:before,
.fa-inr:before {
content: '\f156'; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: '\f157'; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: '\f158'; }
.fa-won:before,
.fa-krw:before {
content: '\f159'; }
.fa-bitcoin:before,
.fa-btc:before {
content: '\f15a'; }
.fa-file:before {
content: '\f15b'; }
.fa-file-text:before {
content: '\f15c'; }
.fa-sort-alpha-asc:before {
content: '\f15d'; }
.fa-sort-alpha-desc:before {
content: '\f15e'; }
.fa-sort-amount-asc:before {
content: '\f160'; }
.fa-sort-amount-desc:before {
content: '\f161'; }
.fa-sort-numeric-asc:before {
content: '\f162'; }
.fa-sort-numeric-desc:before {
content: '\f163'; }
.fa-thumbs-up:before {
content: '\f164'; }
.fa-thumbs-down:before {
content: '\f165'; }
.fa-youtube-square:before {
content: '\f166'; }
.fa-youtube:before {
content: '\f167'; }
.fa-xing:before {
content: '\f168'; }
.fa-xing-square:before {
content: '\f169'; }
.fa-youtube-play:before {
content: '\f16a'; }
.fa-dropbox:before {
content: '\f16b'; }
.fa-stack-overflow:before {
content: '\f16c'; }
.fa-instagram:before {
content: '\f16d'; }
.fa-flickr:before {
content: '\f16e'; }
.fa-adn:before {
content: '\f170'; }
.fa-bitbucket:before {
content: '\f171'; }
.fa-bitbucket-square:before {
content: '\f172'; }
.fa-tumblr:before {
content: '\f173'; }
.fa-tumblr-square:before {
content: '\f174'; }
.fa-long-arrow-down:before {
content: '\f175'; }
.fa-long-arrow-up:before {
content: '\f176'; }
.fa-long-arrow-left:before {
content: '\f177'; }
.fa-long-arrow-right:before {
content: '\f178'; }
.fa-apple:before {
content: '\f179'; }
.fa-windows:before {
content: '\f17a'; }
.fa-android:before {
content: '\f17b'; }
.fa-linux:before {
content: '\f17c'; }
.fa-dribbble:before {
content: '\f17d'; }
.fa-skype:before {
content: '\f17e'; }
.fa-foursquare:before {
content: '\f180'; }
.fa-trello:before {
content: '\f181'; }
.fa-female:before {
content: '\f182'; }
.fa-male:before {
content: '\f183'; }
.fa-gittip:before,
.fa-gratipay:before {
content: '\f184'; }
.fa-sun-o:before {
content: '\f185'; }
.fa-moon-o:before {
content: '\f186'; }
.fa-archive:before {
content: '\f187'; }
.fa-bug:before {
content: '\f188'; }
.fa-vk:before {
content: '\f189'; }
.fa-weibo:before {
content: '\f18a'; }
.fa-renren:before {
content: '\f18b'; }
.fa-pagelines:before {
content: '\f18c'; }
.fa-stack-exchange:before {
content: '\f18d'; }
.fa-arrow-circle-o-right:before {
content: '\f18e'; }
.fa-arrow-circle-o-left:before {
content: '\f190'; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: '\f191'; }
.fa-dot-circle-o:before {
content: '\f192'; }
.fa-wheelchair:before {
content: '\f193'; }
.fa-vimeo-square:before {
content: '\f194'; }
.fa-turkish-lira:before,
.fa-try:before {
content: '\f195'; }
.fa-plus-square-o:before {
content: '\f196'; }
.fa-space-shuttle:before {
content: '\f197'; }
.fa-slack:before {
content: '\f198'; }
.fa-envelope-square:before {
content: '\f199'; }
.fa-wordpress:before {
content: '\f19a'; }
.fa-openid:before {
content: '\f19b'; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: '\f19c'; }
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: '\f19d'; }
.fa-yahoo:before {
content: '\f19e'; }
.fa-google:before {
content: '\f1a0'; }
.fa-reddit:before {
content: '\f1a1'; }
.fa-reddit-square:before {
content: '\f1a2'; }
.fa-stumbleupon-circle:before {
content: '\f1a3'; }
.fa-stumbleupon:before {
content: '\f1a4'; }
.fa-delicious:before {
content: '\f1a5'; }
.fa-digg:before {
content: '\f1a6'; }
.fa-pied-piper-pp:before {
content: '\f1a7'; }
.fa-pied-piper-alt:before {
content: '\f1a8'; }
.fa-drupal:before {
content: '\f1a9'; }
.fa-joomla:before {
content: '\f1aa'; }
.fa-language:before {
content: '\f1ab'; }
.fa-fax:before {
content: '\f1ac'; }
.fa-building:before {
content: '\f1ad'; }
.fa-child:before {
content: '\f1ae'; }
.fa-paw:before {
content: '\f1b0'; }
.fa-spoon:before {
content: '\f1b1'; }
.fa-cube:before {
content: '\f1b2'; }
.fa-cubes:before {
content: '\f1b3'; }
.fa-behance:before {
content: '\f1b4'; }
.fa-behance-square:before {
content: '\f1b5'; }
.fa-steam:before {
content: '\f1b6'; }
.fa-steam-square:before {
content: '\f1b7'; }
.fa-recycle:before {
content: '\f1b8'; }
.fa-automobile:before,
.fa-car:before {
content: '\f1b9'; }
.fa-cab:before,
.fa-taxi:before {
content: '\f1ba'; }
.fa-tree:before {
content: '\f1bb'; }
.fa-spotify:before {
content: '\f1bc'; }
.fa-deviantart:before {
content: '\f1bd'; }
.fa-soundcloud:before {
content: '\f1be'; }
.fa-database:before {
content: '\f1c0'; }
.fa-file-pdf-o:before {
content: '\f1c1'; }
.fa-file-word-o:before {
content: '\f1c2'; }
.fa-file-excel-o:before {
content: '\f1c3'; }
.fa-file-powerpoint-o:before {
content: '\f1c4'; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: '\f1c5'; }
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: '\f1c6'; }
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: '\f1c7'; }
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: '\f1c8'; }
.fa-file-code-o:before {
content: '\f1c9'; }
.fa-vine:before {
content: '\f1ca'; }
.fa-codepen:before {
content: '\f1cb'; }
.fa-jsfiddle:before {
content: '\f1cc'; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: '\f1cd'; }
.fa-circle-o-notch:before {
content: '\f1ce'; }
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: '\f1d0'; }
.fa-ge:before,
.fa-empire:before {
content: '\f1d1'; }
.fa-git-square:before {
content: '\f1d2'; }
.fa-git:before {
content: '\f1d3'; }
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: '\f1d4'; }
.fa-tencent-weibo:before {
content: '\f1d5'; }
.fa-qq:before {
content: '\f1d6'; }
.fa-wechat:before,
.fa-weixin:before {
content: '\f1d7'; }
.fa-send:before,
.fa-paper-plane:before {
content: '\f1d8'; }
.fa-send-o:before,
.fa-paper-plane-o:before {
content: '\f1d9'; }
.fa-history:before {
content: '\f1da'; }
.fa-circle-thin:before {
content: '\f1db'; }
.fa-header:before {
content: '\f1dc'; }
.fa-paragraph:before {
content: '\f1dd'; }
.fa-sliders:before {
content: '\f1de'; }
.fa-share-alt:before {
content: '\f1e0'; }
.fa-share-alt-square:before {
content: '\f1e1'; }
.fa-bomb:before {
content: '\f1e2'; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: '\f1e3'; }
.fa-tty:before {
content: '\f1e4'; }
.fa-binoculars:before {
content: '\f1e5'; }
.fa-plug:before {
content: '\f1e6'; }
.fa-slideshare:before {
content: '\f1e7'; }
.fa-twitch:before {
content: '\f1e8'; }
.fa-yelp:before {
content: '\f1e9'; }
.fa-newspaper-o:before {
content: '\f1ea'; }
.fa-wifi:before {
content: '\f1eb'; }
.fa-calculator:before {
content: '\f1ec'; }
.fa-paypal:before {
content: '\f1ed'; }
.fa-google-wallet:before {
content: '\f1ee'; }
.fa-cc-visa:before {
content: '\f1f0'; }
.fa-cc-mastercard:before {
content: '\f1f1'; }
.fa-cc-discover:before {
content: '\f1f2'; }
.fa-cc-amex:before {
content: '\f1f3'; }
.fa-cc-paypal:before {
content: '\f1f4'; }
.fa-cc-stripe:before {
content: '\f1f5'; }
.fa-bell-slash:before {
content: '\f1f6'; }
.fa-bell-slash-o:before {
content: '\f1f7'; }
.fa-trash:before {
content: '\f1f8'; }
.fa-copyright:before {
content: '\f1f9'; }
.fa-at:before {
content: '\f1fa'; }
.fa-eyedropper:before {
content: '\f1fb'; }
.fa-paint-brush:before {
content: '\f1fc'; }
.fa-birthday-cake:before {
content: '\f1fd'; }
.fa-area-chart:before {
content: '\f1fe'; }
.fa-pie-chart:before {
content: '\f200'; }
.fa-line-chart:before {
content: '\f201'; }
.fa-lastfm:before {
content: '\f202'; }
.fa-lastfm-square:before {
content: '\f203'; }
.fa-toggle-off:before {
content: '\f204'; }
.fa-toggle-on:before {
content: '\f205'; }
.fa-bicycle:before {
content: '\f206'; }
.fa-bus:before {
content: '\f207'; }
.fa-ioxhost:before {
content: '\f208'; }
.fa-angellist:before {
content: '\f209'; }
.fa-cc:before {
content: '\f20a'; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: '\f20b'; }
.fa-meanpath:before {
content: '\f20c'; }
.fa-buysellads:before {
content: '\f20d'; }
.fa-connectdevelop:before {
content: '\f20e'; }
.fa-dashcube:before {
content: '\f210'; }
.fa-forumbee:before {
content: '\f211'; }
.fa-leanpub:before {
content: '\f212'; }
.fa-sellsy:before {
content: '\f213'; }
.fa-shirtsinbulk:before {
content: '\f214'; }
.fa-simplybuilt:before {
content: '\f215'; }
.fa-skyatlas:before {
content: '\f216'; }
.fa-cart-plus:before {
content: '\f217'; }
.fa-cart-arrow-down:before {
content: '\f218'; }
.fa-diamond:before {
content: '\f219'; }
.fa-ship:before {
content: '\f21a'; }
.fa-user-secret:before {
content: '\f21b'; }
.fa-motorcycle:before {
content: '\f21c'; }
.fa-street-view:before {
content: '\f21d'; }
.fa-heartbeat:before {
content: '\f21e'; }
.fa-venus:before {
content: '\f221'; }
.fa-mars:before {
content: '\f222'; }
.fa-mercury:before {
content: '\f223'; }
.fa-intersex:before,
.fa-transgender:before {
content: '\f224'; }
.fa-transgender-alt:before {
content: '\f225'; }
.fa-venus-double:before {
content: '\f226'; }
.fa-mars-double:before {
content: '\f227'; }
.fa-venus-mars:before {
content: '\f228'; }
.fa-mars-stroke:before {
content: '\f229'; }
.fa-mars-stroke-v:before {
content: '\f22a'; }
.fa-mars-stroke-h:before {
content: '\f22b'; }
.fa-neuter:before {
content: '\f22c'; }
.fa-genderless:before {
content: '\f22d'; }
.fa-facebook-official:before {
content: '\f230'; }
.fa-pinterest-p:before {
content: '\f231'; }
.fa-whatsapp:before {
content: '\f232'; }
.fa-server:before {
content: '\f233'; }
.fa-user-plus:before {
content: '\f234'; }
.fa-user-times:before {
content: '\f235'; }
.fa-hotel:before,
.fa-bed:before {
content: '\f236'; }
.fa-viacoin:before {
content: '\f237'; }
.fa-train:before {
content: '\f238'; }
.fa-subway:before {
content: '\f239'; }
.fa-medium:before {
content: '\f23a'; }
.fa-yc:before,
.fa-y-combinator:before {
content: '\f23b'; }
.fa-optin-monster:before {
content: '\f23c'; }
.fa-opencart:before {
content: '\f23d'; }
.fa-expeditedssl:before {
content: '\f23e'; }
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: '\f240'; }
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: '\f241'; }
.fa-battery-2:before,
.fa-battery-half:before {
content: '\f242'; }
.fa-battery-1:before,
.fa-battery-quarter:before {
content: '\f243'; }
.fa-battery-0:before,
.fa-battery-empty:before {
content: '\f244'; }
.fa-mouse-pointer:before {
content: '\f245'; }
.fa-i-cursor:before {
content: '\f246'; }
.fa-object-group:before {
content: '\f247'; }
.fa-object-ungroup:before {
content: '\f248'; }
.fa-sticky-note:before {
content: '\f249'; }
.fa-sticky-note-o:before {
content: '\f24a'; }
.fa-cc-jcb:before {
content: '\f24b'; }
.fa-cc-diners-club:before {
content: '\f24c'; }
.fa-clone:before {
content: '\f24d'; }
.fa-balance-scale:before {
content: '\f24e'; }
.fa-hourglass-o:before {
content: '\f250'; }
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: '\f251'; }
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: '\f252'; }
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: '\f253'; }
.fa-hourglass:before {
content: '\f254'; }
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: '\f255'; }
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: '\f256'; }
.fa-hand-scissors-o:before {
content: '\f257'; }
.fa-hand-lizard-o:before {
content: '\f258'; }
.fa-hand-spock-o:before {
content: '\f259'; }
.fa-hand-pointer-o:before {
content: '\f25a'; }
.fa-hand-peace-o:before {
content: '\f25b'; }
.fa-trademark:before {
content: '\f25c'; }
.fa-registered:before {
content: '\f25d'; }
.fa-creative-commons:before {
content: '\f25e'; }
.fa-gg:before {
content: '\f260'; }
.fa-gg-circle:before {
content: '\f261'; }
.fa-tripadvisor:before {
content: '\f262'; }
.fa-odnoklassniki:before {
content: '\f263'; }
.fa-odnoklassniki-square:before {
content: '\f264'; }
.fa-get-pocket:before {
content: '\f265'; }
.fa-wikipedia-w:before {
content: '\f266'; }
.fa-safari:before {
content: '\f267'; }
.fa-chrome:before {
content: '\f268'; }
.fa-firefox:before {
content: '\f269'; }
.fa-opera:before {
content: '\f26a'; }
.fa-internet-explorer:before {
content: '\f26b'; }
.fa-tv:before,
.fa-television:before {
content: '\f26c'; }
.fa-contao:before {
content: '\f26d'; }
.fa-500px:before {
content: '\f26e'; }
.fa-amazon:before {
content: '\f270'; }
.fa-calendar-plus-o:before {
content: '\f271'; }
.fa-calendar-minus-o:before {
content: '\f272'; }
.fa-calendar-times-o:before {
content: '\f273'; }
.fa-calendar-check-o:before {
content: '\f274'; }
.fa-industry:before {
content: '\f275'; }
.fa-map-pin:before {
content: '\f276'; }
.fa-map-signs:before {
content: '\f277'; }
.fa-map-o:before {
content: '\f278'; }
.fa-map:before {
content: '\f279'; }
.fa-commenting:before {
content: '\f27a'; }
.fa-commenting-o:before {
content: '\f27b'; }
.fa-houzz:before {
content: '\f27c'; }
.fa-vimeo:before {
content: '\f27d'; }
.fa-black-tie:before {
content: '\f27e'; }
.fa-fonticons:before {
content: '\f280'; }
.fa-reddit-alien:before {
content: '\f281'; }
.fa-edge:before {
content: '\f282'; }
.fa-credit-card-alt:before {
content: '\f283'; }
.fa-codiepie:before {
content: '\f284'; }
.fa-modx:before {
content: '\f285'; }
.fa-fort-awesome:before {
content: '\f286'; }
.fa-usb:before {
content: '\f287'; }
.fa-product-hunt:before {
content: '\f288'; }
.fa-mixcloud:before {
content: '\f289'; }
.fa-scribd:before {
content: '\f28a'; }
.fa-pause-circle:before {
content: '\f28b'; }
.fa-pause-circle-o:before {
content: '\f28c'; }
.fa-stop-circle:before {
content: '\f28d'; }
.fa-stop-circle-o:before {
content: '\f28e'; }
.fa-shopping-bag:before {
content: '\f290'; }
.fa-shopping-basket:before {
content: '\f291'; }
.fa-hashtag:before {
content: '\f292'; }
.fa-bluetooth:before {
content: '\f293'; }
.fa-bluetooth-b:before {
content: '\f294'; }
.fa-percent:before {
content: '\f295'; }
.fa-gitlab:before {
content: '\f296'; }
.fa-wpbeginner:before {
content: '\f297'; }
.fa-wpforms:before {
content: '\f298'; }
.fa-envira:before {
content: '\f299'; }
.fa-universal-access:before {
content: '\f29a'; }
.fa-wheelchair-alt:before {
content: '\f29b'; }
.fa-question-circle-o:before {
content: '\f29c'; }
.fa-blind:before {
content: '\f29d'; }
.fa-audio-description:before {
content: '\f29e'; }
.fa-volume-control-phone:before {
content: '\f2a0'; }
.fa-braille:before {
content: '\f2a1'; }
.fa-assistive-listening-systems:before {
content: '\f2a2'; }
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: '\f2a3'; }
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: '\f2a4'; }
.fa-glide:before {
content: '\f2a5'; }
.fa-glide-g:before {
content: '\f2a6'; }
.fa-signing:before,
.fa-sign-language:before {
content: '\f2a7'; }
.fa-low-vision:before {
content: '\f2a8'; }
.fa-viadeo:before {
content: '\f2a9'; }
.fa-viadeo-square:before {
content: '\f2aa'; }
.fa-snapchat:before {
content: '\f2ab'; }
.fa-snapchat-ghost:before {
content: '\f2ac'; }
.fa-snapchat-square:before {
content: '\f2ad'; }
.fa-pied-piper:before {
content: '\f2ae'; }
.fa-first-order:before {
content: '\f2b0'; }
.fa-yoast:before {
content: '\f2b1'; }
.fa-themeisle:before {
content: '\f2b2'; }
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: '\f2b3'; }
.fa-fa:before,
.fa-font-awesome:before {
content: '\f2b4'; }
.fa-handshake-o:before {
content: '\f2b5'; }
.fa-envelope-open:before {
content: '\f2b6'; }
.fa-envelope-open-o:before {
content: '\f2b7'; }
.fa-linode:before {
content: '\f2b8'; }
.fa-address-book:before {
content: '\f2b9'; }
.fa-address-book-o:before {
content: '\f2ba'; }
.fa-vcard:before,
.fa-address-card:before {
content: '\f2bb'; }
.fa-vcard-o:before,
.fa-address-card-o:before {
content: '\f2bc'; }
.fa-user-circle:before {
content: '\f2bd'; }
.fa-user-circle-o:before {
content: '\f2be'; }
.fa-user-o:before {
content: '\f2c0'; }
.fa-id-badge:before {
content: '\f2c1'; }
.fa-drivers-license:before,
.fa-id-card:before {
content: '\f2c2'; }
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: '\f2c3'; }
.fa-quora:before {
content: '\f2c4'; }
.fa-free-code-camp:before {
content: '\f2c5'; }
.fa-telegram:before {
content: '\f2c6'; }
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: '\f2c7'; }
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: '\f2c8'; }
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: '\f2c9'; }
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: '\f2ca'; }
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: '\f2cb'; }
.fa-shower:before {
content: '\f2cc'; }
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: '\f2cd'; }
.fa-podcast:before {
content: '\f2ce'; }
.fa-window-maximize:before {
content: '\f2d0'; }
.fa-window-minimize:before {
content: '\f2d1'; }
.fa-window-restore:before {
content: '\f2d2'; }
.fa-times-rectangle:before,
.fa-window-close:before {
content: '\f2d3'; }
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: '\f2d4'; }
.fa-bandcamp:before {
content: '\f2d5'; }
.fa-grav:before {
content: '\f2d6'; }
.fa-etsy:before {
content: '\f2d7'; }
.fa-imdb:before {
content: '\f2d8'; }
.fa-ravelry:before {
content: '\f2d9'; }
.fa-eercast:before {
content: '\f2da'; }
.fa-microchip:before {
content: '\f2db'; }
.fa-snowflake-o:before {
content: '\f2dc'; }
.fa-superpowers:before {
content: '\f2dd'; }
.fa-wpexplorer:before {
content: '\f2de'; }
.fa-meetup:before {
content: '\f2e0'; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
/**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.cf:before,
.cf:after {
content: ' ';
/* 1 */
display: table;
/* 2 */ }
.cf:after {
clear: both; }
body.m-theme-in-transition,
body.m-theme-in-transition *,
body.m-theme-in-transition *:before,
body.m-theme-in-transition *:after {
transition: background-color 0.75s ease 0s, border-color 0.75s ease 0s, box-shadow 0.75s ease 0s, stroke 0.75s ease 0s, fill 0.75s ease 0s !important; }
.m-disableScrollbars {
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */ }
.m-disableScrollbars::-webkit-scrollbar {
width: 0px;
background: transparent;
/* Chrome/Safari/Webkit */ }
.m-legible {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; }
@media screen and (max-width: 480px) {
.m-hideOnSmall {
display: none; } }
/*# sourceMappingURL=styles.2f545928c8b35ef68c79.css.map*/