geopf-extensions-openlayers/src/packages/CSS/Controls/Drawing/DSFRdrawingStyle.css

French Geoportal Extensions for OpenLayers libraries

.gpf-btn-icon-drawing::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0iY3VycmVudENvbG9yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMTUuNzI4IDkuNTc2bC0xLjQxNC0xLjQxNEw1IDE3LjQ3NnYxLjQxNGgxLjQxNHptMS40MTQtMS40MTRsMS40MTQtMS40MTRsLTEuNDE0LTEuNDE0bC0xLjQxNCAxLjQxNHptLTkuOSAxMi43MjhIM3YtNC4yNDNMMTYuNDM1IDMuMjEyYTEgMSAwIDAgMSAxLjQxNCAwbDIuODI5IDIuODI5YTEgMSAwIDAgMSAwIDEuNDE0eiIgLz4KPC9zdmc+Cg==') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0iY3VycmVudENvbG9yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMTUuNzI4IDkuNTc2bC0xLjQxNC0xLjQxNEw1IDE3LjQ3NnYxLjQxNGgxLjQxNHptMS40MTQtMS40MTRsMS40MTQtMS40MTRsLTEuNDE0LTEuNDE0bC0xLjQxNCAxLjQxNHptLTkuOSAxMi43MjhIM3YtNC4yNDNMMTYuNDM1IDMuMjEyYTEgMSAwIDAgMSAxLjQxNCAwbDIuODI5IDIuODI5YTEgMSAwIDAgMSAwIDEuNDE0eiIgLz4KPC9zdmc+Cg==') center no-repeat;
}

.gp-label-div,
.gp-styling-div {
  width: 370px;
  transform: translateY(20px);
}

.gp-styling-div {
  width: 410px;
}

.gp-label-div textarea {
  max-width: 100%;
  margin-bottom: 1rem;
}

.gp-label-div input {
  width: 100%;
}

.gp-styling-option.fr-range--sm[data-fr-js-range]::before,
.gp-styling-option.fr-range--sm[data-fr-js-range]::after {
  top: 1.74rem;
}

.drawing-tool {
  width: 40px;
}

.drawing-tool-section-title {
  color: var(--text-label-grey);
  margin-bottom: 0.3rem;
}

.drawing-tool-active {
  background-color: var(--hover-tint);
}

div.drawing-tools-flex-display {
  justify-content: space-between;
  padding : 0;
  margin: 0;
}

div.drawing-tools-flex-display {
  border-bottom: 1px solid var(--border-default-grey);
  padding-bottom: 15px;
}

.drawing-tool-section:last-child.drawing-tools-flex-display {
  border-bottom: unset;
  padding-bottom: unset;
}

