.section-content{margin-bottom:var(--baseline-5)}.palette ul{display:inline-flex}.palette ul li{color:var(--white)}.palette ul.primary-palette li:nth-child(10),.palette ul.primary-palette li:nth-child(8),.palette ul.primary-palette li:nth-child(9){color:var(--primary-600)!important}.palette ul.secondary-palette li:nth-child(10),.palette ul.secondary-palette li:nth-child(8),.palette ul.secondary-palette li:nth-child(9){color:var(--secondary-600)!important}.palette ul li{align-items:flex-end;display:flex;flex:1 0 auto;height:102px;justify-content:center;padding:0!important;padding-bottom:var(--baseline-3)!important}.palette ul li:first-child{border-radius:10px 0 0 10px}.palette ul li:last-child{border-radius:0 10px 10px 0}.palette ul.primary-palette li,.palette ul.secondary-palette li{height:172px;width:auto}.palette .primary-default{background-color:var(--primary)}.palette .primary-light{background-color:var(--primary-light)}.palette .primary-dark{background-color:var(--primary-dark)}.palette .primary-bg{background-color:var(--body-bg)}.palette .secondary-default{background-color:var(--secondary)}.palette .secondary-light{background-color:var(--secondary-light)}.palette .secondary-dark{background-color:var(--secondary-dark)}.palette .secondary-bg{background-color:var(--secondary-background)}.picker-color{background-color:transparent;border:0;border-radius:100%;height:80px!important;transition:all .2s ease-in;width:80px!important}.picker-color::-webkit-color-swatch{background-color:transparent;border:0;border:10px solid var(--grey-blue-200);border-radius:100%;transition:all .2s ease-in}.picker-color::-moz-color-swatch{background-color:transparent;border:none;border-radius:100%;transition:all .2s ease-in}.picker-color:hover{opacity:.9;transition:all .2s ease-in}#color-representations{border:1px solid var(--grey-200);display:flex;flex:1 0 auto;padding:var(--baseline-2)}.color-representation{margin-right:var(--baseline-4)}.hsl-value>div{margin-right:var(--baseline-2)}.scheme-color button{margin-top:var(--baseline)!important}.type{align-items:baseline;display:flex;justify-content:space-between}.palette-color li{display:inline-block;height:400px;margin:0;width:10%}.palette-color li.base-color{position:relative}.palette-color li.base-color:before{background-color:var(--white);border-radius:100%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.palette-color{display:inline-flex;width:100%}.block{max-width:100%;min-height:340px;padding:var(--baseline-3) var(--baseline-3);width:100%}.block .type>div>*{display:inline-block;margin:0!important}.supported-color{height:2rem;padding:.5rem;width:2rem}.supported-color svg{fill:var(--ui-support-color);display:block}.ui-esempio{align-items:center;display:flex}#switcher a{border:1px solid #000;display:block;height:20px;width:20px}.default-theme{border:1px solid var(--grey-blue-100);border-radius:var(--radius-val)}@media (prefers-color-scheme:dark){.scheme-color{border:1px solid var(--grey-blue-100);border-radius:var(--radius-val)}}.v-divider{margin:0 18px;position:relative}.v-divider:before{background-color:var(--grey-blue-400);bottom:0;content:"";height:100%;left:0;opacity:.2;position:absolute;width:2px}.flex-align-cnt{border:1px solid var(--border-line-color);height:170px;padding:var(--baseline)}.flex-align-cnt>*{background-color:var(--primary-light);border-radius:5px;color:var(--primary-dark);padding:var(--baseline) var(--baseline-2)}.flex-align-cnt.flex-direction-column{height:275px}.flex-align-cnt.flex-direction-column>:not(:last-child){margin-bottom:var(--baseline)}.flex-align-cnt:not(.flex-direction-column)>:not(:last-child){margin-right:var(--baseline)}.content-example{border-radius:10px}.iconbox{background-color:var(--grey-blue-50);border-radius:5px;margin-bottom:var(--baseline);padding:15px}.iconbox:not(:last-child){margin-right:var(--baseline-2)}