.pictogram-browser--no-thumbnails .pictogram-grid__item .pictogram-content{padding-top:32px}
.pictogram-browser--no-thumbnails .pictogram-grid__item .pictogram-badge{top:16px;left:16px;width:fit-content;position:relative}
.pictogram-browser--no-thumbnails .pictogram-grid__item .pictogram-checkbox{top:16px;right:16px}
.pictogram-filters{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;gap:16px}
.pictogram-search{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;max-width:400px;width:100%}
.pictogram-search__input{width:100%;padding:8px 16px;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:16px}
.pictogram-sorting{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;white-space:nowrap}
.pictogram-sorting label{font-size:14px}
.pictogram-sorting select + label{margin-left:16px}
.pictogram-sort-select,.pictogram-order-select{padding:8px 16px;border:1px solid #ccc;border-radius:4px;font-size:16px;min-width:100px}
.pictogram-grid{display:-ms-grid;display:grid;-ms-grid-columns:repeat(auto-fill,minmax(200px,1fr));grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}
.pictogram-grid--cols-6{grid-template-columns:repeat(6,1fr)}
@media(max-width:1200px){.pictogram-grid--cols-6{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:992px){.pictogram-grid--cols-6{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){.pictogram-grid--cols-6{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){.pictogram-grid--cols-6{grid-template-columns:repeat(1,1fr)}
}
.pictogram-grid--cols-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1200px){.pictogram-grid--cols-4{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:992px){.pictogram-grid--cols-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){.pictogram-grid--cols-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){.pictogram-grid--cols-4{grid-template-columns:repeat(1,1fr)}
}
.pictogram-grid--cols-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:1200px){.pictogram-grid--cols-3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:992px){.pictogram-grid--cols-3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){.pictogram-grid--cols-3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){.pictogram-grid--cols-3{grid-template-columns:repeat(1,1fr)}
}
.pictogram-grid--cols-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:1200px){.pictogram-grid--cols-2{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:992px){.pictogram-grid--cols-2{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){.pictogram-grid--cols-2{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){.pictogram-grid--cols-2{grid-template-columns:repeat(1,1fr)}
}
.pictogram-grid__item{background:white;box-shadow:0 3px 3px rgba(0,0,0,0.1),0 -1px 1px rgba(0,0,0,0.05);border-radius:4px;text-align:center;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative}
.pictogram-grid__item:hover{box-shadow:0 3px 3px rgba(0,0,0,0.2),0 -1px 1px rgba(0,0,0,0.05)}
.pictogram-grid__item:focus{box-shadow:0 3px 3px rgba(0,0,0,0.3),0 -1px 1px rgba(0,0,0,0.05)}
.pictogram-grid__item.pressed{box-shadow:0 1px 3px rgba(0,0,0,0.2),0 -1px 1px rgba(0,0,0,0.05)}
.pictogram-grid__item .pictogram-checkbox{position:absolute;top:8px;right:8px;width:16px;height:16px}
.pictogram-grid__item .btn-download{border:0;background:0;outline:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;padding:16px;text-align:left;font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif}
.pictogram-grid__item .btn-download .icon{display:inherit;margin-right:8px;width:16px;height:16px}
.pictogram-grid__item .btn-download:hover,.pictogram-grid__item .btn-download:focus{color:inherit}
.pictogram-badge{position:absolute;top:8px;left:8px;background:#97999b;color:#000;font-size:12px;font-weight:normal;text-align:center;padding:4px 8px;border-radius:12px;z-index:10;font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.01rem}
.pictogram-badge--new{background:#1dab8b;color:#fff}
.pictogram-badge--updated{background:#f1c21b;color:#000}
.pictogram-badge--popular{background:#e35205;color:#fff}
.pictogram-badge--featured{background:#2b70d3;color:#fff}
.pictogram-thumbnail{background:#e4e9f1;border-top-left-radius:4px;border-top-right-radius:4px;position:relative;overflow:hidden;padding-top:56.25%}
.pictogram-thumbnail img{position:absolute;left:0;top:0;-o-object-fit:contain;object-fit:contain;margin:0;border:0;display:block}
.pictogram-thumbnail img.full{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.pictogram-thumbnail img.contain{width:100%;height:100%}
.pictogram-thumbnail img.fixed-80{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pictogram-content{padding:16px;text-align:left;min-height:44px}
.pictogram-title{font-size:16px;font-weight:normal;margin:0;color:#1d2229;text-align:left;line-height:normal}
.pictogram-subtitle{font-size:14px;color:#868fa2;margin-top:8px;line-height:16px;text-align:left;font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif}
.pictogram-empty-message{font-size:1rem;color:#6c757d;padding:2rem 0;text-align:center}
.bulk-selection-bar{position:fixed;bottom:0;left:0;right:0;background:#dbdfe6;padding:16px 24px;z-index:1000}
.bulk-selection-bar .container{max-width:1500px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.bulk-selection-bar .bulk-selection-count{font-size:14px;font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif;color:#0d0f13}
.bulk-selection-bar .btn{padding:8px 16px;font-size:14px}
.btn-secondary[disabled]{cursor:not-allowed;color:#b4becd;background:#fff;border-color:#fff}
.modal-content .modal-header{-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.modal-content .modal-header .modal-title{text-align:left}
.modal-content .modal-header .btn-close{color:#000;padding:0;width:24px;height:24px;border:0;background:0;font-size:24px;line-height:1;opacity:.5}
.modal-content .modal-header .btn-close:hover,.modal-content .modal-header .btn-close:focus{opacity:.75}
.modal-content .modal-body h6{text-align:left;margin-bottom:4px}
.modal-content .pictogram-modal-image{background:#e4e9f1;position:relative;overflow:hidden;padding-top:56.25%;margin:-16px;text-align:center;margin-bottom:20px}
.modal-content .pictogram-modal-image img{position:absolute;top:0;left:0;-o-object-fit:contain;object-fit:contain;max-width:100%}
.modal-content .pictogram-modal-image img.full{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.modal-content .pictogram-modal-image img.fixed-80{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:120px}
.modal-content .pictogram-help-text{font-size:14px;color:#97999b;margin-bottom:16px}
.modal-content .pictogram-filters fieldset{border:0;padding:0;margin:0;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.modal-content .pictogram-filters fieldset legend{font-size:14px;font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif;color:#0d0f13;margin-bottom:8px;padding:0}
.modal-content .pictogram-filters fieldset label{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4px;font-size:14px;cursor:pointer}
.modal-content .pictogram-filters fieldset label input[type="radio"]{margin-right:4px;width:16px;height:16px}
.modal-content .modal-footer{-webkit-gap:16px;-moz-gap:16px;-ms-gap:16px;gap:16px}
.modal-content .alert{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:16px;border-radius:4px;margin-bottom:32px;display:flex;align-items:center;font-size:14px}
.modal-content .alert .icon{margin-right:20px}
[id*="bulkPreviewModal"] .modal-dialog{max-width:600px}
[id*="bulkPreviewModal"] .badge{font-size:14px;padding:.5rem 1rem}
[id*="bulkPreviewModal"] .bulk-files-table{margin-bottom:0}
[id*="bulkPreviewModal"] .bulk-files-table thead tr{background-color:transparent}
[id*="bulkPreviewModal"] .bulk-files-table thead tr:hover,[id*="bulkPreviewModal"] .bulk-files-table thead tr:focus{background-color:transparent}
[id*="bulkPreviewModal"] .bulk-files-table th{background-color:transparent;padding:4px 8px;border:0;border-bottom:1px solid #e0e0e0;font-weight:normal}
[id*="bulkPreviewModal"] .bulk-files-table th:hover,[id*="bulkPreviewModal"] .bulk-files-table th:focus{background-color:transparent}
[id*="bulkPreviewModal"] .bulk-files-table td{padding:4px 8px;border:0;border-bottom:1px solid #f0f0f0}
[id*="bulkPreviewModal"] .bulk-files-table td:hover,[id*="bulkPreviewModal"] .bulk-files-table td:focus{background-color:transparent}
[id*="bulkPreviewModal"] .bulk-files-table td:first-of-type,[id*="bulkPreviewModal"] .bulk-files-table td:last-of-type{width:70px}
[id*="bulkPreviewModal"] .bulk-files-table td:last-of-type{text-align:right}
[id*="bulkPreviewModal"] .bulk-files-table tr:nth-child(even){background-color:#f6f7f9}
[id*="bulkPreviewModal"] .bulk-files-table tr:hover,[id*="bulkPreviewModal"] .bulk-files-table tr:focus{background-color:#edeff3}
[id*="bulkPreviewModal"] span.muted{font-size:12px;color:#c8c9c7}
[id*="bulkPreviewModal"] .bulk-thumbnail{-webkit-object-fit:contain;-moz-object-fit:contain;-o-object-fit:contain;object-fit:contain}
[id*="bulkPreviewModal"] .remove-btn{background:0;border:0;font-size:24px;color:#97999b;cursor:pointer;padding:0;width:24px;height:24px}
[id*="bulkPreviewModal"] .remove-btn:hover,[id*="bulkPreviewModal"] .remove-btn:focus{color:#53565a}
[id*="bulkPreviewModal"] .bulk-count{font-size:14px;color:#97999b;margin-top:12px}
@media(max-width:768px){.pictogram-grid{-ms-grid-columns:repeat(auto-fill,minmax(150px,1fr));grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.pictogram-filters{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-gap:1rem;-moz-gap:1rem;-ms-gap:1rem;gap:1rem}
.pictogram-filters fieldset{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:none;flex:none}
}
@media(max-width:480px){.pictogram-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}
.pictogram-filters .pictogram-search-input{max-width:none}
}
.visually-hidden{border:0 !important;clip:rect(1px,1px,1px,1px) !important;height:1px !important;width:1px !important;overflow:hidden !important;position:absolute !important;white-space:nowrap !important}
.hidden{display:none !important}
.bulk-files-scroll{max-height:300px;overflow-y:auto}
.pictogram-message{border-left:4px solid #2196f3;background-color:#fff;color:#53565a;position:fixed;top:20px;right:20px;padding:16px;border-radius:4px;display:none;z-index:10000;font-family:"ScaniaSansRegular",Helvetica,Arial,sans-serif;font-size:14px;box-shadow:0 3px 6px rgba(0,0,0,0.16);max-width:400px}
.pictogram-message.success{border-left-color:#008064;background-color:#9bd9c2;color:#fff}
.pictogram-message.warning{border-left-color:#f1c21b;background-color:#f8e596;color:#0b0c0f}
.pictogram-message.error{border-left-color:#f44336;background-color:#ffebee;color:#0b0c0f}