/*
* Drawing tools
*/
button[id^=drawing-tool-point-]::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMjEuNzI3OUwyLjYzNiAxNS4zNjM5QzEuMzc3MzQgMTQuMTA1MiAwLjUyMDE4NyAxMi41MDE2IDAuMTcyOTI4IDEwLjc1NThDLTAuMTc0MzMgOS4wMDk5NSAwLjAwMzkwNjg1IDcuMjAwMzUgMC42ODUwOTkgNS41NTU4MkMxLjM2NjI5IDMuOTExMjkgMi41MTk4NCAyLjUwNTY5IDMuOTk5ODggMS41MTY3N0M1LjQ3OTkyIDAuNTI3ODM4IDcuMjE5OTggMCA5IDBDMTAuNzggMCAxMi41MjAxIDAuNTI3ODM4IDE0LjAwMDEgMS41MTY3N0MxNS40ODAyIDIuNTA1NjkgMTYuNjMzNyAzLjkxMTI5IDE3LjMxNDkgNS41NTU4MkMxNy45OTYxIDcuMjAwMzUgMTguMTc0MyA5LjAwOTk1IDE3LjgyNzEgMTAuNzU1OEMxNy40Nzk4IDEyLjUwMTYgMTYuNjIyNyAxNC4xMDUyIDE1LjM2NCAxNS4zNjM5TDkgMjEuNzI3OVpNMTMuOTUgMTMuOTQ5OUMxNC45Mjg5IDEyLjk3MDkgMTUuNTk1NSAxMS43MjM2IDE1Ljg2NTYgMTAuMzY1OEMxNi4xMzU2IDkuMDA3OTUgMTUuOTk2OSA3LjYwMDUyIDE1LjQ2NzEgNi4zMjE0OEMxNC45MzczIDUuMDQyNDQgMTQuMDQgMy45NDkyMyAxMi44ODg5IDMuMTgwMDlDMTEuNzM3OCAyLjQxMDk1IDEwLjM4NDQgMi4wMDA0MyA5IDIuMDAwNDNDNy42MTU1NyAyLjAwMDQzIDYuMjYyMjIgMi40MTA5NSA1LjExMTA5IDMuMTgwMDlDMy45NTk5NiAzLjk0OTIzIDMuMDYyNzUgNS4wNDI0NCAyLjUzMjkyIDYuMzIxNDhDMi4wMDMwOCA3LjYwMDUyIDEuODY0NDIgOS4wMDc5NSAyLjEzNDQ1IDEwLjM2NThDMi40MDQ0OSAxMS43MjM2IDMuMDcxMTEgMTIuOTcwOSA0LjA1IDEzLjk0OTlMOSAxOC44OTk5TDEzLjk1IDEzLjk0OTlaTTkgMTAuOTk5OUM4LjQ2OTU3IDEwLjk5OTkgNy45NjA4NiAxMC43ODkyIDcuNTg1NzkgMTAuNDE0MUM3LjIxMDcyIDEwLjAzOTEgNyA5LjUzMDM1IDcgOC45OTk5MkM3IDguNDY5NDkgNy4yMTA3MiA3Ljk2MDc4IDcuNTg1NzkgNy41ODU3MUM3Ljk2MDg2IDcuMjEwNjQgOC40Njk1NyA2Ljk5OTkyIDkgNi45OTk5MkM5LjUzMDQ0IDYuOTk5OTIgMTAuMDM5MSA3LjIxMDY0IDEwLjQxNDIgNy41ODU3MUMxMC43ODkzIDcuOTYwNzggMTEgOC40Njk0OSAxMSA4Ljk5OTkyQzExIDkuNTMwMzUgMTAuNzg5MyAxMC4wMzkxIDEwLjQxNDIgMTAuNDE0MUMxMC4wMzkxIDEwLjc4OTIgOS41MzA0NCAxMC45OTk5IDkgMTAuOTk5OVoiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMjEuNzI3OUwyLjYzNiAxNS4zNjM5QzEuMzc3MzQgMTQuMTA1MiAwLjUyMDE4NyAxMi41MDE2IDAuMTcyOTI4IDEwLjc1NThDLTAuMTc0MzMgOS4wMDk5NSAwLjAwMzkwNjg1IDcuMjAwMzUgMC42ODUwOTkgNS41NTU4MkMxLjM2NjI5IDMuOTExMjkgMi41MTk4NCAyLjUwNTY5IDMuOTk5ODggMS41MTY3N0M1LjQ3OTkyIDAuNTI3ODM4IDcuMjE5OTggMCA5IDBDMTAuNzggMCAxMi41MjAxIDAuNTI3ODM4IDE0LjAwMDEgMS41MTY3N0MxNS40ODAyIDIuNTA1NjkgMTYuNjMzNyAzLjkxMTI5IDE3LjMxNDkgNS41NTU4MkMxNy45OTYxIDcuMjAwMzUgMTguMTc0MyA5LjAwOTk1IDE3LjgyNzEgMTAuNzU1OEMxNy40Nzk4IDEyLjUwMTYgMTYuNjIyNyAxNC4xMDUyIDE1LjM2NCAxNS4zNjM5TDkgMjEuNzI3OVpNMTMuOTUgMTMuOTQ5OUMxNC45Mjg5IDEyLjk3MDkgMTUuNTk1NSAxMS43MjM2IDE1Ljg2NTYgMTAuMzY1OEMxNi4xMzU2IDkuMDA3OTUgMTUuOTk2OSA3LjYwMDUyIDE1LjQ2NzEgNi4zMjE0OEMxNC45MzczIDUuMDQyNDQgMTQuMDQgMy45NDkyMyAxMi44ODg5IDMuMTgwMDlDMTEuNzM3OCAyLjQxMDk1IDEwLjM4NDQgMi4wMDA0MyA5IDIuMDAwNDNDNy42MTU1NyAyLjAwMDQzIDYuMjYyMjIgMi40MTA5NSA1LjExMTA5IDMuMTgwMDlDMy45NTk5NiAzLjk0OTIzIDMuMDYyNzUgNS4wNDI0NCAyLjUzMjkyIDYuMzIxNDhDMi4wMDMwOCA3LjYwMDUyIDEuODY0NDIgOS4wMDc5NSAyLjEzNDQ1IDEwLjM2NThDMi40MDQ0OSAxMS43MjM2IDMuMDcxMTEgMTIuOTcwOSA0LjA1IDEzLjk0OTlMOSAxOC44OTk5TDEzLjk1IDEzLjk0OTlaTTkgMTAuOTk5OUM4LjQ2OTU3IDEwLjk5OTkgNy45NjA4NiAxMC43ODkyIDcuNTg1NzkgMTAuNDE0MUM3LjIxMDcyIDEwLjAzOTEgNyA5LjUzMDM1IDcgOC45OTk5MkM3IDguNDY5NDkgNy4yMTA3MiA3Ljk2MDc4IDcuNTg1NzkgNy41ODU3MUM3Ljk2MDg2IDcuMjEwNjQgOC40Njk1NyA2Ljk5OTkyIDkgNi45OTk5MkM5LjUzMDQ0IDYuOTk5OTIgMTAuMDM5MSA3LjIxMDY0IDEwLjQxNDIgNy41ODU3MUMxMC43ODkzIDcuOTYwNzggMTEgOC40Njk0OSAxMSA4Ljk5OTkyQzExIDkuNTMwMzUgMTAuNzg5MyAxMC4wMzkxIDEwLjQxNDIgMTAuNDE0MUMxMC4wMzkxIDEwLjc4OTIgOS41MzA0NCAxMC45OTk5IDkgMTAuOTk5OVoiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
}


