.quimbee-components{padding:32px 0}.quimbee-components .l-12col-container{width:100%}.quimbee-components .quimbee-components-body>h2{font-style:var(--font-size-h1)}.quimbee-components .quimbee-components-body .component-section{border-bottom:1px solid var(--color-grey-60);display:inline-block;width:100%;padding:48px 0}.quimbee-components .quimbee-components-body .component-section.first{border-top:1px solid var(--color-grey-60)}.quimbee-components .quimbee-components-body .component-section>h3{font-style:var(--font-size-h2)}.quimbee-components .quimbee-components-body .component-section+h2{margin-top:40px}.quimbee-components .navbar-fixed-top{right:auto}.quimbee-components nav[data-toggle=toc] .nav>li{padding:5px}.quimbee-components nav[data-toggle=toc] .nav>li>a{color:var(--color-black);font-size:var(--font-size-h5);font-weight:600}.quimbee-components nav[data-toggle=toc] .nav>li>a:hover{color:var(--color-black-60)}.quimbee-components nav[data-toggle=toc] .nav>li.active>a{border-color:var(--color-orange);color:var(--color-orange)}.quimbee-components code{border-radius:5px;border:1px solid var(--color-grey-80);background-color:var(--color-grey-20);padding:16px;display:block;font-size:var(--font-size-h5);color:var(--color-blue);margin:0 0 24px 0;overflow-wrap:break-word}.quimbee-components .example{margin-bottom:24px}.quimbee-components .example>hr{border-top-color:var(--color-grey-40)}.quimbee-components .components-buttons .example a{margin-right:16px}.quimbee-components .alert{margin-bottom:16px}.quimbee-components .components-icons div *{padding:4px}.quimbee-components .components-logos .example{display:flex;flex-direction:row;justify-content:space-between}@media(max-width: 767px){.quimbee-components .components-logos .example{flex-direction:column}}.quimbee-components .components-logos .example svg,.quimbee-components .components-logos .example img{display:flex;margin:16px 0}.quimbee-components .components-illustrations .example{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}@media(max-width: 767px){.quimbee-components .components-illustrations .example{flex-direction:column}}.quimbee-components .components-illustrations .example img{display:flex;width:120px;margin:8px 0}.quimbee-components .components-quiz-question-button table{border-spacing:8px;border-collapse:separate}.quimbee-components .c-cle-course-preview-card{margin-bottom:16px}.quimbee-components .components-avatar .wrapper{display:flex;flex-wrap:wrap}.quimbee-components .components-avatar .wrapper .c-avatar{margin:4px}.quimbee-components .components-icon-button .wrapper{display:flex;flex-wrap:wrap}.quimbee-components .components-icon-button .wrapper .c-icon-button{margin:4px 8px}.quimbee-components .components-percentage-bar .c-percentage-bar{margin-bottom:8px}.components-colors-styles .color-list{float:left;display:block;width:100%;margin-bottom:32px}.components-colors-styles .color-list:last-child{margin-bottom:0}.components-colors-styles .color-list .color-list-tile{width:64px;height:64px;list-style:none;border-radius:2px;float:left;margin:0 16px 0 0;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-h5)}.components-colors-styles .color-list--black .color-list-tile:nth-child(1){background-color:var(--color-black)}.components-colors-styles .color-list--black .color-list-tile:nth-child(2){background-color:var(--color-black-80)}.components-colors-styles .color-list--black .color-list-tile:nth-child(3){background-color:var(--color-black-60)}.components-colors-styles .color-list--black .color-list-tile:nth-child(4){background-color:var(--color-black-40)}.components-colors-styles .color-list--black .color-list-tile:nth-child(5){background-color:var(--color-black-20)}.components-colors-styles .color-list--alpha-black .color-list-tile:nth-child(1){background-color:var(--color-black)}.components-colors-styles .color-list--alpha-black .color-list-tile:nth-child(2){background-color:var(--color-black-a72)}.components-colors-styles .color-list--alpha-black .color-list-tile:nth-child(3){background-color:var(--color-black-a64)}.components-colors-styles .color-list--alpha-black .color-list-tile:nth-child(4){background-color:var(--color-black-a56)}.components-colors-styles .color-list--alpha-black .color-list-tile:nth-child(5){background-color:var(--color-black-a48)}.components-colors-styles .color-list--alpha-black .color-list-tile:nth-child(6){background-color:var(--color-black-a40)}.components-colors-styles .color-list--alpha-black .color-list-tile:nth-child(7){background-color:var(--color-black-a32)}.components-colors-styles .color-list--alpha-black .color-list-tile:nth-child(8){background-color:var(--color-black-a24)}.components-colors-styles .color-list--alpha-black .color-list-tile:nth-child(9){background-color:var(--color-black-a16)}.components-colors-styles .color-list--alpha-black .color-list-tile:nth-child(10){background-color:var(--color-black-a8)}.components-colors-styles .color-list--alpha-white{background-color:var(--color-black);padding:8px}.components-colors-styles .color-list--alpha-white .color-list-tile:nth-child(1){background-color:var(--color-white)}.components-colors-styles .color-list--alpha-white .color-list-tile:nth-child(2){background-color:var(--color-white-a72)}.components-colors-styles .color-list--alpha-white .color-list-tile:nth-child(3){background-color:var(--color-white-a64)}.components-colors-styles .color-list--alpha-white .color-list-tile:nth-child(4){background-color:var(--color-white-a56)}.components-colors-styles .color-list--alpha-white .color-list-tile:nth-child(5){background-color:var(--color-white-a48)}.components-colors-styles .color-list--alpha-white .color-list-tile:nth-child(6){background-color:var(--color-white-a40)}.components-colors-styles .color-list--alpha-white .color-list-tile:nth-child(7){background-color:var(--color-white-a32)}.components-colors-styles .color-list--alpha-white .color-list-tile:nth-child(8){background-color:var(--color-white-a24)}.components-colors-styles .color-list--alpha-white .color-list-tile:nth-child(9){background-color:var(--color-white-a16)}.components-colors-styles .color-list--alpha-white .color-list-tile:nth-child(10){background-color:var(--color-white-a8)}.components-colors-styles .color-list--gradient-white{background-color:var(--color-black);padding:8px}.components-colors-styles .color-list--gradient-white .color-list-tile{background:linear-gradient(to bottom, var(--color-white), var(--color-white-gradient))}.components-colors-styles .color-list--grey .color-list-tile:nth-child(1){background-color:var(--color-grey)}.components-colors-styles .color-list--grey .color-list-tile:nth-child(2){background-color:var(--color-grey-80)}.components-colors-styles .color-list--grey .color-list-tile:nth-child(3){background-color:var(--color-grey-60)}.components-colors-styles .color-list--grey .color-list-tile:nth-child(4){background-color:var(--color-grey-40)}.components-colors-styles .color-list--grey .color-list-tile:nth-child(5){background-color:var(--color-grey-20)}.components-colors-styles .color-list--blue .color-list-tile:nth-child(1){background-color:var(--color-blue)}.components-colors-styles .color-list--blue .color-list-tile:nth-child(2){background-color:var(--color-blue-140)}.components-colors-styles .color-list--blue .color-list-tile:nth-child(3){background-color:var(--color-blue-80)}.components-colors-styles .color-list--blue .color-list-tile:nth-child(4){background-color:var(--color-blue-60)}.components-colors-styles .color-list--blue .color-list-tile:nth-child(5){background-color:var(--color-blue-40)}.components-colors-styles .color-list--blue .color-list-tile:nth-child(6){background-color:var(--color-blue-20)}.components-colors-styles .color-list--orange .color-list-tile:nth-child(1){background-color:var(--color-orange)}.components-colors-styles .color-list--orange .color-list-tile:nth-child(2){background-color:var(--color-orange-80)}.components-colors-styles .color-list--orange .color-list-tile:nth-child(3){background-color:var(--color-orange-60)}.components-colors-styles .color-list--orange .color-list-tile:nth-child(4){background-color:var(--color-orange-40)}.components-colors-styles .color-list--orange .color-list-tile:nth-child(5){background-color:var(--color-orange-20)}.components-colors-styles .color-list--yellow .color-list-tile:nth-child(1){background-color:var(--color-yellow)}.components-colors-styles .color-list--yellow .color-list-tile:nth-child(2){background-color:var(--color-yellow-80)}.components-colors-styles .color-list--yellow .color-list-tile:nth-child(3){background-color:var(--color-yellow-60)}.components-colors-styles .color-list--yellow .color-list-tile:nth-child(4){background-color:var(--color-yellow-40)}.components-colors-styles .color-list--yellow .color-list-tile:nth-child(5){background-color:var(--color-yellow-20)}.components-colors-styles .color-list--red .color-list-tile:nth-child(1){background-color:var(--color-red)}.components-colors-styles .color-list--red .color-list-tile:nth-child(2){background-color:var(--color-red-80)}.components-colors-styles .color-list--red .color-list-tile:nth-child(3){background-color:var(--color-red-60)}.components-colors-styles .color-list--red .color-list-tile:nth-child(4){background-color:var(--color-red-40)}.components-colors-styles .color-list--red .color-list-tile:nth-child(5){background-color:var(--color-red-20)}.components-colors-styles .color-list--mandarin .color-list-tile:nth-child(1){background-color:var(--color-mandarin)}.components-colors-styles .color-list--mandarin .color-list-tile:nth-child(2){background-color:var(--color-mandarin-80)}.components-colors-styles .color-list--mandarin .color-list-tile:nth-child(3){background-color:var(--color-mandarin-60)}.components-colors-styles .color-list--mandarin .color-list-tile:nth-child(4){background-color:var(--color-mandarin-40)}.components-colors-styles .color-list--mandarin .color-list-tile:nth-child(5){background-color:var(--color-mandarin-20)}.components-colors-styles .color-list--pear .color-list-tile:nth-child(1){background-color:var(--color-pear)}.components-colors-styles .color-list--pear .color-list-tile:nth-child(2){background-color:var(--color-pear-80)}.components-colors-styles .color-list--pear .color-list-tile:nth-child(3){background-color:var(--color-pear-60)}.components-colors-styles .color-list--pear .color-list-tile:nth-child(4){background-color:var(--color-pear-40)}.components-colors-styles .color-list--pear .color-list-tile:nth-child(5){background-color:var(--color-pear-20)}.components-colors-styles .color-list--green .color-list-tile:nth-child(1){background-color:var(--color-green)}.components-colors-styles .color-list--green .color-list-tile:nth-child(2){background-color:var(--color-green-80)}.components-colors-styles .color-list--green .color-list-tile:nth-child(3){background-color:var(--color-green-60)}.components-colors-styles .color-list--green .color-list-tile:nth-child(4){background-color:var(--color-green-40)}.components-colors-styles .color-list--green .color-list-tile:nth-child(5){background-color:var(--color-green-20)}