/*!
* Mondrian Portal 2.33.0
* Build do dia 12/02/2026 - 10:04:59 GTM-0300
*
* https://mondrian.claro.com.br
* Copyright (c) 2019 - 2022 Claro <designops@globalhitss.com.br>
* Todos os direitos reservados.
*
* A redistribuicao ou alteracao sem a permissao dos proprietarios do software e proibida.
*/
@media only screen and (min-width: 991px){.mdn-Menu-list-item.mdn-isActive .mdn-Menu-list-item-link:not(.mdn-Menu-list-item-link-button):only-child:after{display:none}}.mdn-Menu{z-index:90}.mdn-Menu-list-item.mdn-isActive>.mdn-Menu-list-item-link:before{border:none}@media only screen and (max-width: 990px){.mdn-Menu-top{display:none}.mdn-Menu-list.mdn-Menu-mobile-action-target{top:70px;height:100%}}@media only screen and (max-width: 900px){.mdn-Menu-list.mdn-Menu-mobile-action-target{top:64px}}

body{height:100vh}#branding-materials{display:flex;flex-direction:column;height:100%}main{flex:1}#root{height:100%}.box-shortcuts{display:block}.box-shortcuts .mdn-Shortcut{margin-right:var(--spacing-inline-xxs)}.box-text{margin-top:var(--spacing-stack-lg);margin-bottom:var(--spacing-stack-lg)}@media screen and (max-width: 990px){.box-title{margin-top:calc(var(--spacing-stack-xs) + var(--spacing-stack-xl))}}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(c5cd7f5300576ab4c88202b42f6ded62.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(ced611daf7709cc778da928fec876475.eot);
    src: url(ced611daf7709cc778da928fec876475.eot?#iefix) format('embedded-opentype'), url(b7c9e1e479de3b53f1e4e30ebac2403a.woff) format('woff'), url(d41f55a78e6f49a5512878df1737e58a.ttf) format('truetype'), url(f97e3bbf73254b0112091d0192f17aec.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-dropdown-wrapper {
  height: 30px;
  background: white;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}

.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-inline-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-block-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-block-dropdown {
  width: 110px;
}

.rdw-fontsize-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}

.rdw-fontfamily-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}

.rdw-list-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left !important;
}
.rdw-center-aligned-block {
  text-align: center !important;
}
.rdw-justify-aligned-block {
  text-align: justify !important;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}

.rdw-colorpicker-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px #BFBDBD;
}

.rdw-link-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-embedded-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: flex;
  flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: flex;
  align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: flex;
  justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}

.rdw-emoji-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.rdw-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.rdw-image-modal-upload-option-label span{
  padding: 0 20px;
}
.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}
.rdw-image-modal-upload-option-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.rdw-image-modal-url-section {
  display: flex;
  align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}

.rdw-remove-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}

.rdw-history-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-history-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}

.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}
.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}

.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: flex;
  justify-content: center;
}
.rdw-image-left {
  display: flex;
}
.rdw-image-right {
  display: flex;
  justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}

.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: flex;
  justify-content: flex-start;
  background: white;
  flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  box-sizing: content-box;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