button[id^=drawing-tool-line-]::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljg3IDBDMTQuNTYgMCAxMy40NiAwLjg0IDEzLjA1IDIuMDJIMTJDMTAuMzQgMi4wMiA5IDMuMzYgOSA1LjAyVjEzLjAyQzkgMTMuNTcgOC41NSAxNC4wMiA4IDE0LjAySDUuODNDNS40MiAxMi44NSA0LjMxIDEyLjAyIDMgMTIuMDJDMS4zNCAxMi4wMiAwIDEzLjM2IDAgMTUuMDJDMCAxNi42OCAxLjM0IDE4LjAyIDMgMTguMDJDNC4zMSAxOC4wMiA1LjQyIDE3LjE5IDUuODMgMTYuMDJIOEM5LjY2IDE2LjAyIDExIDE0LjY4IDExIDEzLjAyVjUuMDJDMTEgNC40NyAxMS40NSA0LjAyIDEyIDQuMDJIMTMuMDZDMTMuNDggNS4xNyAxNC41NyA2IDE1Ljg3IDZDMTcuNTMgNiAxOC44NyA0LjY2IDE4Ljg3IDNDMTguODcgMS4zNCAxNy41MyAwIDE1Ljg3IDBaTTMgMTYuMDJDMi40NSAxNi4wMiAyIDE1LjU3IDIgMTUuMDJDMiAxNC40NyAyLjQ1IDE0LjAyIDMgMTQuMDJDMy41NSAxNC4wMiA0IDE0LjQ3IDQgMTUuMDJDNCAxNS41NyAzLjU1IDE2LjAyIDMgMTYuMDJaTTE1Ljg3IDRDMTUuMzUgNCAxNC45NCAzLjYgMTQuODkgMy4wOVYyLjlDMTQuOTQgMi4zOSAxNS4zNSAxLjk5IDE1Ljg3IDEuOTlDMTYuNDIgMS45OSAxNi44NyAyLjQ0IDE2Ljg3IDIuOTlDMTYuODcgMy41NCAxNi40MiAzLjk5IDE1Ljg3IDMuOTlWNFoiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljg3IDBDMTQuNTYgMCAxMy40NiAwLjg0IDEzLjA1IDIuMDJIMTJDMTAuMzQgMi4wMiA5IDMuMzYgOSA1LjAyVjEzLjAyQzkgMTMuNTcgOC41NSAxNC4wMiA4IDE0LjAySDUuODNDNS40MiAxMi44NSA0LjMxIDEyLjAyIDMgMTIuMDJDMS4zNCAxMi4wMiAwIDEzLjM2IDAgMTUuMDJDMCAxNi42OCAxLjM0IDE4LjAyIDMgMTguMDJDNC4zMSAxOC4wMiA1LjQyIDE3LjE5IDUuODMgMTYuMDJIOEM5LjY2IDE2LjAyIDExIDE0LjY4IDExIDEzLjAyVjUuMDJDMTEgNC40NyAxMS40NSA0LjAyIDEyIDQuMDJIMTMuMDZDMTMuNDggNS4xNyAxNC41NyA2IDE1Ljg3IDZDMTcuNTMgNiAxOC44NyA0LjY2IDE4Ljg3IDNDMTguODcgMS4zNCAxNy41MyAwIDE1Ljg3IDBaTTMgMTYuMDJDMi40NSAxNi4wMiAyIDE1LjU3IDIgMTUuMDJDMiAxNC40NyAyLjQ1IDE0LjAyIDMgMTQuMDJDMy41NSAxNC4wMiA0IDE0LjQ3IDQgMTUuMDJDNCAxNS41NyAzLjU1IDE2LjAyIDMgMTYuMDJaTTE1Ljg3IDRDMTUuMzUgNCAxNC45NCAzLjYgMTQuODkgMy4wOVYyLjlDMTQuOTQgMi4zOSAxNS4zNSAxLjk5IDE1Ljg3IDEuOTlDMTYuNDIgMS45OSAxNi44NyAyLjQ0IDE2Ljg3IDIuOTlDMTYuODcgMy41NCAxNi40MiAzLjk5IDE1Ljg3IDMuOTlWNFoiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
}

