@-webkit-keyframes plyr-progress{to{background-position:25px 0;background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-progress{to{background-position:25px 0;background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@-webkit-keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes plyr-fade-in{0%{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:inherit;font-family:var(--plyr-font-family,inherit);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:400;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;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:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;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{-webkit-animation:plyr-fade-in .3s ease;animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding: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:15px;font-size:var(--plyr-font-size-base,15px);padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px;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(-40px)}.plyr__caption{background:rgba(0,0,0,.8);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:#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:transparent;border:0;border-radius:3px;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;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}.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,a.plyr__control:after,a.plyr__control:before{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:2.5px}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px}.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 [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{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{-webkit-animation:plyr-popup .2s ease;animation:plyr-popup .2s ease;background:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);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:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;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-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-menu-arrow-size,4px) solid hsla(0,0%,100%,.9);border-width:4px;border-width:var(--plyr-menu-arrow-size,4px);content:"";height:0;position:absolute;right:14px;right:calc(16px - 4px/2);right:calc(16px - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px}.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:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;-webkit-user-select:none;-moz-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: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:28px}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(10.5px - 4px);right:calc(10.5px - 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;border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px 7px 3.5px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(10.5px - 4px);left:calc(10.5px - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;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:3.5px;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;border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}.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;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:#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(-7px - -2);overflow:hidden;padding-left:24.5px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:transparent;border:0;border-radius:26px;color:#00b3ff;color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:19px;height:calc(3px*2 + 13px);height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + 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:transparent;background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:2.5px;height:5px;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;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: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;margin-top:-4px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-track{background:transparent;border:0;border-radius:2.5px;height:5px;-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;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: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;position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:transparent;border:0;border-radius:2.5px;height:5px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:transparent;background:currentColor;border:0;border-radius:2.5px;height:5px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;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: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;margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px}.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:#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:#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:#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:#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--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;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}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);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:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:4px solid hsla(0,0%,100%,.9);border-top:4px solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;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%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child .plyr__tooltip:before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.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 .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;margin-right:13px;position:relative}.plyr__progress__buffer,.plyr__progress input[type=range]{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;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:transparent;border:0;border-radius:100px;height:5px;left:0;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:transparent}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width: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{-webkit-animation:plyr-progress 1s linear infinite;animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);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: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:hsla(0,0%,100%,.25);background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);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:5px;margin-right:5px;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:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;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: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: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: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: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: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: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:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;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:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.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(transparent,rgba(0,0,0,.75));background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:20px 5px 5px;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:35px 10px 10px}}.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:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;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:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;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:hsla(0,0%,100%,.25);background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.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 hsla(0,0%,100%,.5);box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.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,hsla(0,0%,100%,.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 hsla(0,0%,100%,.5);box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.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,hsla(0,0%,100%,.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 hsla(0,0%,100%,.5);box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.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,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr:-webkit-full-screen{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:fullscreen video{height:100%}.plyr:-webkit-full-screen .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:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.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:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;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__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: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__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: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__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:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.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: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;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads:after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);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:10px;opacity:0;padding:3px;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:4px solid hsla(0,0%,100%,.9);border-top:4px solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:2px;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:2px;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);color:#fff;font-size:13px;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;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;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;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 */
/* 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: "“";
}
blockquote:after {
content: "”";
}
/**
* 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: auto !important;
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;
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;
z-index: 5;
}
[class*=m-carousel__overflowScrollButton--].m-carousel__overflowScrollButton--left {
left: 12px;
z-index: 5;
}
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;
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: "▼";
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: "▼";
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: #72727c;
}
body.m-theme__dark .m-dateSelector__label, body .m-theme--wrapper.m-theme--wrapper__dark .m-dateSelector__label {
color: #b8c1ca;
}
.m-dateSelector__input {
font-size: 12px;
text-transform: uppercase;
text-align: center;
padding: 8px 0;
outline: 0;
}
body.m-theme__light .m-dateSelector__input:focus, body .m-theme--wrapper.m-theme--wrapper__light .m-dateSelector__input:focus {
border: 1px solid #4690df;
}
body.m-theme__dark .m-dateSelector__input:focus, body .m-theme--wrapper.m-theme--wrapper__dark .m-dateSelector__input:focus {
border: 1px solid #44aaff;
}
@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: #72727c;
background-color: #ffffff;
}
body.m-theme__dark .m-dateSelector__input, body .m-theme--wrapper.m-theme--wrapper__dark .m-dateSelector__input {
color: #b8c1ca;
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: #ffffff;
}
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: #72727c;
}
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__light .cdk-overlay-container .owl-dt-container .owl-dt-control-button-arrow svg, body .m-theme--wrapper.m-theme--wrapper__light .cdk-overlay-container .owl-dt-container .owl-dt-control-button-arrow svg {
fill: #72727c;
}
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: #242a30;
}
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: #b8c1ca;
}
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;
}
body.m-theme__dark .cdk-overlay-container .owl-dt-container .owl-dt-control-button-arrow svg, body .m-theme--wrapper.m-theme--wrapper__dark .cdk-overlay-container .owl-dt-container .owl-dt-control-button-arrow svg {
fill: #b8c1ca;
}
.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: none;
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: none;
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;
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;
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: "▼";
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: "▼";
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;
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;
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;
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-tooltip__triangle {
width: 10px;
height: 10px;
transform: rotate(45deg);
position: absolute;
bottom: -5px;
}
body.m-theme__light .m-tooltip__triangle, body .m-theme--wrapper.m-theme--wrapper__light .m-tooltip__triangle {
background: #4690df;
}
body.m-theme__dark .m-tooltip__triangle, body .m-theme--wrapper.m-theme--wrapper__dark .m-tooltip__triangle {
background: #4690df;
}
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;
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__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__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__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__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 {
margin-top: 18px;
padding-top: 8px;
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:not(:hover):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:not(:hover):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:not(:hover):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:not(:hover):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:not(:hover):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: visible;
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;
}
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 32px;
}
.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::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::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;
-webkit-clip-path: polygon(0 2%, 100% 0, 100% 97%, 0 95%);
clip-path: polygon(0 2%, 100% 0, 100% 97%, 0 95%);
}
body.m-theme__light m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal, body .m-theme--wrapper.m-theme--wrapper__light m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal {
background-color: #f6f7f7;
}
body.m-theme__dark m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal, body .m-theme--wrapper.m-theme--wrapper__dark m-forgot-password .m-forgot-password__wrapper .m-forgot-password__modal {
background-color: #1a2025;
}
@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;
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: none;
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: static;
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: none;
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;
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;
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;
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;
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: none !important;
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::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::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::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: " · ";
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;
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;
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;
text-align: center;
}
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: none;
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% - 55px);
}
@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: static;
position: initial;
top: auto;
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: static;
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 20px;
}
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;
}
minds-comments .m-comments__viewMore.m-comments__viewMore--newer,
m-comments__tree .m-comments__viewMore.m-comments__viewMore--newer,
m-comments__entityOutlet .m-comments__viewMore.m-comments__viewMore--newer,
.m-comment-wrapper .m-comments__viewMore.m-comments__viewMore--newer {
margin: 15px 0;
}
minds-comments .m-comments__viewMore.m-comments__viewMore--older,
m-comments__tree .m-comments__viewMore.m-comments__viewMore--older,
m-comments__entityOutlet .m-comments__viewMore.m-comments__viewMore--older,
.m-comment-wrapper .m-comments__viewMore.m-comments__viewMore--older {
margin-top: 0;
}
.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: none;
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: auto;
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;
margin-bottom: 15px;
}
@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: auto;
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: auto;
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;
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::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::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::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::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;
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;
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;
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: auto;
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: normal;
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;
}
.m-discovery__trends.noBorderTop {
border-top: unset !important;
}
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 > button.material-icons {
border: 0;
font-size: 18px;
padding: 14px 8px 14px 4px;
transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
body.m-theme__light .m-group__info minds-groups-settings-button.m-button > button.material-icons, body .m-theme--wrapper.m-theme--wrapper__light .m-group__info minds-groups-settings-button.m-button > button.material-icons {
color: #72727c;
}
body.m-theme__dark .m-group__info minds-groups-settings-button.m-button > button.material-icons, body .m-theme--wrapper.m-theme--wrapper__dark .m-group__info minds-groups-settings-button.m-button > button.material-icons {
color: #b8c1ca;
}
body.m-theme__light .m-group__info minds-groups-settings-button.m-button > button.material-icons:hover, body .m-theme--wrapper.m-theme--wrapper__light .m-group__info minds-groups-settings-button.m-button > button.material-icons:hover {
color: #43434d;
}
body.m-theme__dark .m-group__info minds-groups-settings-button.m-button > button.material-icons:hover, body .m-theme--wrapper.m-theme--wrapper__dark .m-group__info minds-groups-settings-button.m-button > button.material-icons:hover {
color: #ffffff;
}
.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% - 200px);
}
@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: none;
max-width: initial;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
height: 48px;
display: flex;
}
.m-groupSidebarMarkers__list infinite-scroll {
width: auto;
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: normal;
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 .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: none;
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: static;
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: static;
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: static;
position: initial;
margin: 0 auto;
}
m-homepage__v2 .m-marketing__main .m-marketing__image span::before {
content: normal !important;
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("/assets/marketing/deco_2.svg") no-repeat;
z-index: -1;
}
@media screen and (max-width: 540px) {
m-homepage__v2 .m-homepage__phoneImageContainer::after {
content: normal;
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: auto;
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: 0;
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: normal;
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: normal;
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: normal;
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: normal;
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: normal;
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: normal;
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: normal;
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: normal;
content: initial;
display: inline;
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: normal;
content: initial;
display: inline;
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: normal;
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: none;
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: visible;
overflow: initial;
width: auto;
height: auto;
max-width: none;
max-width: initial;
max-height: none;
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;
max-height: -webkit-fill-available;
}
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-boostButton__tooltip .m-tooltip--bubble {
right: 0;
width: 400px;
bottom: 35px !important;
}
body.m-theme__light .m-animation__shimmer--text, body .m-theme--wrapper.m-theme--wrapper__light .m-animation__shimmer--text {
color: rgba(0, 0, 0, 0.1);
background: -webkit-gradient(linear, left top, right top, from(#72727c), to(#72727c), color-stop(0.3, #1b85d6), color-stop(0.6, #4eb8ff), color-stop(0.8, #1b85d6));
background-color: #72727c;
background-size: 30px 150%;
background-repeat: no-repeat;
background-position: -100% 0;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
-webkit-background-clip: text;
}
body.m-theme__dark .m-animation__shimmer--text, body .m-theme--wrapper.m-theme--wrapper__dark .m-animation__shimmer--text {
color: rgba(255, 255, 255, 0.1);
background: -webkit-gradient(linear, left top, right top, from(#b8c1ca), to(#b8c1ca), color-stop(0.3, #1b85d6), color-stop(0.6, #4eb8ff), color-stop(0.8, #1b85d6));
background-color: #b8c1ca;
background-size: 30px 150%;
background-repeat: no-repeat;
background-position: -100% 0;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
-webkit-background-clip: text;
}
span.m-animation__shimmer--text {
-webkit-animation-name: shimmer--text;
animation-name: shimmer--text;
}
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;
}
.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 .m-newsfeed__inner {
padding: 20px 40px;
}
@media screen and (max-width: 1040px) {
.m-theme__2020 .m-newsfeed .m-newsfeed__inner {
padding: 20px;
}
}
.m-theme__2020 .m-newsfeed .m-pageLayout__pane--right {
padding-right: 0;
}
.m-theme__2020 .m-newsfeed .m-newsfeed__sidebar {
max-width: none;
max-width: initial;
padding: 20px 0px 20px 40px;
}
.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.0015003751px;
}
}
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: #f6f7f7;
}
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: #1a2025;
}
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;
}
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls::before, body .m-theme--wrapper.m-theme--wrapper__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls::before {
background: #000;
background: linear-gradient(180deg, #ececec 0%, transparent 56%);
}
body.m-theme__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls::before, body .m-theme--wrapper.m-theme--wrapper__dark m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls::before {
background: #000;
background: linear-gradient(180deg, #3a3f41 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: static;
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;
}
body.m-theme__light m-onboarding .m-onboarding__wrapper .m-onboarding__form .m-onboarding__controls .m-onboarding__control .m-onboarding__location 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__location input {
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 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__location input {
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 {
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: auto;
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: 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])::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])::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__header h2 .m-reportCreator__header--admin {
margin-left: 20px;
}
body.m-theme__light .m-reportCreator__header h2 .m-reportCreator__header--admin, body .m-theme--wrapper.m-theme--wrapper__light .m-reportCreator__header h2 .m-reportCreator__header--admin {
color: #c62828;
}
body.m-theme__dark .m-reportCreator__header h2 .m-reportCreator__header--admin, body .m-theme--wrapper.m-theme--wrapper__dark .m-reportCreator__header h2 .m-reportCreator__header--admin {
color: #d63232;
}
.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: none !important;
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-comment-attachment img {
max-width: 100%;
}
.m-juryDutySessionContent__options {
margin-top: 20px;
}
.m-juryDutySessionContent__options m-button {
margin: 16px;
}
.m-juryDutySession__totalCount {
margin-top: 0;
}
body.m-theme__light .m-juryDutySession__totalCount, body .m-theme--wrapper.m-theme--wrapper__light .m-juryDutySession__totalCount {
color: #72727c;
}
body.m-theme__dark .m-juryDutySession__totalCount, body .m-theme--wrapper.m-theme--wrapper__dark .m-juryDutySession__totalCount {
color: #b8c1ca;
}
.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: 0;
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::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::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: "▼";
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;
display: none;
}
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 {
overflow-x: auto;
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;
}
}
m-walletDashboard m-dashboardLayout .m-tabs__container::-webkit-scrollbar,
.m-walletModal--v2 m-dashboardLayout .m-tabs__container::-webkit-scrollbar {
height: 10px !important;
}
body.m-theme__light m-walletDashboard m-dashboardLayout .m-tabs__container::-webkit-scrollbar, body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard m-dashboardLayout .m-tabs__container::-webkit-scrollbar,
body.m-theme__light .m-walletModal--v2 m-dashboardLayout .m-tabs__container::-webkit-scrollbar,
body .m-theme--wrapper.m-theme--wrapper__light .m-walletModal--v2 m-dashboardLayout .m-tabs__container::-webkit-scrollbar {
background-color: rgba(211, 219, 227, 0.35);
}
body.m-theme__dark m-walletDashboard m-dashboardLayout .m-tabs__container::-webkit-scrollbar, body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard m-dashboardLayout .m-tabs__container::-webkit-scrollbar,
body.m-theme__dark .m-walletModal--v2 m-dashboardLayout .m-tabs__container::-webkit-scrollbar,
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletModal--v2 m-dashboardLayout .m-tabs__container::-webkit-scrollbar {
background-color: rgba(65, 76, 87, 0.35);
}
m-walletDashboard m-dashboardLayout .m-tabs__container::-webkit-scrollbar-thumb,
.m-walletModal--v2 m-dashboardLayout .m-tabs__container::-webkit-scrollbar-thumb {
border-radius: 8px;
}
body.m-theme__light m-walletDashboard m-dashboardLayout .m-tabs__container::-webkit-scrollbar-thumb, body .m-theme--wrapper.m-theme--wrapper__light m-walletDashboard m-dashboardLayout .m-tabs__container::-webkit-scrollbar-thumb,
body.m-theme__light .m-walletModal--v2 m-dashboardLayout .m-tabs__container::-webkit-scrollbar-thumb,
body .m-theme--wrapper.m-theme--wrapper__light .m-walletModal--v2 m-dashboardLayout .m-tabs__container::-webkit-scrollbar-thumb {
background-color: #d8d8d8;
}
body.m-theme__dark m-walletDashboard m-dashboardLayout .m-tabs__container::-webkit-scrollbar-thumb, body .m-theme--wrapper.m-theme--wrapper__dark m-walletDashboard m-dashboardLayout .m-tabs__container::-webkit-scrollbar-thumb,
body.m-theme__dark .m-walletModal--v2 m-dashboardLayout .m-tabs__container::-webkit-scrollbar-thumb,
body .m-theme--wrapper.m-theme--wrapper__dark .m-walletModal--v2 m-dashboardLayout .m-tabs__container::-webkit-scrollbar-thumb {
background-color: #d8d8d8;
}
m-walletDashboard m-dashboardLayout .m-tabs__container .m-tabs__tab,
.m-walletModal--v2 m-dashboardLayout .m-tabs__container .m-tabs__tab {
white-space: nowrap;
}
@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;
}
.m-bubble-popup {
position: fixed;
-webkit-user-select: none;
-moz-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;
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;
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: "▼";
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--range .m-form__row--input {
flex-flow: row nowrap;
}
.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):not(.m-formInputSlider__input),
.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):not(.m-formInputSlider__input), body .m-theme--wrapper.m-theme--wrapper__light .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink):not(.m-formInputSlider__input),
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):not(.m-formInputSlider__input), body .m-theme--wrapper.m-theme--wrapper__dark .m-formWrapper input:not(.m-phoneInput__input):not(.m-draggableList__cell):not(.m-copyableLink):not(.m-formInputSlider__input),
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):not(.m-formInputSlider__input):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):not(.m-formInputSlider__input):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):not(.m-formInputSlider__input):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):not(.m-formInputSlider__input):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):not(.m-formInputSlider__input):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):not(.m-formInputSlider__input):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):not(.m-formInputSlider__input):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):not(.m-formInputSlider__input):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]::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]::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;
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: auto;
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-feature-settings: 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;
}
}