.teinte-display{position:relative;overflow:hidden;box-shadow:0 0 18px 3px rgba(0,0,0,.178)}.teinte-display img{width:100%;height:100%;cursor:pointer}.teinte-display .icon-buttons{display:none;position:absolute;top:4px;right:4px;opacity:.8;direction:rtl}.teinte-display .icon-buttons dig-ui-icon{padding-left:4px;--dig-ui-icon-background-color:#fff;--dig-ui-icon-hover-background-color:#fff;--dig-ui-icon-selected-background-color:#fff}.teinte-display:hover .icon-buttons{display:flex}.teinte-display:hover .icon-buttons .favori.active{--dig-ui-icon-background-color:#ffa0c4;--dig-ui-icon-hover-background-color:#ffa0c4;--dig-ui-icon-selected-background-color:#ffa0c4}.no-result,.table-teinte{text-align:center;padding:10px}.table-teinte{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.table-teinte .table-cell{max-height:150px}.buttons[data-v-5fb1ffcc]{display:grid;grid-gap:6px;padding-bottom:8px}dig-ui-standard-button[data-v-5fb1ffcc]{display:flex;--dig-ui-standard-button-text-align:center;--dig-ui-standard-button-background-color:#424242}.teinte-details{--detail-padding-vertical:20px;--detail-padding-horizontal:38px;position:fixed;top:0;z-index:100;padding:var(--detail-padding-vertical) var(--detail-padding-horizontal);background-color:hsla(0,0%,100%,.904);width:calc(100% - var(--detail-padding-horizontal)*2 - var(--form-width) - 22px);border:1px solid rgba(0,0,0,.205);overflow:scroll}.teinte-details dig-ui-icon{z-index:99}.teinte-details .label{color:grey}.teinte-details .value{font-weight:700}.teinte-details .icon{--dig-ui-icon-background-color:transparent;position:absolute;top:4px;right:4px}.teinte-details img{z-index:1;float:right;width:50%;padding-bottom:4px;max-height:300px}@media screen and (max-width:768px){.teinte-details{width:calc(100% - 2px - var(--detail-padding-horizontal)*2)}}@media screen and (max-width:600px){.teinte-details{--detail-padding-horizontal:10px;--detail-padding-vertical:10px}.teinte-details img{width:100%;max-height:40vh}}body,html{margin:0;padding:0;--form-width:300px;font-family:Avenir,Helvetica,Arial,sans-serif}.main-page{position:relative;display:grid;grid-template-columns:1fr calc(var(--form-width) + 20px);grid-template-areas:"table form"}.main-table{position:relative;grid-area:table}.main-form{position:fixed;width:var(--form-width);right:0;height:100%;overflow:scroll;grid-area:form;padding:0 10px;border-left:1px solid hsla(0,0%,50.2%,.513)}@media screen and (max-width:768px){.main-form{position:relative;width:calc(100% - 20px);border-left:0;border-bottom:1px solid hsla(0,0%,50.2%,.513)}.main-page{grid-template-columns:1fr;grid-template-areas:"form" "table"}}