button[id^=drawing-tool-polygon-]::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjAwMDQgMy4wMzA0M0wxOS41MzA5IDkuMjI4MjJMMTYuMjcyNSAxOS4yNTY0SDUuNzI4MjFMMi40Njk4NCA5LjIyODIyTDExLjAwMDQgMy4wMzA0M1pNMjEuNzQ3MyA4LjUwODA2TDExLjAwMDQgMC42OTk5NTFMMC4yNTM0MTggOC41MDgwNkw0LjM1ODM4IDIxLjE0MThIMTcuNjQyM0wyMS43NDczIDguNTA4MDZaIiBmaWxsPSIjMDAwMDkxIi8+Cjwvc3ZnPgo=') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjAwMDQgMy4wMzA0M0wxOS41MzA5IDkuMjI4MjJMMTYuMjcyNSAxOS4yNTY0SDUuNzI4MjFMMi40Njk4NCA5LjIyODIyTDExLjAwMDQgMy4wMzA0M1pNMjEuNzQ3MyA4LjUwODA2TDExLjAwMDQgMC42OTk5NTFMMC4yNTM0MTggOC41MDgwNkw0LjM1ODM4IDIxLjE0MThIMTcuNjQyM0wyMS43NDczIDguNTA4MDZaIiBmaWxsPSIjMDAwMDkxIi8+Cjwvc3ZnPgo=') center no-repeat;
}