/*!
* Mondrian Tokens Claro 2.4.2
* Build do dia 23/02/2024 as 15:12:19 GTM-0300 
*
* https://mondrian.claro.com.br
* Copyright (c) 2019 - 2022 Claro <designopsoficial@globalhitss.com.br>
* Todos os direitos reservados.
*
* A redistribuicao ou alteracao sem a permissao dos proprietarios do software e proibida.
*/.mdnSite-Container--full{padding:0 calc(112 / 1440 * 100vw)}.mdnSite-Container--left{padding-left:calc(112 / 1440 * 100vw)}.mdnSite-Container--right{padding-right:calc(112 / 1440 * 100vw)}@media (max-width: 767px){.mdnSite-Container--full,.mdnSite-Container--left,.mdnSite-Container--right{padding:0;margin:0;padding-top:64px;padding-bottom:64px}}.mdnSite-Container--inverse{background-color:#DA291C}.mdnSite-Container--light{background-color:#F8F8F8}.mdnSite-Container--darkest{background-color:#1F1D1D}.mdn-u-padding--none{padding:0}.mdnSite-u-marginNone{margin:0}@media (max-width: 767px){.slick-dots{display:block;position:initial;margin-top:48px}}body{overflow-x:hidden}@media screen and (min-width: 991px){#root{padding-top:0}}@media screen and (min-width: 991px){#root>div:first-child:not(#libraries){padding-top:116px}}#treinamento{padding-top:0 !important}#support,#community,#home,#the-mondrian,#design-ops,#news{padding-top:var(--spacing-stack-md)}.mdn-Menu-list-item.mdn-isActive .mdn-Menu-subMenu-back{display:none}.mdn-Menu.mdn-isOpen .mdn-Menu-content .mdn-Menu-content-left .mdn-Menu-list{padding-top:100px;height:calc(100vh - 58px)}#home .mdn-Menu.mdn-isOpen .mdn-Menu-content .mdn-Menu-content-left .mdn-Menu-list{padding-top:var(--spacing-stack-lg)}.mdn-Footer{margin-top:var(--spacing-stack-md)}.mdn-Footer .mdn-Footer-list-item .mdn-Footer-list-item-socialLink{height:-moz-min-content;height:min-content}.mdn-Footer .mdn-Footer-disclaimer{text-align:center}.mdn-Footer:not(.mdn-Footer--secondary){margin-top:var(--spacing-stack-sm)}@media screen and (min-width: 991px){.mdn-Footer{margin-top:0}}@media screen and (max-width: 768px){.mdn-Footer{padding-bottom:var(--spacing-stack-md)}}.mdn-Footer .mdn-Footer-logo{margin:var(--theme-spacing-stack-xs) 0}@media (min-width: 992px){section{min-height:625px}}.mdn-Menu{top:0;position:fixed;width:100%}.mdn-u-bgDarkest{background-color:var(--color-neutral-darkest) !important}#libraries{padding-top:87px}.mdnSite-Section{padding:var(--spacing-stack-lg) 0}@media screen and (min-width: 991px){.mdnSite-Section{padding:var(--spacing-stack-xxl) 0;height:calc(100vh - 142px)}}@media screen and (min-width: 991px) and (max-height: 850px){.mdnSite-Section{min-height:calc(100vh - 142px);height:auto}}.mdnSite-Section .mdn-Container{position:relative;height:100%;justify-content:center;display:block;flex-direction:column}@media screen and (min-width: 991px){.mdnSite-Section .mdn-Container{display:flex}}.mdnSite-Section .mdnSite-NextSectionAnchor{display:none}@media screen and (min-width: 991px){.mdnSite-Section .mdnSite-NextSectionAnchor{display:block;position:absolute;bottom:calc(-1 * var(--spacing-stack-lg));left:var(--spacing-inline-xxs);cursor:pointer;transition:all ease-in 200ms}.mdnSite-Section .mdnSite-NextSectionAnchor:hover{transform:scale(1.1)}.mdnSite-Section .mdnSite-NextSectionAnchor .mdn-Icon-adiantar:before{border-radius:var(--border-radius-circle);border:var(--border-width-thin) solid var(--color-neutral-darkest);color:var(--color-neutral-darkest);padding:var(--spacing-inset-xs);display:block;transform:rotate(90deg)}}.mdnSite-Section--dark,.mdnSite-Section--darkWhite{background-color:var(--color-neutral-darkest)}.mdnSite-Section--dark .mdnSite-NextSectionAnchor .mdn-Icon-adiantar:before,.mdnSite-Section--darkWhite .mdnSite-NextSectionAnchor .mdn-Icon-adiantar:before{border-color:var(--theme-color-neutral-lightest);color:var(--color-neutral-lightest)}@media screen and (min-width: 991px){.mdnSite-Section--darkWhite:before{content:"";position:absolute;width:calc(100% / 2);height:100%;background-color:var(--theme-background-color--default);right:0;top:0;bottom:0}}.mdnSite-Section--gray{background-color:var(--theme-background-color--light)}.mdnSite-Section--red{background-color:var(--theme-background-color--primary-dark)}.mdnSite-Section:last-child .mdnSite-NextSectionAnchor{bottom:var(--spacing-stack-lg);transform:rotate(180deg)}.mdnSite-Section .mdn-Row{justify-content:space-between}.mdnSite-Section .mdn-Col-md-3,.mdnSite-Section .mdn-Col-md-4,.mdnSite-Section .mdn-Col-md-5,.mdnSite-Section .mdn-Col-md-6,.mdnSite-Section .mdn-Col-md-7,.mdnSite-Section .mdn-Col-md-8{display:flex;flex-direction:column;justify-content:center}.mdnSite-Section .mdn-Heading{margin-bottom:var(--spacing-stack-xs)}.mdnSite-Section .mdn-Subtitle{margin-bottom:var(--spacing-stack-md)}.mdnSite-Section .mdn-Text{margin-bottom:var(--spacing-stack-sm)}.mdnSite-Section .mdn-Button{width:fit-content}.mdnSite-SupportHeader{background-color:#fff;position:fixed;width:100%;z-index:1000;top:0}.mdnSite-SupportHeader-nav{display:flex;flex-direction:row;align-items:center}.mdnSite-SupportHeader-nav-item{list-style:none;margin:0 32px;display:none}@media (min-width: 768px){.mdnSite-SupportHeader-nav-item{display:block}}.mdnSite-SupportHeader-nav-item-link{text-decoration:none;color:#DBDBDB;font-family:Roboto;font-weight:500}.mdnSite-SupportHeader-nav-item-link--active{color:#525252}.mdnSite-SupportHeader-nav-item-link:hover{color:#525252;text-decoration:none;transition:all ease-in 200ms}.mdnSite-SupportHeader .mdn-Header--simple-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-stack-xxs) 0}.mdnSite-SupportHeader .mdn-Header--simple-content .mdn-Button.mdn-Button--secondary{border-style:solid;border-width:1px}@media only screen and (max-width: 767px){.mdnSite-SupportHeader .mdn-Header--simple-content .mdn-logoSvg{margin-left:0px}}.mdnLibraries-contentFonts-text-group{margin-top:24px;margin-bottom:24px}.mdnLibraries-contentFonts-text-group .mdn-Text:nth-child(2),.mdnLibraries-contentFonts-text-group .mdn-Text:nth-child(3){margin-top:24px}.mdnLibraries-contentFonts-text-group .mdn-Alert .mdn-Text{font-weight:400}.mdnLibraries-contentFonts-text-group .mdn-Alert .mdn-Text u{text-decoration:underline}.mdnLibraries-contentFonts-text-group .mdn-Alert .mdn-Button.mdn-Button--icon{display:none}.mdnLibraries-contentFonts-text-group-link{margin-top:24px}.mdnLibraries-contentFonts-text-group-link .mdn-Text .mdn-Link{margin-left:8px}.mdnLibraries-contentFonts-code{margin:8px 0 32px;padding:16px;background-color:#F8F8F8;position:relative;cursor:pointer}.mdnLibraries-contentFonts-code:hover::after{content:attr(data-value);background:#000;color:#fff;padding:8px;border-radius:12px;position:absolute;top:0;right:0;font-size:12px;font-family:"Roboto"}.mdnLibraries-contentFonts-code pre{background-color:#F8F8F8 !important}.mdnLibraries-contentFonts .mdn-Subtitle{margin-bottom:24px}.mdnLibraries-contentFonts .mdn-LinkList{margin-top:8px}@media (min-width: 992px){.mdnLibraries-contentLibraries section{min-height:auto}}.mdnLibraries-contentLibraries .mdnSite-ShortcutGroup{margin:var(--spacing-stack-sm) 0 var(--spacing-stack-lg) 0}.mdnLibraries-contentLibraries .mdnSite-ShortcutGroup-category{margin:var(--spacing-stack-sm) 0}.mdnLibraries-contentLibraries .mdnSite-ShortcutGroup-category .mdn-Shortcut[disabled]{cursor:not-allowed}.mdnLibraries-contentLibraries .mdnSite-ShortcutGroup .mdn-Heading{margin-bottom:var(--spacing-stack-sm)}.mdnLibraries-contentLibraries .mdnSite-ShortcutGroup .mdn-Subtitle{margin-bottom:var(--spacing-stack-xs)}.mdnLibraries-contentLibraries .mdnSite-ShortcutGroup .mdn-Shortcut{margin-right:var(--spacing-stack-xxs)}.mdnLibraries-contentLibraries .mdnSite-ShortcutGroup .mdn-Shortcut+.mdn-Subtitle{margin-top:var(--spacing-stack-sm)}.mdnSupport-TitleVersion{display:flex;justify-content:space-between;align-items:self-end;padding:16px 0}@media (max-width: 767px){.mdnSupport-TitleVersion{flex-direction:column}}.mdnSupport-TitleVersion .mdn-Icon--lg{margin-right:var(--spacing-inline-xs);justify-self:middle}.mdnSupport-TitleVersion-content{display:flex;flex-direction:column;gap:5px}.mdnSupport-TitleVersion-groupTitle{display:flex;align-items:center}.mdnSupport-TitleVersion-groupTitle .mdn-Heading{margin-right:24px}@media (max-width: 767px){.mdnSupport-TitleVersion-groupTitle{margin-bottom:16px}}.mdnSupport-TitleVersion-subtitle{margin:0}.mdnSupport-TitleVersion-version{padding:8px;background-color:#DA291C;border-radius:12px;font-weight:500;color:#fff;width:auto;display:table}.mdnSite-Form .mdnSite-Modal{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:rgba(31,29,29,0.8)}.mdnSite-Form .mdnSite-Modal-content{width:100%;min-height:100vh;background-color:#fff;padding:24px;transition:all ease-in 200ms}@media (min-width: 992px){.mdnSite-Form .mdnSite-Modal-content{padding:48px}}.mdnSite-Form .mdnSite-Modal-content .mdn-Row{height:100%}.mdnSite-Form-title,.mdnSite-Form-inputs{justify-content:center;display:flex;flex-direction:column}.mdnSite-Form-title{margin-bottom:24px;margin-top:24px}@media (min-width: 992px){.mdnSite-Form-title{margin-bottom:0}}.mdnSite-Form-title .mdn-Heading{margin-bottom:24px}.mdnSite-Form-inputsIn{height:100%;top:0;display:flex;align-items:start;height:60vh;overflow-y:scroll}@media (min-width: 992px){.mdnSite-Form-inputsIn{overflow-y:initial;align-items:center;height:100%}}@media (min-width: 992px) and (max-height: 768px){.mdnSite-Form-inputsIn{overflow-y:scroll;align-items:initial}.mdnSite-Form-inputsIn .mdn-Input textarea.mdn-Input--field{max-height:80px}}.mdnSite-Form-inputsIn-inputs-fieldset{margin:0;flex-direction:column;display:flex}@media (min-width: 992px){.mdnSite-Form-inputsIn-inputs-fieldset--half{justify-content:space-between;flex-direction:row}.mdnSite-Form-inputsIn-inputs-fieldset--half .mdn-Input:first-child{margin-right:24px}}.mdnSite-Form-inputsIn-inputs-fieldset .mdn-Input{margin-bottom:24px}.mdnSite-Form-inputsIn-upload{margin-bottom:32px}.mdnSite-Form-inputsIn-upload .mdn-ProgressBar{margin-bottom:24px}.mdnSite-Form-inputsIn-upload input[type=file]{opacity:0;display:none}.mdnSite-Form-inputsIn-upload .mdn-Link .mdn-Link-anchor-icon{font-size:16px}.mdnSite-Form-inputsIn .mdn-Button[type=submit]{align-self:baseline;margin-bottom:32px}.mdnSite-Form .mdnSite-Modal{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:rgba(31,29,29,0.8)}.mdnSite-Form .mdnSite-Modal-content{width:100%;min-height:100vh;background-color:#fff;padding:24px;transition:all ease-in 200ms}@media (min-width: 992px){.mdnSite-Form .mdnSite-Modal-content{padding:48px}}.mdnSite-Form .mdnSite-Modal-content .mdn-Row{height:100%}.mdnSite-Form-title,.mdnSite-Form-inputs{justify-content:center;display:flex;flex-direction:column}.mdnSite-Form-title{margin-bottom:24px;margin-top:24px}@media (min-width: 992px){.mdnSite-Form-title{margin-bottom:0}}.mdnSite-Form-title .mdn-Heading{margin-bottom:24px}.mdnSite-Form-inputsIn{height:100%;top:0;display:flex;align-items:start;height:60vh;overflow-y:scroll}@media (min-width: 992px){.mdnSite-Form-inputsIn{overflow-y:initial;align-items:center;height:100%}}@media (min-width: 992px) and (max-height: 768px){.mdnSite-Form-inputsIn{overflow-y:scroll;align-items:initial}.mdnSite-Form-inputsIn .mdn-Input textarea.mdn-Input--field{max-height:80px}}.mdnSite-Form-inputsIn-inputs-fieldset{margin:0;flex-direction:column;display:flex}@media (min-width: 992px){.mdnSite-Form-inputsIn-inputs-fieldset--half{justify-content:space-between;flex-direction:row}.mdnSite-Form-inputsIn-inputs-fieldset--half .mdn-Input:first-child{margin-right:24px}}.mdnSite-Form-inputsIn-inputs-fieldset .mdn-Input{margin-bottom:24px}.mdnSite-Form-inputsIn-upload{margin-bottom:32px}.mdnSite-Form-inputsIn-upload .mdn-ProgressBar{margin-bottom:24px}.mdnSite-Form-inputsIn-upload input[type=file]{opacity:0;display:none}.mdnSite-Form-inputsIn-upload .mdn-Link .mdn-Link-anchor-icon{font-size:16px}.mdnSite-Form-inputsIn .mdn-Button[type=submit]{align-self:baseline;margin-bottom:32px}.mdnSite-NotionImg{width:200px;margin-bottom:var(--spacing-stack-xs)}.mdnSite-Modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1F1D1D;z-index:10}.mdnSite-Modal-content{padding:32px;height:100%;width:100%}.mdnSite-Modal .mdn-Button.mdn-Button--icon.mdn-Button--primaryInverse{position:absolute;right:32px;top:32px;text-decoration:none}@media (max-width: 767px){.mdnSite-Modal .mdn-Button.mdn-Button--icon.mdn-Button--primaryInverse{right:16px;top:16px}}.mdnLibraries-inputContent{display:flex;align-items:flex-start;flex-direction:column;margin:24px 0}@media only screen and (min-width: 576px){.mdnLibraries-inputContent{flex-direction:row;align-items:center}}.mdnLibraries-inputContent-toggle{display:flex;align-items:center;justify-content:start;margin:24px 0}@media only screen and (min-width: 576px){.mdnLibraries-inputContent-toggle{margin-left:40px;width:100%;max-width:130px}}.mdnLibraries-inputContent-toggle .mdn-Heading{margin-right:8px}.mdnLibraries-inputContent-toggle .mdn-Heading{position:relative;top:-1px}@media only screen and (min-width: 991px){.mdn-Menu-list-item.mdn-isActive .mdn-Menu-list-item-link:not(.mdn-Menu-list-item-link-button):only-child:after{display:none}}.mdn-Menu{z-index:90}.mdn-Menu-list-item.mdn-isActive>.mdn-Menu-list-item-link:before{border:none}@media only screen and (max-width: 990px){.mdn-Menu-top{display:none}.mdn-Menu-list.mdn-Menu-mobile-action-target{top:70px;height:100%}}@media only screen and (max-width: 900px){.mdn-Menu-list.mdn-Menu-mobile-action-target{top:64px}}.mdn-u-embratelDefault{background-color:#004a8f !important}.custom-alert-brands{position:relative;padding-left:36px;line-height:130%;font-family:var(--font-family-base)}.custom-alert-brands .alert-icon-left{position:absolute;left:8px;top:14px}.custom-alert-brands .mdn-Alert-close{top:8px}.custom-alert-brands .alert-content{font-size:14px;font-weight:400;padding-right:24px}.custom-alert-brands .alert-content .alert-emphasis{font-weight:700}.custom-alert-brands .alert-content a{font-weight:500}@media only screen and (max-width: 480px){.custom-alert-brands{margin-top:160px !important;padding-top:16px;padding-bottom:16px}}.mdnLibraries-contentBrands-Brand{display:flex;flex-direction:column;justify-content:space-between;height:100%}.mdnLibraries-contentBrands-Brand img{max-width:100%;height:auto;margin:0 auto;display:block}.mdnLibraries-contentBrands{width:100%}.mdnLibraries-contentBrands-textGroup{margin-bottom:32px}.mdnLibraries-contentBrands-textGroup .mdn-Text:nth-child(2),.mdnLibraries-contentBrands-textGroup .mdn-Text:nth-child(3){margin-top:24px}.mdnLibraries-contentBrands-textGroup-link{margin-top:24px}.mdnLibraries-contentBrands-textGroup-link .mdn-Text .mdn-Link{margin-left:8px}.mdnLibraries-contentBrands .mdnLibraries-contentBrands-Download{text-decoration:none}.mdnLibraries-contentBrands .mdnLibraries-contentBrands-Download-hover .mdn-Tooltip{display:none;position:absolute;right:2px;top:36px}.mdnLibraries-contentBrands .mdnLibraries-contentBrands-Download-hover .mdn-Icon-download-caixa{position:absolute;top:10px;right:10px;background:transparent;width:16px;color:var(--theme-text-color-Button--global)}.mdnLibraries-contentBrands .mdnLibraries-contentBrands-Download-hover .mdn-Icon-download-caixa--inverse{color:var(--color-neutral-lightest)}.mdnLibraries-contentBrands .mdnLibraries-contentBrands-Download{border-radius:12px;border:solid 1px var(--color-neutral-medium)}.mdnLibraries-contentBrands .mdnLibraries-contentBrands-Download:hover .mdnLibraries-contentBrands-Download-hover .mdn-Tooltip{display:block}.mdnLibraries-contentBrands-Brand-Validity,.mdnLibraries-contentBrands-Download-Validity{display:flex;align-items:center;gap:4px;margin-top:var(--spacing-stack-xxs);margin-bottom:0;min-height:1.5em}.mdnLibraries-contentBrands-Brand-Validity span,.mdnLibraries-contentBrands-Download-Validity span{color:var(--color-neutral-dark)}.mdnLibraries-contentBrands-Brand-Validity-hover,.mdnLibraries-contentBrands-Download-Validity-hover{position:relative;display:inline-block}.mdnLibraries-contentBrands-Brand-Validity-hover .mdn-Tooltip,.mdnLibraries-contentBrands-Download-Validity-hover .mdn-Tooltip{position:absolute;right:0;top:var(--spacing-stack-xs, -10px);top:var(--spacing-stack-xs, -10px);opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:9999}.mdnLibraries-contentBrands-Brand-Validity-hover .mdn-Tooltip p,.mdnLibraries-contentBrands-Download-Validity-hover .mdn-Tooltip p{margin:0;padding:var(--spacing-inset-sm) var(--spacing-inline-xs);line-height:var(--font-line-height-xxs);max-width:var(--screen-size-xxs, 400px);padding:var(--spacing-inset-sm) var(--spacing-inline-xs);line-height:var(--font-line-height-xxs);max-width:var(--screen-size-xxs, 400px);white-space:normal;text-align:left}.mdnLibraries-contentBrands-Brand-Validity-hover:hover .mdn-Tooltip,.mdnLibraries-contentBrands-Download-Validity-hover:hover .mdn-Tooltip{opacity:1;visibility:visible}.mdnLibraries-contentBrands .mdn-Icon-circulo-i{cursor:help}.mdnLibraries-contentBrands .mdn-Validity{margin-top:0;font-size:var(--font-size-xxxs);padding-left:var(--spacing-inline-xxxs);padding-right:0;color:var(--color-neutral-dark);min-height:1.2em}.mdnLibraries-contentBrands .mdn-Purpose{margin-top:5px;font-size:var(--font-size-xxxs);color:var(--color-neutral-dark);min-height:1.2em}.mdnLibraries-contentBrands-Brand.isInverse .mdnLibraries-contentBrands-Brand-Validity span,.mdnLibraries-contentBrands-Download.isInverse .mdnLibraries-contentBrands-Download-Validity span,.mdnLibraries-contentBrands-Brand.mdn-u-bgPrimary .mdnLibraries-contentBrands-Brand-Validity span,.mdnLibraries-contentBrands-Download.mdn-u-bgPrimary .mdnLibraries-contentBrands-Download-Validity span,.mdnLibraries-contentBrands-Brand.mdn-u-bgDarkest .mdnLibraries-contentBrands-Brand-Validity span,.mdnLibraries-contentBrands-Download.mdn-u-bgDarkest .mdnLibraries-contentBrands-Download-Validity span,.mdnLibraries-contentBrands-Brand.mdn-u-embratelDefault .mdnLibraries-contentBrands-Brand-Validity span,.mdnLibraries-contentBrands-Download.mdn-u-embratelDefault .mdnLibraries-contentBrands-Download-Validity span{color:var(--color-neutral-lightest)}.mdnLibraries-contentBrands-Brand.isInverse .mdn-Validity,.mdnLibraries-contentBrands-Brand.isInverse .mdn-Purpose,.mdnLibraries-contentBrands-Download.isInverse .mdn-Validity,.mdnLibraries-contentBrands-Download.isInverse .mdn-Purpose,.mdnLibraries-contentBrands-Brand.mdn-u-bgPrimary .mdn-Validity,.mdnLibraries-contentBrands-Brand.mdn-u-bgPrimary .mdn-Purpose,.mdnLibraries-contentBrands-Download.mdn-u-bgPrimary .mdn-Validity,.mdnLibraries-contentBrands-Download.mdn-u-bgPrimary .mdn-Purpose,.mdnLibraries-contentBrands-Brand.mdn-u-bgDarkest .mdn-Validity,.mdnLibraries-contentBrands-Brand.mdn-u-bgDarkest .mdn-Purpose,.mdnLibraries-contentBrands-Download.mdn-u-bgDarkest .mdn-Validity,.mdnLibraries-contentBrands-Download.mdn-u-bgDarkest .mdn-Purpose,.mdnLibraries-contentBrands-Brand.mdn-u-embratelDefault .mdn-Validity,.mdnLibraries-contentBrands-Brand.mdn-u-embratelDefault .mdn-Purpose,.mdnLibraries-contentBrands-Download.mdn-u-embratelDefault .mdn-Validity,.mdnLibraries-contentBrands-Download.mdn-u-embratelDefault .mdn-Purpose{color:var(--color-neutral-lightest)}:root{--content-after-icons: "clique para copiar!"}.content-icons{margin-top:150px}.custom-alert-icons{position:relative;padding-left:36px;line-height:130%;font-family:var(--font-family-base)}.custom-alert-icons .alert-icon-left{position:absolute;left:8px;top:14px}.custom-alert-icons .mdn-Alert-close{top:8px}.custom-alert-icons .alert-content{font-size:14px;font-weight:400;padding-right:24px}.custom-alert-icons .alert-content .alert-emphasis{font-weight:700}.custom-alert-icons .alert-content a{font-weight:500}@media only screen and (max-width: 480px){.mdnLibraries-content .content-icons{margin-top:235px !important}}.mdnLibraries-contentIcons{display:flex;flex-wrap:wrap;justify-content:left;border-radius:12px;overflow:visible;margin:8px 0}.mdnLibraries-contentIcons-textGroup{margin-bottom:32px}.mdnLibraries-contentIcons-textGroup .mdn-Text:nth-child(2),.mdnLibraries-contentIcons-textGroup .mdn-Text:nth-child(3){margin-top:24px}.mdnLibraries-contentIcons-textGroup-link{margin-top:24px}.mdnLibraries-contentIcons-textGroup-link .mdn-Text .mdn-Link{margin-left:8px}.mdnLibraries-contentIcons-iconsGroup{width:100%}.mdnLibraries-contentIcons-iconsGroup .mdn-Tag{margin-bottom:var(--spacing-stack-xs);margin-top:var(--spacing-stack-sm)}.mdnLibraries-contentIcons-iconsGroup-category-item{display:flex;flex-wrap:wrap;justify-content:left;width:100%}.mdnLibraries-contentIcons-iconsGroup-category-item .mdn-Tooltip{position:absolute;right:16px;top:30px}.mdnLibraries-contentIcons-iconsGroup-category-item .mdn-Icon-download-caixa{position:absolute;top:4px;right:24px;background:transparent;width:16px;color:var(--theme-text-color-Button--global)}.mdnLibraries-contentIcons-Download,.mdnLibraries-contentIcons-Icon{flex:1 0 100%;height:100px;border-radius:12px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;border:1px solid #f0f2f7;overflow:visible;position:relative;padding:16px;transition:all ease-in 200ms}.mdnLibraries-contentIcons-Download i,.mdnLibraries-contentIcons-Icon i{margin-right:16px}.mdnLibraries-contentIcons-Download span,.mdnLibraries-contentIcons-Icon span{background:#fde6e3;border-radius:4px;height:24px;width:100%;display:flex;justify-content:center;align-items:center;color:#DA291C;font-size:12px}.mdnLibraries-contentIcons-Download-notification,.mdnLibraries-contentIcons-Icon-notification{position:absolute;bottom:-50%}@media only screen and (min-width: 576px){.mdnLibraries-contentIcons-Download,.mdnLibraries-contentIcons-Icon{flex:0 0 calc(25% - 24px);height:84px;margin:0 24px 24px 0}}.mdnLibraries-contentIcons-Download{text-decoration:none}.mdnLibraries-contentIcons-Download i{color:#000000}.mdnLibraries-contentIcons-Download-hover .mdn-Tooltip{display:none}.mdnLibraries-contentIcons-Download:hover .mdnLibraries-contentIcons-Download-hover .mdn-Tooltip{display:block}.mdnLibraries-contentIcons-Icon:hover{box-shadow:0px 8px 32px 0px rgba(31,29,29,0.08);cursor:pointer;transform:scale(1.05)}.mdnLibraries-contentIcons-Icon:hover::after{content:attr(data-value);background:#000;color:#fff;padding:8px;border-radius:12px;position:absolute;top:0;right:0;font-size:12px;font-family:"Roboto"}.mdnLibraries-Notification{position:fixed;padding:16px 24px;right:30px;top:30px;background-color:#97d058;color:#fff;font-weight:500}.mdnLibraries-contentIcons-code{margin:8px 0 8px;padding:16px;background-color:#F8F8F8;position:relative;cursor:pointer}.mdnLibraries-contentIcons-code:hover::after{content:attr(data-value);background:#000;color:#fff;padding:8px;border-radius:12px;position:absolute;top:0;right:0;font-size:12px;font-family:"Roboto"}.mdnLibraries-contentIcons-code pre{background-color:#F8F8F8 !important}.mdnLibraries-contentIcons-Icon--v4:before{content:"Só versões > 4.x.x";display:block;height:20px;position:absolute;font-family:var(--font-family-base);background:var(--theme-backgroundColor-Alert-danger-light);position:absolute;top:0;right:0;padding:var(--theme-spacing-squish-xxxs);font-size:var(--theme-font-size-xxxs);color:var(--theme-textColor-Alert-danger-light);border-radius:4px;font-weight:var(--theme-font-weight-medium)}.mdnLibraries-contentIcons .mdn-Subtitle{margin-bottom:24px}.mdnLibraries-contentIcons .mdn-TabSelect{width:100%}.mdnLibraries-contentIcons .mdn-TabSelect-panel{display:flex}.custom-alert-channels{position:relative;padding-left:36px;line-height:130%;font-family:var(--font-family-base)}.custom-alert-channels .alert-icon-left{position:absolute;left:8px;top:14px}.custom-alert-channels .mdn-Alert-close{top:8px}.custom-alert-channels .alert-content{font-size:14px;font-weight:400;padding-right:24px}.custom-alert-channels .alert-content .alert-emphasis{font-weight:700}.custom-alert-channels .alert-content a{font-weight:500}@media only screen and (max-width: 480px){.custom-alert-channels{margin-top:180px !important;padding-top:16px;padding-bottom:16px}}.mdnLibraries-contentBrandCategories-textGroup{margin-bottom:32px}.mdnLibraries-contentBrandCategories-textGroup .mdn-Text:nth-child(2),.mdnLibraries-contentBrandCategories-textGroup .mdn-Text:nth-child(3){margin-top:24px}.mdnLibraries-contentBrandCategories-textGroup-link{margin-top:24px}.mdnLibraries-contentBrandCategories-textGroup-link .mdn-Text .mdn-Link{margin-left:8px}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels{width:100%}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download{text-decoration:none}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-hover .mdn-Tooltip{position:absolute;right:2px;top:36px;display:none}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-hover .mdn-Icon-download-caixa{position:absolute;top:10px;right:10px;background:transparent;width:16px;color:var(--theme-text-color-Button--global)}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-hover .mdn-Icon-download-caixa--inverse{color:var(--color-neutral-lightest)}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download{border-radius:12px;border:solid 1px var(--color-neutral-medium)}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download:hover .mdnLibraries-contentChannels-Download-hover .mdn-Tooltip{display:block}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Channels-Validity,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-Validity{display:flex;align-items:center;gap:4px;margin-top:var(--spacing-stack-xxs);margin-bottom:0;min-height:1.5em}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-Validity span{color:var(--color-neutral-dark)}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Channels-Validity-hover,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-Validity-hover{position:relative;display:inline-block}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Channels-Validity-hover .mdn-Tooltip,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-Validity-hover .mdn-Tooltip{position:absolute;right:0;top:var(--spacing-stack-xs, -10px);opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:9999}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Channels-Validity-hover .mdn-Tooltip p,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-Validity-hover .mdn-Tooltip p{margin:0;padding:var(--spacing-inset-sm) var(--spacing-inline-xs);line-height:var(--font-line-height-xxs);max-width:var(--screen-size-xxs, 400px);white-space:normal;text-align:left}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Channels-Validity-hover:hover .mdn-Tooltip,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-Validity-hover:hover .mdn-Tooltip{opacity:1;visibility:visible}.mdnLibraries-contentBrandCategories .mdn-Icon-circulo-i{cursor:help}.mdnLibraries-contentBrandCategories .mdn-Validity{margin-top:0;font-size:var(--font-size-xxxs);padding-left:var(--spacing-inline-xxxs);padding-right:0;color:var(--color-neutral-dark);min-height:1.2em}.mdnLibraries-contentBrandCategories .mdn-Purpose{margin-top:5px;font-size:var(--font-size-xxxs);color:var(--color-neutral-dark);min-height:1.2em}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Brand.isInverse .mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download.isInverse .mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-Validity span,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Brand.mdn-u-bgPrimary .mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download.mdn-u-bgPrimary .mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-Validity span,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Brand.mdn-u-bgDarkest .mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download.mdn-u-bgDarkest .mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-Validity span,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Brand.mdn-u-embratelDefault .mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download.mdn-u-embratelDefault .mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download-Validity span{color:var(--color-neutral-lightest)}.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Brand.isInverse .mdn-Validity,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Brand.isInverse .mdn-Purpose,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download.isInverse .mdn-Validity,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download.isInverse .mdn-Purpose,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Brand.mdn-u-bgPrimary .mdn-Validity,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Brand.mdn-u-bgPrimary .mdn-Purpose,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download.mdn-u-bgPrimary .mdn-Validity,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download.mdn-u-bgPrimary .mdn-Purpose,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Brand.mdn-u-bgDarkest .mdn-Validity,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Brand.mdn-u-bgDarkest .mdn-Purpose,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download.mdn-u-bgDarkest .mdn-Validity,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download.mdn-u-bgDarkest .mdn-Purpose,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Brand.mdn-u-embratelDefault .mdn-Validity,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Brand.mdn-u-embratelDefault .mdn-Purpose,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download.mdn-u-embratelDefault .mdn-Validity,.mdnLibraries-contentBrandCategories .mdnLibraries-contentChannels-Download.mdn-u-embratelDefault .mdn-Purpose{color:var(--color-neutral-lightest)}.mdnLibraries-contentChannels-Brand{display:flex;flex-direction:column;justify-content:space-between;height:100%}.mdnLibraries-contentChannels-Brand img{max-width:100%;height:auto;margin:0 auto;display:block}.mdnLibraries-contentPersonas{margin:var(--spacing-stack-md) 0}.mdnLibraries-contentPersonas .mdnLibraries-contentPersonas-skillsParent{margin-top:var(--spacing-stack-sm)}.mdnLibraries-contentPersonas-skills{display:flex;justify-content:space-between;margin-top:var(--spacing-stack-xxs)}.mdnLibraries-contentPersonas-skills .mdn-ProgressBar{width:50%}.mdnLibraries-contentPersonas-skills .mdn-Text.mdn-Text--caption{margin-bottom:0;width:20%;display:flex}.mdnLibraries-contentPersonas .mdn-CardInstitutional-content .mdn-Button{margin-right:var(--spacing-inline-xxxs);margin-bottom:var(--spacing-stack-xxxs);cursor:unset}.mdnLibraries-contentPersonas-topics{margin-top:var(--spacing-stack-sm)}.mdnLibraries-contentPersonas-topics .mdn-Text.mdn-Text--body{margin-bottom:0}.mdnLibraries-contentPersonas .mdn-CardInstitutional{width:100%;height:633px;margin-bottom:var(--spacing-stack-md);justify-content:unset}.mdnLibraries-contentPersonas .mdn-Slider{margin:0}.mdnLibraries-contentPersonas .mdn-ProgressBar-percentText{display:none}.mdnLibraries-contentPersonas .mdn-Subtitle{margin-bottom:var(--spacing-stack-xs)}.mdnLibraries-contentPersonas-textGroup .mdn-Subtitle{margin-top:var(--spacing-stack-xs);margin-bottom:var(--spacing-stack-xs)}.mdnLibraries-contentPersonas-textGroup .mdn-Topic{margin-bottom:var(--spacing-stack-xs)}.mdnLibraries-contentWriting{margin:var(--spacing-stack-md) 0}.mdnLibraries-contentWriting .mdnSite-WritingRules .mdn-Tag{margin-bottom:var(--spacing-stack-sm);margin-top:var(--spacing-stack-md)}.mdnLibraries-contentWriting .mdnSite-WritingRules-category .mdn-Heading{margin-bottom:var(--spacing-stack-xs)}.mdnLibraries-contentWriting .mdnSite-WritingRules-category-rule>.mdn-Text{margin-bottom:var(--spacing-stack-xs)}.mdnLibraries-contentWriting .mdnSite-WritingRules-category-rule .mdnSite-CardDosDonts{margin-bottom:var(--spacing-stack-md)}.mdnLibraries-contentWriting-textGroup .mdn-Subtitle{margin-top:var(--spacing-stack-xs);margin-bottom:var(--spacing-stack-xs)}.mdnLibraries-contentWriting-textGroup .mdn-Topic{margin-bottom:var(--spacing-stack-xs)}.mdnLibraries-contentAssets strong{font-weight:bold}.mdnLibraries-contentAssets .mdnLibraries-contentBrands-list{margin-bottom:var(--spacing-stack-sm)}.mdnLibraries-contentAssets .mdn-Tag.mdn-Tag--hat{margin-bottom:var(--spacing-stack-xs)}.mdnLibraries-contentAssets .mdn-Subtitle{margin-top:var(--spacing-stack-md)}.mdnLibraries-contentAssets .mdn-Accordion{margin-top:var(--spacing-stack-md)}.mdnLibraries-contentAssets .mdn-Accordion .mdn-Text{margin:0}.mdnLibraries-contentAssets .mdn-Accordion-content{flex-direction:column;display:flex}.mdnLibraries-contentAssets .mdn-Accordion-content .mdn-Link{margin-bottom:var(--spacing-stack-md)}.mdnLibraries-contentAssets .mdn-Accordion:not(:first-child):not(:last-child){border-top:none;border-bottom:none;border-radius:0}.mdnLibraries-contentAssets .mdnLibraries-contentFonts-text-group{margin-bottom:0}.mdnLibraries-contentAssets--pdfFile{overflow-y:scroll;overflow-x:hidden;height:630px}.mdnLibraries-contentAssets--pdf .mdn-Heading{margin-bottom:var(--spacing-stack-xxs)}.mdnLibraries-contentAssets--pdf .mdn-Text{margin-bottom:var(--spacing-stack-sm)}.mdnLibraries-contentBrandCategories{margin-top:var(--spacing-stack-md)}.mdnLibraries-contentAssetsAvatars{display:flex;flex-wrap:wrap;border-radius:var(--border-radius-xs);overflow:hidden;flex-direction:column;margin:var(--spacing-stack-xxs) 0}.mdnLibraries-contentAssetsAvatars .mdn-Tag{margin-top:var(--spacing-stack-xs);margin-bottom:var(--spacing-stack-xxs)}.mdnLibraries-contentAssetsAvatars-list{display:flex;flex-wrap:wrap;justify-content:left;gap:40px}.mdnLibraries-contentAssetsAvatars-categories{width:100%}.mdnLibraries-contentAssetsAvatars-Brand{flex:unset;height:200px;max-width:100%;display:inline-flex;flex-direction:column;background-color:var(--color-neutral-lightest);cursor:pointer;position:relative;border-radius:var(--border-radius-sm);border:solid var(--border-width-thin) var(--color-neutral-medium);text-decoration:none;transition:all 0.3s ease;overflow:hidden}@media only screen and (min-width: 576px){.mdnLibraries-contentAssetsAvatars-Brand{flex:1 0 25%;height:200px;max-width:242px}}.mdnLibraries-contentAssetsAvatars-Brand .avatar-image-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-inline-xs);min-height:0}.mdnLibraries-contentAssetsAvatars-Brand img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.mdnLibraries-contentAssetsAvatars-Brand:hover{transition:all 0.3s ease;border:var(--border-width-thin) solid var(--color-neutral-darkest)}.mdnLibraries-contentAssetsAvatars-Brand.isInverse{transition:all 0.3s ease;background-color:var(--color-brand-primary-medium)}.mdnLibraries-contentAssetsAvatars-Brand.isInverse:hover{background-color:var(--color-brand-primary-dark);transition:all 0.3s ease}.mdnLibraries-contentAssetsAvatars-Brand.noPreview{flex-direction:column}.mdnLibraries-contentAssetsAvatars-Brand.noPreview .avatar-image-container{flex:0 0 auto;height:56px}.mdnLibraries-contentAssetsAvatars-Brand.noPreview img{height:56px;max-width:80%;padding:var(--spacing-inline-xxs)}.mdnLibraries-contentAssetsAvatars-Brand.noPreview .mdn-Tag{margin:var(--spacing-stack-xxs) 0}.mdnLibraries-contentAssetsAvatars-Brand--noPreview{height:71px}.mdnLibraries-contentAssetsAvatars-Brand .mdn-Text{flex:0 0 auto;margin:0;padding:var(--spacing-inline-xs) var(--spacing-inline-sm);text-align:center;background-color:var(--color-neutral-lightest);border-top:solid var(--border-width-thin) var(--color-neutral-light);font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdnLibraries-contentAssetsAvatars-Brand:hover::after{content:attr(data-value);background:#000;color:#fff;padding:8px;border-radius:12px;position:absolute;top:0;right:0;font-size:12px;font-family:"Roboto"}.mdnLibraries-Assetscontent{margin-top:160px}.mdnLibraries-contentDashboard .mdn-Heading,.mdnLibraries-contentDashboard .mdn-Input{margin-bottom:var(--theme-spacing-stack-sm)}.mdnLibraries-contentDashboard .mdn-Input{margin-top:var(--theme-spacing-stack-sm)}.mdnLibraries-contentDashboard #output .mdn-Heading{margin-bottom:var(--theme-spacing-stack-xxs)}.mdnLibraries-contentDashboard .mdn-TabSelect-content .mdn-Topic{margin-bottom:var(--theme-spacing-stack-md)}.mdnLibraries-contentDashboard .mdn-Accordion-box .mdn-Accordion-content{position:relative}.mdnLibraries-contentDashboard .mdn-Accordion-box .mdn-Accordion-content .mdn-Spinner{position:relative;width:100%;height:100%;min-height:200px}.mdnLibraries-contentDashboard .mdn-Accordion-box .mdn-Accordion-content .mdn-Heading{margin-bottom:0}.mdnLibraries-contentDashboard .mdn-Accordion-box .mdn-Accordion-content>.mdn-Row>.mdn-Col-md-6:last-child{display:flex}.mdnLibraries-contentDashboard .mdnDashboard-Card{padding:var(--theme-spacing-inset-md);border:var(--theme-border-width-thin) solid var(--theme-color-neutral-medium);border-radius:var(--theme-border-radius-sm);margin-bottom:var(--theme-spacing-stack-md);background-color:var(--theme-background-color--default)}.mdnLibraries-contentDashboard .mdnDashboard-Card .mdn-Subtitle{margin-bottom:var(--theme-spacing-stack-md)}.mdnLibraries-contentDashboard .mdnDashboard-Card .mdn-Topic{margin-bottom:var(--theme-spacing-stack-md)}.mdnLibraries-contentDashboard .mdnDashboard-okr svg{width:100%}.mdnLibraries-contentDashboard .pointer{transform:rotate(-90deg);transform-origin:8px 88px}.mdnLibraries-contentDashboard #level-bar{transition:all ease-in-out 2s;width:0}.mdnLibraries-contentDashboard #value{font-family:var(--theme-font-family--base)}.mdnLibraries-contentDashboard #okrs-select{margin-bottom:var(--theme-spacing-stack-md)}.mdnSite-Documentation{border:var(--theme-border-width-thin) solid var(--theme-color-neutral-darkest);padding:var(--theme-spacing-inset-xxs);border-radius:var(--theme-border-radius-xs)}.mdnSite-CardDosDonts{border-radius:12px 12px 0;border-top:4px solid;background-color:#F8F8F8;padding:16px}.mdnSite-CardDosDonts--dos{border-color:#006B4F}.mdnSite-CardDosDonts--dos .mdnSite-CardDosDonts-item-icon{background-color:#006B4F}.mdnSite-CardDosDonts--donts{border-color:#B84D01}.mdnSite-CardDosDonts--donts .mdnSite-CardDosDonts-item-icon{background-color:#B84D01}.mdnSite-CardDosDonts .mdn-Text{margin-left:8px}.mdnSite-CardDosDonts-item{display:flex;padding:16px 0;border-bottom:1px solid #DBDBDB}.mdnSite-CardDosDonts-item:last-child{border:none;padding-bottom:0}.mdnSite-CardDosDonts-item:first-child{padding-top:0}.mdnSite-CardDosDonts-item-icon{display:flex;justify-content:center;color:#fff;height:24px}.mdnSite-Introduction{display:flex;flex-direction:row;align-items:center;padding-top:var(--spacing-stack-xxl)}@media screen and (min-width: 991px){.mdnSite-Introduction:before{content:"";position:absolute;width:calc(100% / 3);height:100%;background-color:var(--color-brand-primary-medium);right:0;top:0;bottom:0}}.mdnSite-Introduction .mdn-Link *{color:var(--theme-text-color-Link--inverse);margin-bottom:var(--spacing-stack-md);align-items:end}@media screen and (min-width: 991px){.mdnSite-Introduction .mdn-Link *{margin-bottom:0}}.mdnSite-Introduction .mdn-Link * :before{top:2px}.mdnSite-Introduction strong{font-weight:var(--font-weight-bold)}.mdnSite-News{position:relative;display:flex;flex-direction:row;align-items:center}@media screen and (max-height: 790px){.mdnSite-News{min-height:850px}}.mdnSite-News .mdn-Card{width:100%;max-width:initial;margin-bottom:var(--spacing-stack-md)}.mdnSite-News .mdn-Card--imageBody--landscape img{object-fit:contain}@media screen and (min-width: 1200px){.mdnSite-News .mdn-Card--imageBody--landscape img{object-fit:cover}}.mdnSite-News .mdn-Heading{margin-bottom:var(--spacing-stack-xxs)}.mdnSite-Features{position:relative;display:flex;flex-direction:row;align-items:center}.mdnSite-Features .mdnSite-Features-image{width:189px;margin-bottom:var(--spacing-stack-lg)}.mdnSite-Features .mdn-Col-md-5:first-child{padding-bottom:var(--spacing-stack-md)}.mdnSite-Features .mdn-Col-md-5:last-child{padding-top:var(--spacing-stack-md);padding-bottom:var(--spacing-stack-md);background-color:var(--theme-color-background-default)}@media screen and (max-height: 790px){.mdnSite-Features{min-height:700px}}.mdnSite-TeamSection{align-items:center;padding-bottom:var(--spacing-stack-lg)}.mdnSite-TeamSection--internalPage{height:auto}.mdnSite-TeamSection--internalPage .mdn-Row{justify-content:unset}@media screen and (min-width: 768px){.mdnSite-TeamSection{padding-top:var(--spacing-stack-lg)}}@media screen and (max-height: 790px){.mdnSite-TeamSection{min-height:860px}}.mdnSite-TeamSection .mdn-Col-md-5{margin-bottom:var(--spacing-stack-lg)}@media screen and (min-width: 768px){.mdnSite-TeamSection .mdn-Col-md-5{margin-bottom:0}}.mdnSite-TeamSection-team{margin-bottom:var(--spacing-stack-md)}.mdnSite-TeamSection-teamMembers{margin-bottom:var(--spacing-stack-lg)}@media (max-width: 767px){.mdnSite-TeamSection-teamMembers .mdn-Swiper-slide{margin-left:10%}}.mdnSite-TeamSection .mdn-Card-imageBlackout{overflow:hidden;margin:0;padding:16px;width:266px;margin-right:var(--spacing-inline-sm)}@media (min-width: 768px){.mdnSite-TeamSection .mdn-Card-imageBlackout{margin-right:32px}}.mdnSite-TeamSection .mdn-Card-imageBlackout-image{filter:grayscale(1) contrast(1.3)}.mdnSite-TeamSection .mdn-Card-imageBlackout:hover .mdn-Card-imageBlackout-image{filter:grayscale(0)}.mdnSite-TeamSection .mdn-Card-imageBlackout .mdn-Card-icons-icon{color:#1F1D1D}.mdnSite-TeamSection .mdn-Card-imageBlackout .mdnSite-teamMember{z-index:1;align-self:flex-end}.mdnSite-TeamSection .slick-slider{max-width:615px;height:auto;padding-bottom:var(--spacing-stack-lg)}@media screen and (max-width: 768px){.mdnSite-TeamSection .slick-slider{max-height:500px;margin-bottom:var(--spacing-stack-lg)}}.mdnSite-TeamSection .slick-slider .slick-dots{display:none !important}.mdnSite-TeamSection .slick-slider .slick-prev,.mdnSite-TeamSection .slick-slider .slick-next{display:initial !important;bottom:-32px}@media (max-width: 767px){.mdnSite-TeamSection .slick-slider .slick-prev,.mdnSite-TeamSection .slick-slider .slick-next{bottom:-24px}}.mdnSite-TeamSection .slick-slider .slick-prev{left:0}.mdnSite-TeamSection .slick-slider .slick-next{left:16px}.mdnSite-TeamSection .mdn-Link *{color:var(--color-neutral-lightest)}.mdnSite-About:not(.mdn-Faq) .mdn-Heading{margin-bottom:var(--spacing-stack-sm)}.mdnSite-About:not(.mdn-Faq) .mdn-Subtitle{margin-bottom:var(--spacing-stack-xs)}.mdnSite-About:not(.mdn-Faq) .mdn-Image{border-radius:var(--spacing-stack-xxs)}.mdnSite-About:not(.mdn-Faq) .mdn-Text+.mdn-Subtitle{margin-top:var(--spacing-stack-md)}.mdnSite-About:not(.mdn-Faq) .mdn-Text+.mdn-Text{margin-top:var(--spacing-stack-sm)}.mdnSite-About:not(.mdn-Faq) .mdn-Col-md-1+.mdn-Col-md-5{margin-top:var(--spacing-stack-sm)}.mdnSite-About.mdnSite-Section .mdn-Text{margin-bottom:0}.mdnSite-Libraries{position:relative;display:flex;flex-direction:row;align-items:center}.mdnSite-Libraries .mdn-Tag{margin-top:var(--spacing-stack-sm);margin-bottom:var(--spacing-stack-xs)}.mdnSite-Libraries .mdn-Tag:first-of-type{margin-top:0}.mdnSite-Libraries .mdn-Col-md-5{margin-bottom:var(--spacing-stack-md)}.mdnSite-Libraries .mdn-Topic{margin-bottom:var(--spacing-stack-xxxs)}.mdnSite-Topics{position:relative;display:flex;flex-direction:row;align-items:center}.mdnSite-Topics .mdn-Topic{margin-bottom:var(--spacing-stack-xxxs)}.mdnSite-Topics .mdn-Subtitle{margin-bottom:var(--spacing-stack-lg)}.mdnSite-Contributors a{text-decoration:none;color:var(--theme-text-color--dark)}.mdnSite-Contributors-image{display:inline-flex;margin:var(--spacing-stack-xxs) var(--spacing-stack-xxs);border-radius:var(--border-radius-md);object-fit:cover;width:60vw;cursor:pointer;transition:all ease-in 200ms}.mdnSite-Contributors-image:hover{transform:scale(1.1)}.mdnSite-Contributors .mdnSite-About-content{white-space:nowrap;overflow-x:scroll;overflow-y:hidden}@media screen and (min-width: 768px){.mdnSite-Contributors .mdnSite-About-content{white-space:unset;overflow-y:auto;overflow-x:auto}}.mdnSite-Contributors .mdn-Link{margin-top:var(--spacing-stack-sm)}.mdnSite-Contributors .mdn-Modal .mdn-Modal-header{min-height:3.75rem}.mdnSite-Contributors .mdn-Modal .mdn-Heading,.mdnSite-Contributors .mdn-Modal .mdn-Text,.mdnSite-Contributors .mdn-Modal .mdn-Subtitle{margin-bottom:0;margin-top:0}.mdnSite-Contributors .mdn-Modal .mdn-Button{width:var(--theme-font-size-lg)}.mdnSite-Contributors .mdn-Modal .mdnSite-Contributors-modal-image{width:100%;height:auto;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-stack-xxs)}.mdnSite-Contributors .mdn-Modal .mdnSite-Contributors-contributions{position:relative;display:inline-flex;flex-wrap:wrap;margin-top:var(--spacing-stack-xxxs)}.mdnSite-Contributors .mdn-Modal .mdnSite-Contributors-contributions .mdn-Tooltip{position:absolute;left:50%;transform:translate(-50%, 0);top:40px;display:none !important;white-space:nowrap;max-width:unset;z-index:1000}.mdnSite-Contributors .mdn-Modal .mdnSite-Contributors-contributions .mdnSite-Contributors-contributions-item{position:relative;width:40px;text-align:center}.mdnSite-Contributors .mdn-Modal .mdnSite-Contributors-contributions .mdnSite-Contributors-contributions-item:hover .mdn-Tooltip{display:inline-flex !important}.mdnSite-Contributors .mdn-Modal .mdnSite-Contributors-modal-details .mdn-Subtitle{margin-bottom:var(--spacing-stack-xxxs)}.mdnSite-Contributors .mdn-Modal .mdnSite-Contributors-modal-details a{margin-right:var(--spacing-stack-xxs)}.mdnSite-Contributors .mdn-Modal .mdn-Col-md-6{margin-bottom:var(--spacing-stack-xxs)}.mdnSite-Contributors .mdn-Modal .mdn-Col-md-6+.mdn-Col-md-6{align-items:flex-start;justify-content:flex-start}@media screen and (max-width: 768px){.mdnSite-Contributors .mdn-Col-md-1+.mdn-Col-md-6{margin-top:var(--spacing-stack-md)}}.mdnSite-DsConf{position:relative;display:flex;flex-direction:row;align-items:center}.mdnSite-DsConf-infos-info{margin-bottom:var(--spacing-stack-md)}@media screen and (max-width: 768px){.mdnSite-DsConf .mdnSite-Features-image{margin-bottom:var(--spacing-stack-md)}}.mdnSite-Podcasts .mdnSite-About-content{display:flex}.mdnSite-Podcasts-items{margin-top:var(--spacing-stack-lg)}.mdnSite-Podcasts-items-item{margin-bottom:var(--spacing-stack-md)}.mdnSite-Podcasts-items-item a{text-decoration:none;display:inline-flex;align-items:center;transition:all ease-in 200ms}.mdnSite-Podcasts-items-item a:hover{opacity:var(--opacity-intense)}.mdnSite-Podcasts-items-item a .mdnSite-Podcasts-item-item-icon{background-color:var(--color-neutral-medium);width:60px;height:60px;border-radius:var(--border-radius-sm);margin-right:var(--spacing-inline-xs);display:flex;justify-content:center;align-items:center}.mdnSite-Podcasts-items-item a .mdnSite-Podcasts-item-item-icon i{display:inline-flex;padding:var(--spacing-inset-xxs);border-radius:var(--border-radius-circle);color:var(--color-neutral-lightest);background-color:var(--color-neutral-darkest)}.mdnSite-Podcasts-items-item a .mdn-Heading,.mdnSite-Podcasts-items-item a .mdn-Text{margin-bottom:0}.mdn-Steps-text.mdn-Heading.mdn-Heading--inverse{color:var(--color-neutral-lightest)}.mdnSite-Faq{padding:0}.mdnSite-SupportLibrariesHome-top{position:fixed;top:71px;left:50%;transform:translate(-50%, 0);z-index:1000;background:#fff}@media only screen and (max-width: 425px){.mdnSite-SupportLibrariesHome-top{top:72px}}.mdnSite-SupportLibrariesHome-content-brands{margin-top:100px}.mdnSite-SupportLibrariesHome-content-brands--xs{margin-top:110px}.mdnSite-SupportLibrariesHome-content-brands--lg{margin-top:185px}.mdnLibraries-contentBrands{display:flex;flex-wrap:wrap;border-radius:12px;overflow:hidden;flex-direction:column;margin:8px 0}.mdnLibraries-contentBrands .mdn-Tag{margin-top:16px;margin-bottom:8px}.mdnLibraries-contentBrands-list{display:flex;flex-wrap:wrap;justify-content:left;gap:40px}.mdnLibraries-contentBrands-categories{width:100%}.mdnLibraries-contentBrands-Brand,.mdnLibraries-contentBrands-Download{flex:1 0 100%;height:100px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;border-radius:12px;border:solid var(--border-width-thin) var(--color-neutral-medium);transition:all ease-in 200ms;flex:unset;height:180px;max-width:100%;display:inline-flex;flex-direction:column}.mdnLibraries-contentBrands-Brand .mdn-Text,.mdnLibraries-contentBrands-Download .mdn-Text{text-align:center;padding-left:var(--spacing-inline-xxxs);padding-right:var(--spacing-inline-xxxs)}.mdnLibraries-contentBrands-Brand .mdn-Text--caption,.mdnLibraries-contentBrands-Download .mdn-Text--caption{margin-top:var(--spacing-stack-sm)}.mdnLibraries-contentBrands-Brand img,.mdnLibraries-contentBrands-Download img{max-width:80%}.mdnLibraries-contentBrands-Brand:hover,.mdnLibraries-contentBrands-Download:hover{transition:all ease-in 200ms;border:var(--border-width-thin) solid var(--color-neutral-darkest)}.mdnLibraries-contentBrands-Brand.isInverse,.mdnLibraries-contentBrands-Download.isInverse{transition:all ease-in 200ms;background-color:#DA291C}.mdnLibraries-contentBrands-Brand.isInverse:hover,.mdnLibraries-contentBrands-Download.isInverse:hover{background-color:#B41E13;transition:all ease-in 200ms}.mdnLibraries-contentBrands-Brand.noPreview,.mdnLibraries-contentBrands-Download.noPreview{flex-direction:column}.mdnLibraries-contentBrands-Brand.noPreview img,.mdnLibraries-contentBrands-Download.noPreview img{height:56px}.mdnLibraries-contentBrands-Brand.noPreview .mdn-Tag,.mdnLibraries-contentBrands-Download.noPreview .mdn-Tag{margin:8px 0}.mdnLibraries-contentBrands-Brand--noPreview,.mdnLibraries-contentBrands-Download--noPreview{height:71px}.mdnLibraries-contentBrands-Brand--code,.mdnLibraries-contentBrands-Download--code{display:block;height:auto;border:var(--border-width-thin) solid transparent;border-radius:var(--border-radius-sm);overflow:hidden;max-width:unset}.mdnLibraries-contentBrands-Brand--code pre,.mdnLibraries-contentBrands-Download--code pre{font-size:14px;margin:0}.mdnLibraries-contentBrands-Brand--code pre *,.mdnLibraries-contentBrands-Download--code pre *{font-size:14px}@media only screen and (min-width: 576px){.mdnLibraries-contentBrands-Brand:not(.mdnLibraries-contentBrands-Brand--code),.mdnLibraries-contentBrands-Download:not(.mdnLibraries-contentBrands-Brand--code){flex:1 0 25%;height:180px;max-width:242px}}.mdnLibraries-contentBrands-Brand:hover::after{content:attr(data-value);background:#000;color:#fff;padding:8px;border-radius:12px;position:absolute;top:0;right:0;font-size:12px;font-family:"Roboto"}.mdnLibraries-contentBrands-Brand-Validity,.mdnLibraries-contentBrands-Download-Validity{display:flex;align-items:center;gap:4px;margin-top:var(--spacing-stack-xxs);margin-bottom:0}.mdnLibraries-contentBrands-Brand-Validity span,.mdnLibraries-contentBrands-Download-Validity span{color:var(--color-neutral-dark)}.mdnLibraries-contentBrands-Brand-Validity-hover,.mdnLibraries-contentBrands-Download-Validity-hover{position:relative;display:inline-block}.mdnLibraries-contentBrands-Brand-Validity-hover .mdn-Tooltip,.mdnLibraries-contentBrands-Download-Validity-hover .mdn-Tooltip{position:absolute;right:0;top:var(--spacing-stack-xs, -10px);opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:9999}.mdnLibraries-contentBrands-Brand-Validity-hover .mdn-Tooltip p,.mdnLibraries-contentBrands-Download-Validity-hover .mdn-Tooltip p{margin:0;padding:var(--spacing-inset-sm) var(--spacing-inline-xs);line-height:var(--font-line-height-xxs);max-width:var(--screen-size-xxs, 400px);white-space:normal;text-align:left}.mdnLibraries-contentBrands-Brand-Validity-hover:hover .mdn-Tooltip,.mdnLibraries-contentBrands-Download-Validity-hover:hover .mdn-Tooltip{opacity:1;visibility:visible}.mdnLibraries-contentBrands .mdn-Icon-circulo-i{cursor:help}.mdnLibraries-contentBrands-Brand.isInverse .mdnLibraries-contentBrands-Validity span,.mdnLibraries-contentBrands-Download.isInverse .mdnLibraries-contentBrands-Validity span,.mdnLibraries-contentBrands-Brand.mdn-u-bgPrimary .mdnLibraries-contentBrands-Validity span,.mdnLibraries-contentBrands-Download.mdn-u-bgPrimary .mdnLibraries-contentBrands-Validity span,.mdnLibraries-contentBrands-Brand.mdn-u-bgDarkest .mdnLibraries-contentBrands-Validity span,.mdnLibraries-contentBrands-Download.mdn-u-bgDarkest .mdnLibraries-contentBrands-Validity span,.mdnLibraries-contentBrands-Brand.mdn-u-embratelDefault .mdnLibraries-contentBrands-Validity span,.mdnLibraries-contentBrands-Download.mdn-u-embratelDefault .mdnLibraries-contentBrands-Validity span{color:var(--color-neutral-lightest)}.mdnLibraries-contentBrands-Brand.isInverse .mdn-Validity,.mdnLibraries-contentBrands-Brand.isInverse .mdn-Purpose,.mdnLibraries-contentBrands-Download.isInverse .mdn-Validity,.mdnLibraries-contentBrands-Download.isInverse .mdn-Purpose,.mdnLibraries-contentBrands-Brand.mdn-u-bgPrimary .mdn-Validity,.mdnLibraries-contentBrands-Brand.mdn-u-bgPrimary .mdn-Purpose,.mdnLibraries-contentBrands-Download.mdn-u-bgPrimary .mdn-Validity,.mdnLibraries-contentBrands-Download.mdn-u-bgPrimary .mdn-Purpose,.mdnLibraries-contentBrands-Brand.mdn-u-bgDarkest .mdn-Validity,.mdnLibraries-contentBrands-Brand.mdn-u-bgDarkest .mdn-Purpose,.mdnLibraries-contentBrands-Download.mdn-u-bgDarkest .mdn-Validity,.mdnLibraries-contentBrands-Download.mdn-u-bgDarkest .mdn-Purpose,.mdnLibraries-contentBrands-Brand.mdn-u-embratelDefault .mdn-Validity,.mdnLibraries-contentBrands-Brand.mdn-u-embratelDefault .mdn-Purpose,.mdnLibraries-contentBrands-Download.mdn-u-embratelDefault .mdn-Validity,.mdnLibraries-contentBrands-Download.mdn-u-embratelDefault .mdn-Purpose{color:var(--color-neutral-lightest)}.mdnLibraries-contentBrands .mdn-Validity{margin-top:0;font-size:var(--font-size-xxxs);line-height:1;padding-left:var(--spacing-inline-xxxs);padding-right:0;color:var(--color-neutral-dark)}.mdnLibraries-contentBrands .mdn-Purpose{margin-top:5px;font-size:var(--font-size-xxxs);line-height:1;color:var(--color-neutral-dark)}.mdn-Input-search--displayNone{display:none}.mdnSite-SupportLibrariesHome-top{position:fixed;top:50px;left:50%;transform:translate(-50%, 0);z-index:1000;background:#fff}@media only screen and (max-width: 760px){.mdnSite-SupportLibrariesHome-top{top:72px}}.mdnSite-SupportLibrariesHome-content-channels{margin-top:100px}.mdnSite-SupportLibrariesHome-content-channels--xs{margin-top:100px}.mdnSite-SupportLibrariesHome-content-channels--lg{margin-top:185px}.mdnLibraries-contentChannels{display:flex;flex-wrap:wrap;border-radius:12px;overflow:hidden;flex-direction:column;margin:8px 0}.mdnLibraries-contentChannels .mdn-Tag{margin-top:16px;margin-bottom:8px}.mdnLibraries-contentChannels-list{display:flex;flex:1 0 25%;flex-wrap:wrap;justify-content:left;gap:40px}.mdnLibraries-contentChannels-categories{width:100%}.mdnLibraries-contentChannels-Brand,.mdnLibraries-contentChannels-Download{flex:1 0 100%;height:100px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;border-radius:12px;border:solid var(--border-width-thin) var(--color-neutral-medium);transition:all ease-in 200ms;flex:unset;height:140px;max-width:100%;display:inline-flex;flex-direction:column}.mdnLibraries-contentChannels-Brand img,.mdnLibraries-contentChannels-Download img{max-width:40%;max-height:50%}.mdnLibraries-contentChannels-Brand:hover,.mdnLibraries-contentChannels-Download:hover{transition:all ease-in 200ms;border:var(--border-width-thin) solid var(--color-neutral-darkest)}.mdnLibraries-contentChannels-Brand.isInverse,.mdnLibraries-contentChannels-Download.isInverse{transition:all ease-in 200ms;background-color:#DA291C}.mdnLibraries-contentChannels-Brand.isInverse:hover,.mdnLibraries-contentChannels-Download.isInverse:hover{background-color:#B41E13;transition:all ease-in 200ms}.mdnLibraries-contentChannels-Brand.noPreview,.mdnLibraries-contentChannels-Download.noPreview{flex-direction:column}.mdnLibraries-contentChannels-Brand.noPreview img,.mdnLibraries-contentChannels-Download.noPreview img{height:80px}.mdnLibraries-contentChannels-Brand.noPreview .mdn-Tag,.mdnLibraries-contentChannels-Download.noPreview .mdn-Tag{margin:8px 0}.mdnLibraries-contentChannels-Brand--noPreview,.mdnLibraries-contentChannels-Download--noPreview{height:71px}.mdnLibraries-contentChannels-Brand--code,.mdnLibraries-contentChannels-Download--code{display:block;height:auto;border:var(--border-width-thin) solid transparent;border-radius:var(--border-radius-sm);overflow:hidden;max-width:unset}.mdnLibraries-contentChannels-Brand--code pre,.mdnLibraries-contentChannels-Download--code pre{font-size:14px;margin:0}.mdnLibraries-contentChannels-Brand--code pre *,.mdnLibraries-contentChannels-Download--code pre *{font-size:14px}.mdnLibraries-contentChannels-Brand .mdn-Text,.mdnLibraries-contentChannels-Download .mdn-Text{text-align:center;padding-left:var(--spacing-inline-sm);padding-right:var(--spacing-inline-sm)}.mdnLibraries-contentChannels-Brand .mdn-Text--caption,.mdnLibraries-contentChannels-Download .mdn-Text--caption{margin-top:var(--spacing-stack-sm)}@media only screen and (min-width: 576px){.mdnLibraries-contentChannels-Brand:not(.mdnLibraries-contentChannels-Brand--code),.mdnLibraries-contentChannels-Download:not(.mdnLibraries-contentChannels-Brand--code){flex:1 0 25%;height:190px;max-width:242px}}.mdnLibraries-contentChannels-Brand:hover::after{content:attr(data-value);background:#000;color:#fff;padding:8px;border-radius:12px;position:absolute;top:0;right:0;font-size:12px;font-family:"Roboto"}.mdnLibraries-contentChannels-Channels-Validity,.mdnLibraries-contentChannels-Download-Validity{display:flex;align-items:center;gap:4px;margin-top:var(--spacing-stack-xxs);margin-bottom:0}.mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Download-Validity span{color:var(--color-neutral-dark)}.mdnLibraries-contentChannels-Channels-Validity-hover,.mdnLibraries-contentChannels-Download-Validity-hover{position:relative;display:inline-block}.mdnLibraries-contentChannels-Channels-Validity-hover .mdn-Tooltip,.mdnLibraries-contentChannels-Download-Validity-hover .mdn-Tooltip{position:absolute;right:0;top:-10px;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:9999}.mdnLibraries-contentChannels-Channels-Validity-hover .mdn-Tooltip p,.mdnLibraries-contentChannels-Download-Validity-hover .mdn-Tooltip p{margin:0;padding:var(--spacing-inset-xxs) var(--spacing-inset-xs);line-height:1.3;max-width:400px;white-space:normal;text-align:left}.mdnLibraries-contentChannels-Channels-Validity-hover:hover .mdn-Tooltip,.mdnLibraries-contentChannels-Download-Validity-hover:hover .mdn-Tooltip{opacity:1;visibility:visible}.mdnLibraries-contentChannels .mdn-Icon-circulo-i{cursor:help}.mdnLibraries-contentChannels-Brand.isInverse .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Download.isInverse .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Brand.mdn-u-bgPrimary .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Download.mdn-u-bgPrimary .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Brand.mdn-u-bgDarkest .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Download.mdn-u-bgDarkest .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Brand.mdn-u-embratelDefault .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Download.mdn-u-embratelDefault .mdnLibraries-contentChannels-Channels-Validity span{color:var(--color-neutral-lightest)}.mdnLibraries-contentChannels-Brand.isInverse .mdn-Validity,.mdnLibraries-contentChannels-Brand.isInverse .mdn-Purpose,.mdnLibraries-contentChannels-Download.isInverse .mdn-Validity,.mdnLibraries-contentChannels-Download.isInverse .mdn-Purpose,.mdnLibraries-contentChannels-Brand.mdn-u-bgPrimary .mdn-Validity,.mdnLibraries-contentChannels-Brand.mdn-u-bgPrimary .mdn-Purpose,.mdnLibraries-contentChannels-Download.mdn-u-bgPrimary .mdn-Validity,.mdnLibraries-contentChannels-Download.mdn-u-bgPrimary .mdn-Purpose,.mdnLibraries-contentChannels-Brand.mdn-u-bgDarkest .mdn-Validity,.mdnLibraries-contentChannels-Brand.mdn-u-bgDarkest .mdn-Purpose,.mdnLibraries-contentChannels-Download.mdn-u-bgDarkest .mdn-Validity,.mdnLibraries-contentChannels-Download.mdn-u-bgDarkest .mdn-Purpose,.mdnLibraries-contentChannels-Brand.mdn-u-embratelDefault .mdn-Validity,.mdnLibraries-contentChannels-Brand.mdn-u-embratelDefault .mdn-Purpose,.mdnLibraries-contentChannels-Download.mdn-u-embratelDefault .mdn-Validity,.mdnLibraries-contentChannels-Download.mdn-u-embratelDefault .mdn-Purpose{color:var(--color-neutral-lightest)}.mdnLibraries-contentChannels .mdn-Validity{margin-top:0;font-size:var(--font-size-xxxs);line-height:1;padding-left:var(--spacing-inline-xxxs);padding-right:0;color:var(--color-neutral-dark)}.mdnLibraries-contentChannels .mdn-Purpose{margin-top:0;font-size:var(--font-size-xxxs);line-height:1;color:var(--color-neutral-dark)}.mdn-Input-search--displayNone{display:none}.mdnSite-SupportLibrariesHome-top{position:fixed;top:50px;left:50%;transform:translate(-50%, 0);z-index:1000;background:#fff}@media only screen and (max-width: 760px){.mdnSite-SupportLibrariesHome-top{top:72px}}.mdnSite-SupportLibrariesHome-content-channels{margin-top:100px}.mdnSite-SupportLibrariesHome-content-channels--xs{margin-top:100px}.mdnSite-SupportLibrariesHome-content-channels--lg{margin-top:185px}.mdnLibraries-contentChannels{display:flex;flex-wrap:wrap;border-radius:12px;overflow:hidden;flex-direction:column;margin:8px 0}.mdnLibraries-contentChannels .mdn-Tag{margin-top:16px;margin-bottom:8px}.mdnLibraries-contentChannels-list{display:flex;flex:1 0 25%;flex-wrap:wrap;justify-content:left;gap:40px}.mdnLibraries-contentChannels-categories{width:100%}.mdnLibraries-contentChannels-Brand,.mdnLibraries-contentChannels-Download{flex:1 0 100%;height:100px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;border-radius:12px;border:solid var(--border-width-thin) var(--color-neutral-medium);transition:all ease-in 200ms;flex:unset;height:140px;max-width:100%;display:inline-flex;flex-direction:column}.mdnLibraries-contentChannels-Brand img,.mdnLibraries-contentChannels-Download img{max-width:40%;max-height:50%}.mdnLibraries-contentChannels-Brand:hover,.mdnLibraries-contentChannels-Download:hover{transition:all ease-in 200ms;border:var(--border-width-thin) solid var(--color-neutral-darkest)}.mdnLibraries-contentChannels-Brand.isInverse,.mdnLibraries-contentChannels-Download.isInverse{transition:all ease-in 200ms;background-color:#DA291C}.mdnLibraries-contentChannels-Brand.isInverse:hover,.mdnLibraries-contentChannels-Download.isInverse:hover{background-color:#B41E13;transition:all ease-in 200ms}.mdnLibraries-contentChannels-Brand.noPreview,.mdnLibraries-contentChannels-Download.noPreview{flex-direction:column}.mdnLibraries-contentChannels-Brand.noPreview img,.mdnLibraries-contentChannels-Download.noPreview img{height:80px}.mdnLibraries-contentChannels-Brand.noPreview .mdn-Tag,.mdnLibraries-contentChannels-Download.noPreview .mdn-Tag{margin:8px 0}.mdnLibraries-contentChannels-Brand--noPreview,.mdnLibraries-contentChannels-Download--noPreview{height:71px}.mdnLibraries-contentChannels-Brand--code,.mdnLibraries-contentChannels-Download--code{display:block;height:auto;border:var(--border-width-thin) solid transparent;border-radius:var(--border-radius-sm);overflow:hidden;max-width:unset}.mdnLibraries-contentChannels-Brand--code pre,.mdnLibraries-contentChannels-Download--code pre{font-size:14px;margin:0}.mdnLibraries-contentChannels-Brand--code pre *,.mdnLibraries-contentChannels-Download--code pre *{font-size:14px}.mdnLibraries-contentChannels-Brand .mdn-Text,.mdnLibraries-contentChannels-Download .mdn-Text{text-align:center;padding-left:var(--spacing-inline-sm);padding-right:var(--spacing-inline-sm)}.mdnLibraries-contentChannels-Brand .mdn-Text--caption,.mdnLibraries-contentChannels-Download .mdn-Text--caption{margin-top:var(--spacing-stack-sm)}@media only screen and (min-width: 576px){.mdnLibraries-contentChannels-Brand:not(.mdnLibraries-contentChannels-Brand--code),.mdnLibraries-contentChannels-Download:not(.mdnLibraries-contentChannels-Brand--code){flex:1 0 25%;height:190px;max-width:242px}}.mdnLibraries-contentChannels-Brand:hover::after{content:attr(data-value);background:#000;color:#fff;padding:8px;border-radius:12px;position:absolute;top:0;right:0;font-size:12px;font-family:"Roboto"}.mdnLibraries-contentChannels-Channels-Validity,.mdnLibraries-contentChannels-Download-Validity{display:flex;align-items:center;gap:4px;margin-top:var(--spacing-stack-xxs);margin-bottom:0}.mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Download-Validity span{color:var(--color-neutral-dark)}.mdnLibraries-contentChannels-Channels-Validity-hover,.mdnLibraries-contentChannels-Download-Validity-hover{position:relative;display:inline-block}.mdnLibraries-contentChannels-Channels-Validity-hover .mdn-Tooltip,.mdnLibraries-contentChannels-Download-Validity-hover .mdn-Tooltip{position:absolute;right:0;top:-10px;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:9999}.mdnLibraries-contentChannels-Channels-Validity-hover .mdn-Tooltip p,.mdnLibraries-contentChannels-Download-Validity-hover .mdn-Tooltip p{margin:0;padding:var(--spacing-inset-xxs) var(--spacing-inset-xs);line-height:1.3;max-width:400px;white-space:normal;text-align:left}.mdnLibraries-contentChannels-Channels-Validity-hover:hover .mdn-Tooltip,.mdnLibraries-contentChannels-Download-Validity-hover:hover .mdn-Tooltip{opacity:1;visibility:visible}.mdnLibraries-contentChannels .mdn-Icon-circulo-i{cursor:help}.mdnLibraries-contentChannels-Brand.isInverse .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Download.isInverse .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Brand.mdn-u-bgPrimary .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Download.mdn-u-bgPrimary .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Brand.mdn-u-bgDarkest .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Download.mdn-u-bgDarkest .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Brand.mdn-u-embratelDefault .mdnLibraries-contentChannels-Channels-Validity span,.mdnLibraries-contentChannels-Download.mdn-u-embratelDefault .mdnLibraries-contentChannels-Channels-Validity span{color:var(--color-neutral-lightest)}.mdnLibraries-contentChannels-Brand.isInverse .mdn-Validity,.mdnLibraries-contentChannels-Brand.isInverse .mdn-Purpose,.mdnLibraries-contentChannels-Download.isInverse .mdn-Validity,.mdnLibraries-contentChannels-Download.isInverse .mdn-Purpose,.mdnLibraries-contentChannels-Brand.mdn-u-bgPrimary .mdn-Validity,.mdnLibraries-contentChannels-Brand.mdn-u-bgPrimary .mdn-Purpose,.mdnLibraries-contentChannels-Download.mdn-u-bgPrimary .mdn-Validity,.mdnLibraries-contentChannels-Download.mdn-u-bgPrimary .mdn-Purpose,.mdnLibraries-contentChannels-Brand.mdn-u-bgDarkest .mdn-Validity,.mdnLibraries-contentChannels-Brand.mdn-u-bgDarkest .mdn-Purpose,.mdnLibraries-contentChannels-Download.mdn-u-bgDarkest .mdn-Validity,.mdnLibraries-contentChannels-Download.mdn-u-bgDarkest .mdn-Purpose,.mdnLibraries-contentChannels-Brand.mdn-u-embratelDefault .mdn-Validity,.mdnLibraries-contentChannels-Brand.mdn-u-embratelDefault .mdn-Purpose,.mdnLibraries-contentChannels-Download.mdn-u-embratelDefault .mdn-Validity,.mdnLibraries-contentChannels-Download.mdn-u-embratelDefault .mdn-Purpose{color:var(--color-neutral-lightest)}.mdnLibraries-contentChannels .mdn-Validity{margin-top:0;font-size:var(--font-size-xxxs);line-height:1;padding-left:var(--spacing-inline-xxxs);padding-right:0;color:var(--color-neutral-dark)}.mdnLibraries-contentChannels .mdn-Purpose{margin-top:0;font-size:var(--font-size-xxxs);line-height:1;color:var(--color-neutral-dark)}.mdn-Input-search--displayNone{display:none}.mdnLibraries-contentChecker{display:flex;flex-wrap:wrap;border-radius:12px;overflow:visible;margin:8px 0;padding:8px 0;height:calc(100vh - 274px);flex-direction:row}@media screen and (min-width: 767px){.mdnLibraries-contentChecker{flex-direction:column}}.mdnLibraries-contentChecker-topics{margin-top:24px;margin-bottom:32px}.mdnLibraries-contentChecker-topics .mdn-Topic{margin-bottom:8px}.mdnLibraries-contentChecker-images{margin-top:16px;display:flex;flex-direction:row}.mdnLibraries-contentChecker-images div img{width:50%}.mdnSite-SupportLibrariesHome-content{margin-top:130px}.mdnSite-SupportLibrariesHome-content--xs{margin-top:140px}.mdnSite-SupportLibrariesHome-content--lg{margin-top:130px}.mdn-Alert{margin-top:24px;margin-bottom:32px}.mdn-Alert .mdn-Text.mdn-Text--body{margin:0;display:inline}.mdnLibraries-content{margin-top:32px}.mdn-Input-search--displayNone{display:none}.mdnLibraries-contentIllustrations{display:flex;flex-wrap:wrap;border-radius:12px;overflow:visible;margin:8px 0;padding:8px 0}.mdnLibraries-contentIllustrations-image{margin:32px auto;width:100%;height:calc(100vh - 354px);min-height:350px}@media screen and (min-width: 991px){#news .mdnSite-News{height:auto;min-height:calc(100vh - 228px)}}#design-ops .mdnSite-About .mdn-Text{margin-bottom:var(--spacing-stack-xs)}#design-ops .mdnSite-About .mdn-Topic{margin-top:var(--spacing-stack-xxs)}#design-ops .mdnSite-About strong{font-weight:var(--font-weight-bold)}#design-ops .mdn-Col-md-1+.mdn-Col-md-6{align-items:center}@media screen and (max-width: 768px){#design-ops .mdn-Col-md-1+.mdn-Col-md-6{margin-top:var(--spacing-stack-md)}}#the-mondrian .mdnSite-Section.mdnSite-About{height:auto}#the-mondrian .mdn-Steps{height:250px}#checker--privacy-policy{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}#checker--privacy-policy .mdn-Heading{margin-top:var(--spacing-stack-md);margin-bottom:var(--spacing-stack-xxs)}#checker--privacy-policy .mdn-Subtitle{margin-bottom:var(--spacing-stack-sm)}#checker--privacy-policy .mdn-Footer{margin-top:var(--spacing-stack-md)}#home .mdn-Footer,#the-mondrian .mdn-Footer,#community .mdn-Footer,#support .mdn-Footer{margin-top:0}#libraries.assets .mdn-Footer{margin-top:var(--spacing-stack-lg)}.mdnSite-VimeoContainer{background-size:cover;background-repeat:no-repeat;background-position:center center;display:flex;justify-content:center;flex-direction:column;text-align:center}.mdnSite-VimeoContainer-image{width:100%;border-radius:var(--border-radius-md)}.mdnSite-VimeoContainer-play{background:var(--color-neutral-lightest);padding:var(--spacing-inset-sm);display:flex;align-self:center;justify-content:center;align-items:center;border-radius:var(--border-radius-circle);transition:all ease-in 200ms}.mdnSite-VimeoContainer-play-icon{cursor:pointer;transition:all ease-in 200ms;padding:var(--spacing-inset-sm);border-radius:var(--border-radius-circle);width:74px;height:74px;border:var(--border-width-thick) solid var(--color-neutral-darkest)}.mdnSite-VimeoContainer-play-icon:hover{opacity:.8}.mdnSite-VimeoContainer-play:hover{transform:scale(1.1)}.mdnSite-VimeoContainer #mondrian-video{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.mdnSite-VimeoContainer #mondrian-video iframe{width:80%;height:80vh;margin:0}li .mdnSite-Link--nav{font-weight:bold;color:#FC867F;text-decoration:none;padding:8px;display:block;transition:all ease-in 200ms}@media (min-width: 1440px){li .mdnSite-Link--nav{padding:16px}}li .mdnSite-Link--nav:hover{color:#fff}li.is-active .mdn-Link{color:#fff}.mdnSite-Nav{display:flex}.mdnSite-Nav-itensContainer{display:flex;align-items:center}.mdnSite-Nav>.mdn-Button{margin:10px;vertical-align:middle}.mdnSite-Slider--inverse{background-color:#DA291C}.mdnSite-Slider-item{height:100vh;width:100%;align-items:center}@media (max-width: 767px){.mdnSite-Slider-item{height:auto}}.slick-slider{height:100vh;display:flex;flex-direction:column;justify-content:center}@media (max-width: 767px){.slick-slider{height:auto}}.slick-dots{bottom:32px;height:10px}.slick-dots li{width:24px;height:12px;background-color:#DBDBDB;transition:300ms ease;margin:0 8px}.slick-dots li.slick-active{width:40px;height:12px;background-color:#DA291C;transition:300ms ease}.slick-dots li button:before{display:none}.slick-prev,.slick-next{background-color:#DA291C;width:48px;height:48px;border-radius:8px;color:#fff;display:inline-block !important;position:absolute;top:initial;transform:initial;bottom:32px;z-index:1}.slick-prev:active,.slick-prev:hover,.slick-prev:focus,.slick-next:active,.slick-next:hover,.slick-next:focus{background:#83170F;opacity:1}@media (max-width: 767px){.slick-prev,.slick-next{display:none !important}}.slick-next:before,.slick-prev:before{opacity:1;display:inline-flex;width:var(--font-size-xxs);height:var(--font-size-xxs);border:var(--border-width-thin) solid var(--color-neutral-lightest);transform:rotate(45deg);content:''}.slick-prev{left:16px;text-align:center}.slick-prev:before{border-right-color:transparent;border-top-color:transparent;margin-right:calc(-1 * var(--spacing-inline-xxs))}.slick-next{left:24px;transform:translate(100%, 0);text-align:center}.slick-next:before{border-left-color:transparent;border-bottom-color:transparent;margin-left:calc(-1 * var(--spacing-inline-xxs))}.mdnSite-Playground{width:100%;overflow:hidden}@media (min-width: 768px){.mdnSite-Playground{width:auto}}.mdnSite-Playground-preview,.mdnSite-Playground-tokens{display:flex}.mdnSite-Playground-preview{background-color:var(--theme-background-color--default);justify-content:center;flex-direction:column;border-radius:12px;margin-bottom:32px;position:relative;height:220px;text-align:center}@media (max-width: 767px){.mdnSite-Playground-preview{margin-bottom:8px}}.mdnSite-Playground-preview-title{position:absolute;top:8px;left:8px;color:#DBDBDB}.mdnSite-Playground-preview button{transition:all ease-in 200ms}.mdnSite-Playground-tokens{background-color:var(--theme-background-color--primary);padding:32px;border-radius:12px;border:var(--border-width-thin) solid var(--color-neutral-lightest)}@media (max-width: 767px){.mdnSite-Playground-tokens{flex-direction:column;background-color:#B41E13;padding:24px}}.mdnSite-Playground-tokens-token-backgroundColor-in{white-space:nowrap}.mdnSite-Playground-tokens-token fieldset{position:relative;margin-bottom:32px}@media (max-width: 767px){.mdnSite-Playground-tokens-token fieldset{margin-bottom:0}}.mdnSite-Playground-tokens-token fieldset i{top:8px;position:absolute;color:#fff;font-family:"Roboto",sans-serif;font-weight:700}.mdnSite-Playground-tokens-token fieldset select{border-radius:12px;appearance:none;background-color:transparent;font-weight:500;font-size:16px;-webkit-appearance:none;color:#fff;border:none;margin-left:32px;cursor:pointer;outline:none;transition:all ease-in 200ms;padding:8px}@media (max-width: 767px){.mdnSite-Playground-tokens-token fieldset select{font-size:calc(12px - 1px)}}.mdnSite-Playground-tokens-token fieldset select:hover{color:#DA291C;background-color:#FC867F}.mdnSite-Playground-tokens-token fieldset select:hover ~ .mdnSite-Playground-tokens-token-valuePreview{opacity:1}.mdnSite-Playground-tokens-token-valuePreview{margin-left:8px;font-family:"Roboto",sans-serif;font-weight:500;color:#B41E13;opacity:0;transition:all ease-in 200ms}.mdnSite-Playground-tokens-token:last-child{padding-right:0}.mdnSite-Modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1F1D1D;z-index:10}.mdnSite-Modal-content{padding:32px;height:100%;width:100%}.mdnSite-Modal .mdn-Button.mdn-Button--icon.mdn-Button--primaryInverse{position:absolute;right:32px;top:32px;text-decoration:none}@media (max-width: 767px){.mdnSite-Modal .mdn-Button.mdn-Button--icon.mdn-Button--primaryInverse{right:16px;top:16px}}.st0{fill:#FFFFFF}.st1{fill:#F0F2F7}.st2{fill:#FDE6E3}.st3{fill:#FE918D}.st4{fill:#E3262E}.st5{fill:#A61D19}.st6{fill:#D4D7DE}.st7{fill:#5F646D}.st8{fill:none;stroke:#5F646D;stroke-miterlimit:10}.st9{fill:none;stroke:#5F646D;stroke-miterlimit:10;stroke-dasharray:12}.st10{font-family:var(--theme-font-family--base);font-weight:var(--theme-font-weight-medium)}.st11{font-size:24px}.st12{font-size:32px}.st13{font-size:64px}.st14{font-family:var(--theme-font-family--base);font-weight:var(--theme-font-weight-regular)}.st15{enable-background:new 0 0 2000 767}.st16{font-size:var(--theme-font-size-xl);fill:var(--theme-color-brand-primary-darkest);transition:all ease-in-out 2s}