button[id^=drawing-tool-text-]::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyAwQzE3LjU1MiAwIDE4IDAuNDQ4IDE4IDFWNC43NTdMMTYgNi43NTdWMkgyVjE4SDE2VjE1LjI0MkwxOCAxMy4yNDJWMTlDMTggMTkuNTUyIDE3LjU1MiAyMCAxNyAyMEgxQzAuNDQ4IDIwIDAgMTkuNTUyIDAgMTlWMUMwIDAuNDQ4IDAuNDQ4IDAgMSAwSDE3Wk0xOC43NzggNi44MDhMMjAuMTkyIDguMjIyTDEyLjQxNCAxNkwxMC45OTggMTUuOTk4TDExIDE0LjU4NkwxOC43NzggNi44MDhaTTEwIDEwVjEySDVWMTBIMTBaTTEzIDZWOEg1VjZIMTNaIiBmaWxsPSIjMDAwMDkxIi8+Cjwvc3ZnPgo=') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyAwQzE3LjU1MiAwIDE4IDAuNDQ4IDE4IDFWNC43NTdMMTYgNi43NTdWMkgyVjE4SDE2VjE1LjI0MkwxOCAxMy4yNDJWMTlDMTggMTkuNTUyIDE3LjU1MiAyMCAxNyAyMEgxQzAuNDQ4IDIwIDAgMTkuNTUyIDAgMTlWMUMwIDAuNDQ4IDAuNDQ4IDAgMSAwSDE3Wk0xOC43NzggNi44MDhMMjAuMTkyIDguMjIyTDEyLjQxNCAxNkwxMC45OTggMTUuOTk4TDExIDE0LjU4NkwxOC43NzggNi44MDhaTTEwIDEwVjEySDVWMTBIMTBaTTEzIDZWOEg1VjZIMTNaIiBmaWxsPSIjMDAwMDkxIi8+Cjwvc3ZnPgo=') center no-repeat;
}

/*
* Editing tools
*/
button[id^=drawing-tool-edit-]::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjQxNCAxNEwxMy41NTYgMy44NTc5NkwxMi4xNDIgMi40NDM5NkwyIDEyLjU4NlYxNEgzLjQxNFpNNC4yNDMgMTZIMFYxMS43NTdMMTEuNDM1IDAuMzIxOTYxQzExLjgyNTUgLTAuMDY4NDIwNyAxMi40NTg1IC0wLjA2ODQyMDcgMTIuODQ5IDAuMzIxOTYxTDE1LjY3OCAzLjE1MDk2QzE2LjA2ODQgMy41NDE0NiAxNi4wNjg0IDQuMTc0NDYgMTUuNjc4IDQuNTY0OTZMNC4yNDMgMTZaTTAgMThIMThWMjBIMFYxOFoiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjQxNCAxNEwxMy41NTYgMy44NTc5NkwxMi4xNDIgMi40NDM5NkwyIDEyLjU4NlYxNEgzLjQxNFpNNC4yNDMgMTZIMFYxMS43NTdMMTEuNDM1IDAuMzIxOTYxQzExLjgyNTUgLTAuMDY4NDIwNyAxMi40NTg1IC0wLjA2ODQyMDcgMTIuODQ5IDAuMzIxOTYxTDE1LjY3OCAzLjE1MDk2QzE2LjA2ODQgMy41NDE0NiAxNi4wNjg0IDQuMTc0NDYgMTUuNjc4IDQuNTY0OTZMNC4yNDMgMTZaTTAgMThIMThWMjBIMFYxOFoiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
}

button[id^=drawing-tool-display]::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuODI5MjkgMThDNS40MTc0NiAxOS4xNjUyIDQuMzA2MjIgMjAgMyAyMEMxLjM0MzE1IDIwIDAgMTguNjU2OSAwIDE3QzAgMTUuNjkzOCAwLjgzNDgxIDE0LjU4MjUgMiAxNC4xNzA3VjUuODI5MjlDMC44MzQ4MSA1LjQxNzQ2IDAgNC4zMDYyMiAwIDNDMCAxLjM0MzE1IDEuMzQzMTUgMCAzIDBDNC4zMDYyMiAwIDUuNDE3NDYgMC44MzQ4MSA1LjgyOTI5IDJIMTQuMTcwN0MxNC41ODI1IDAuODM0ODEgMTUuNjkzOCAwIDE3IDBDMTguNjU2OSAwIDIwIDEuMzQzMTUgMjAgM0MyMCA0LjMwNjIyIDE5LjE2NTIgNS40MTc0NiAxOCA1LjgyOTI5VjE0LjE3MDdDMTkuMTY1MiAxNC41ODI1IDIwIDE1LjY5MzggMjAgMTdDMjAgMTguNjU2OSAxOC42NTY5IDIwIDE3IDIwQzE1LjY5MzggMjAgMTQuNTgyNSAxOS4xNjUyIDE0LjE3MDcgMThINS44MjkyOVpNNS44MjkyOSAxNkgxNC4xNzA3QzE0LjQ3MiAxNS4xNDc2IDE1LjE0NzYgMTQuNDcyIDE2IDE0LjE3MDdWNS44MjkyOUMxNS4xNDc2IDUuNTI4MDEgMTQuNDcyIDQuODUyNDEgMTQuMTcwNyA0SDUuODI5MjlDNS41MjgwMSA0Ljg1MjQxIDQuODUyNDEgNS41MjgwMSA0IDUuODI5MjlWMTQuMTcwN0M0Ljg1MjQxIDE0LjQ3MiA1LjUyODAxIDE1LjE0NzYgNS44MjkyOSAxNlpNMyA0QzMuNTUyMjggNCA0IDMuNTUyMjggNCAzQzQgMi40NDc3MiAzLjU1MjI4IDIgMyAyQzIuNDQ3NzIgMiAyIDIuNDQ3NzIgMiAzQzIgMy41NTIyOCAyLjQ0NzcyIDQgMyA0Wk0xNyA0QzE3LjU1MjMgNCAxOCAzLjU1MjI4IDE4IDNDMTggMi40NDc3MiAxNy41NTIzIDIgMTcgMkMxNi40NDc3IDIgMTYgMi40NDc3MiAxNiAzQzE2IDMuNTUyMjggMTYuNDQ3NyA0IDE3IDRaTTE3IDE4QzE3LjU1MjMgMTggMTggMTcuNTUyMyAxOCAxN0MxOCAxNi40NDc3IDE3LjU1MjMgMTYgMTcgMTZDMTYuNDQ3NyAxNiAxNiAxNi40NDc3IDE2IDE3QzE2IDE3LjU1MjMgMTYuNDQ3NyAxOCAxNyAxOFpNMyAxOEMzLjU1MjI4IDE4IDQgMTcuNTUyMyA0IDE3QzQgMTYuNDQ3NyAzLjU1MjI4IDE2IDMgMTZDMi40NDc3MiAxNiAyIDE2LjQ0NzcgMiAxN0MyIDE3LjU1MjMgMi40NDc3MiAxOCAzIDE4WiIgZmlsbD0iIzAwMDA5MSIvPgo8L3N2Zz4K') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuODI5MjkgMThDNS40MTc0NiAxOS4xNjUyIDQuMzA2MjIgMjAgMyAyMEMxLjM0MzE1IDIwIDAgMTguNjU2OSAwIDE3QzAgMTUuNjkzOCAwLjgzNDgxIDE0LjU4MjUgMiAxNC4xNzA3VjUuODI5MjlDMC44MzQ4MSA1LjQxNzQ2IDAgNC4zMDYyMiAwIDNDMCAxLjM0MzE1IDEuMzQzMTUgMCAzIDBDNC4zMDYyMiAwIDUuNDE3NDYgMC44MzQ4MSA1LjgyOTI5IDJIMTQuMTcwN0MxNC41ODI1IDAuODM0ODEgMTUuNjkzOCAwIDE3IDBDMTguNjU2OSAwIDIwIDEuMzQzMTUgMjAgM0MyMCA0LjMwNjIyIDE5LjE2NTIgNS40MTc0NiAxOCA1LjgyOTI5VjE0LjE3MDdDMTkuMTY1MiAxNC41ODI1IDIwIDE1LjY5MzggMjAgMTdDMjAgMTguNjU2OSAxOC42NTY5IDIwIDE3IDIwQzE1LjY5MzggMjAgMTQuNTgyNSAxOS4xNjUyIDE0LjE3MDcgMThINS44MjkyOVpNNS44MjkyOSAxNkgxNC4xNzA3QzE0LjQ3MiAxNS4xNDc2IDE1LjE0NzYgMTQuNDcyIDE2IDE0LjE3MDdWNS44MjkyOUMxNS4xNDc2IDUuNTI4MDEgMTQuNDcyIDQuODUyNDEgMTQuMTcwNyA0SDUuODI5MjlDNS41MjgwMSA0Ljg1MjQxIDQuODUyNDEgNS41MjgwMSA0IDUuODI5MjlWMTQuMTcwN0M0Ljg1MjQxIDE0LjQ3MiA1LjUyODAxIDE1LjE0NzYgNS44MjkyOSAxNlpNMyA0QzMuNTUyMjggNCA0IDMuNTUyMjggNCAzQzQgMi40NDc3MiAzLjU1MjI4IDIgMyAyQzIuNDQ3NzIgMiAyIDIuNDQ3NzIgMiAzQzIgMy41NTIyOCAyLjQ0NzcyIDQgMyA0Wk0xNyA0QzE3LjU1MjMgNCAxOCAzLjU1MjI4IDE4IDNDMTggMi40NDc3MiAxNy41NTIzIDIgMTcgMkMxNi40NDc3IDIgMTYgMi40NDc3MiAxNiAzQzE2IDMuNTUyMjggMTYuNDQ3NyA0IDE3IDRaTTE3IDE4QzE3LjU1MjMgMTggMTggMTcuNTUyMyAxOCAxN0MxOCAxNi40NDc3IDE3LjU1MjMgMTYgMTcgMTZDMTYuNDQ3NyAxNiAxNiAxNi40NDc3IDE2IDE3QzE2IDE3LjU1MjMgMTYuNDQ3NyAxOCAxNyAxOFpNMyAxOEMzLjU1MjI4IDE4IDQgMTcuNTUyMyA0IDE3QzQgMTYuNDQ3NyAzLjU1MjI4IDE2IDMgMTZDMi40NDc3MiAxNiAyIDE2LjQ0NzcgMiAxN0MyIDE3LjU1MjMgMi40NDc3MiAxOCAzIDE4WiIgZmlsbD0iIzAwMDA5MSIvPgo8L3N2Zz4K') center no-repeat;
}

button[id^=drawing-tool-tooltip]::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMlYxN0g2VjJIMFYwSDE0VjJIOFoiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMlYxN0g2VjJIMFYwSDE0VjJIOFoiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
}

button[id^=drawing-tool-remove]::after {
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDJWMEgxNVYySDIwVjRIMThWMTlDMTggMTkuNTUyMyAxNy41NTIzIDIwIDE3IDIwSDNDMi40NDc3MiAyMCAyIDE5LjU1MjMgMiAxOVY0SDBWMkg1Wk00IDRWMThIMTZWNEg0Wk03IDdIOVYxNUg3VjdaTTExIDdIMTNWMTVIMTFWN1oiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDJWMEgxNVYySDIwVjRIMThWMTlDMTggMTkuNTUyMyAxNy41NTIzIDIwIDE3IDIwSDNDMi40NDc3MiAyMCAyIDE5LjU1MjMgMiAxOVY0SDBWMkg1Wk00IDRWMThIMTZWNEg0Wk03IDdIOVYxNUg3VjdaTTExIDdIMTNWMTVIMTFWN1oiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
}

.gpf-draw-linestring-tooltip::before {
  background-color: var(--background-default-grey);
}

.gpf-flex-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.gp-styling-div .gpf-flex-row {
  padding-top: 1em;
}

.gpf-custom-dropdown-options .gpf-custom-dropdown-option:hover {
  background-color: var(--background-default-grey-hover);
}

.gpf-custom-dropdown-options {
  border: 1px solid var(--border-default-grey);
  background-color: var(--background-default-grey);
}

.gpf-custom-dropdown-display:checked + label {
  width: calc(43px + 3.5rem);
}

div:not(.position) > div[id^=GPdrawing-] > dialog[id^=GPdrawingPanel] {
  max-height: unset !important;
}