geopf-extensions-openlayers
Version:
French Geoportal Extensions for OpenLayers libraries
329 lines (265 loc) • 28 kB
CSS
div[id^=GPlayerSwitcher-] {
height: 44px;
}
button[id^=GPshowLayersListPicto] {
width: 40px;
}
button[id^=GPshowLayersListPicto][aria-pressed="true"] + dialog[id^=GPlayersList] {
width: 350px;
}
div:not(.position) > div[id^=GPlayerSwitcher-] > dialog[id^=GPlayersList]{
margin-top: -40px;
transform: translateX(calc(-100% - 4px));
}
div:not(.position) > div[id^=GPlayerSwitcher-] > dialog[id^=GPlayerStylePanel],
div:not(.position) > div[id^=GPlayerSwitcher-] > dialog[id^=GPlayerInfoPanel]
{
transform: translate(calc(-100% - 2px), 2px);
}
div:not(.position) > div[id^=GPlayerSwitcher-] > dialog[id^=GPlayerStylePanel] > .gpf-panel__body,
div:not(.position) > div[id^=GPlayerSwitcher-] > dialog[id^=GPlayerInfoPanel] > .gpf-panel__body
{
max-height: unset ;
}
.GPlayerSwitcher_layer {
background-color: var(--background-overlap-grey);
padding-right: 40px;
}
.gpf-btn-icon-layerswitcher::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDguNTUyNTdMMTIuMTM5NyAxNC4xMDUyTDIuMjc5NDggOC41NTI1N0wxMi4xMzk3IDNMMjIgOC41NTI1N1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMy4xNzgxNSAxNC45ODU4TDIgMTUuNjUwMkwxMS44NjAyIDIxLjIwMjhMMjEuNzIwNSAxNS42NTAyTDIwLjU0MTIgMTQuOTg1OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zLjE3ODE1IDExLjQzNjhMMiAxMi4xMDEzTDExLjg2MDIgMTcuNjUzOEwyMS43MjA1IDEyLjEwMTNMMjAuNTQxMiAxMS40MzY4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDguNTUyNTdMMTIuMTM5NyAxNC4xMDUyTDIuMjc5NDggOC41NTI1N0wxMi4xMzk3IDNMMjIgOC41NTI1N1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMy4xNzgxNSAxNC45ODU4TDIgMTUuNjUwMkwxMS44NjAyIDIxLjIwMjhMMjEuNzIwNSAxNS42NTAyTDIwLjU0MTIgMTQuOTg1OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zLjE3ODE1IDExLjQzNjhMMiAxMi4xMDEzTDExLjg2MDIgMTcuNjUzOEwyMS43MjA1IDEyLjEwMTNMMjAuNTQxMiAxMS40MzY4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==') center no-repeat;
}
.gpf-btn-icon-ls-visibility {
box-shadow: none;
}
.gpf-btn-icon-ls-visibility::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjIxNzYgNEMxNy4zMTAyIDQgMjEuNTQ2OSA3LjY2NDIyIDIyLjQzNTIgMTIuNUMyMS41NDY5IDE3LjMzNTcgMTcuMzEwMiAyMSAxMi4yMTc2IDIxQzcuMTI1MDEgMjEgMi44ODgyNiAxNy4zMzU3IDIgMTIuNUMyLjg4ODI2IDcuNjY0MjIgNy4xMjUwMSA0IDEyLjIxNzYgNFpNMTIuMjE3NiAxOS4xMTExQzE2LjIxNzkgMTkuMTExMSAxOS42NDEgMTYuMzI2OSAyMC41MDc0IDEyLjVDMTkuNjQxIDguNjczMTQgMTYuMjE3OSA1Ljg4ODg5IDEyLjIxNzYgNS44ODg4OUM4LjIxNzI0IDUuODg4ODkgNC43OTQyMSA4LjY3MzE0IDMuOTI3NzQgMTIuNUM0Ljc5NDIxIDE2LjMyNjkgOC4yMTcyNCAxOS4xMTExIDEyLjIxNzYgMTkuMTExMVpNMTIuMjE3NiAxNi43NUM5Ljg3MDM4IDE2Ljc1IDcuOTY3NTkgMTQuODQ3MiA3Ljk2NzU5IDEyLjVDNy45Njc1OSAxMC4xNTI4IDkuODcwMzggOC4yNSAxMi4yMTc2IDguMjVDMTQuNTY0OCA4LjI1IDE2LjQ2NzYgMTAuMTUyOCAxNi40Njc2IDEyLjVDMTYuNDY3NiAxNC44NDcyIDE0LjU2NDggMTYuNzUgMTIuMjE3NiAxNi43NVpNMTIuMjE3NiAxNC44NjExQzEzLjUyMTYgMTQuODYxMSAxNC41Nzg3IDEzLjgwNCAxNC41Nzg3IDEyLjVDMTQuNTc4NyAxMS4xOTYgMTMuNTIxNiAxMC4xMzg5IDEyLjIxNzYgMTAuMTM4OUMxMC45MTM2IDEwLjEzODkgOS44NTY0NyAxMS4xOTYgOS44NTY0NyAxMi41QzkuODU2NDcgMTMuODA0IDEwLjkxMzYgMTQuODYxMSAxMi4yMTc2IDE0Ljg2MTFaIiBmaWxsPSIjMDAwMDkxIi8+Cjwvc3ZnPgo=') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjIxNzYgNEMxNy4zMTAyIDQgMjEuNTQ2OSA3LjY2NDIyIDIyLjQzNTIgMTIuNUMyMS41NDY5IDE3LjMzNTcgMTcuMzEwMiAyMSAxMi4yMTc2IDIxQzcuMTI1MDEgMjEgMi44ODgyNiAxNy4zMzU3IDIgMTIuNUMyLjg4ODI2IDcuNjY0MjIgNy4xMjUwMSA0IDEyLjIxNzYgNFpNMTIuMjE3NiAxOS4xMTExQzE2LjIxNzkgMTkuMTExMSAxOS42NDEgMTYuMzI2OSAyMC41MDc0IDEyLjVDMTkuNjQxIDguNjczMTQgMTYuMjE3OSA1Ljg4ODg5IDEyLjIxNzYgNS44ODg4OUM4LjIxNzI0IDUuODg4ODkgNC43OTQyMSA4LjY3MzE0IDMuOTI3NzQgMTIuNUM0Ljc5NDIxIDE2LjMyNjkgOC4yMTcyNCAxOS4xMTExIDEyLjIxNzYgMTkuMTExMVpNMTIuMjE3NiAxNi43NUM5Ljg3MDM4IDE2Ljc1IDcuOTY3NTkgMTQuODQ3MiA3Ljk2NzU5IDEyLjVDNy45Njc1OSAxMC4xNTI4IDkuODcwMzggOC4yNSAxMi4yMTc2IDguMjVDMTQuNTY0OCA4LjI1IDE2LjQ2NzYgMTAuMTUyOCAxNi40Njc2IDEyLjVDMTYuNDY3NiAxNC44NDcyIDE0LjU2NDggMTYuNzUgMTIuMjE3NiAxNi43NVpNMTIuMjE3NiAxNC44NjExQzEzLjUyMTYgMTQuODYxMSAxNC41Nzg3IDEzLjgwNCAxNC41Nzg3IDEyLjVDMTQuNTc4NyAxMS4xOTYgMTMuNTIxNiAxMC4xMzg5IDEyLjIxNzYgMTAuMTM4OUMxMC45MTM2IDEwLjEzODkgOS44NTY0NyAxMS4xOTYgOS44NTY0NyAxMi41QzkuODU2NDcgMTMuODA0IDEwLjkxMzYgMTQuODYxMSAxMi4yMTc2IDE0Ljg2MTFaIiBmaWxsPSIjMDAwMDkxIi8+Cjwvc3ZnPgo=') center no-repeat;
}
button[id^=GPvisibilityPicto_ID_][aria-pressed="false"]::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljg4MjcgMTkuMjk3QzE2LjE4MTQgMjAuMzc1NyAxNC4xNjM4IDIxLjAwMDQgMTIuMDAwMyAyMS4wMDA0QzYuNjA4MTIgMjEuMDAwNCAyLjEyMjE1IDE3LjEyMDYgMS4xODE2NCAxMi4wMDA0QzEuNjE4MzIgOS42MjMwNyAyLjgxOTMyIDcuNTEzMTUgNC41MjA0NyA1LjkzNDgyTDEuMzkzNjYgMi44MDgwMkwyLjgwNzg4IDEuMzkzOEwyMi42MDY5IDIxLjE5MjdMMjEuMTkyNyAyMi42MDdMMTcuODgyNyAxOS4yOTdaTTUuOTM1NiA3LjM0OTk1QzQuNjA2NzMgOC41NjA0IDMuNjM3OCAxMC4xNjc0IDMuMjIyNzggMTIuMDAwNEM0LjE0MDIyIDE2LjA1MjMgNy43NjQ2IDE5LjAwMDQgMTIuMDAwMyAxOS4wMDA0QzEzLjU5OTcgMTkuMDAwNCAxNS4xMTIgMTguNTggMTYuNDI0MyAxNy44Mzg2TDE0LjM5NiAxNS44MTAzQzEzLjcwMjMgMTYuMjQ3NCAxMi44ODA4IDE2LjUwMDQgMTIuMDAwMyAxNi41MDA0QzkuNTE0OTggMTYuNTAwNCA3LjUwMDI2IDE0LjQ4NTYgNy41MDAyNiAxMi4wMDA0QzcuNTAwMjYgMTEuMTE5OCA3Ljc1MzE3IDEwLjI5ODMgOC4xOTAzMSA5LjYwNDY3TDUuOTM1NiA3LjM0OTk1Wk0xMi45MTM5IDE0LjMyODJMOS42NzI0NiAxMS4wODY4QzkuNTYxMyAxMS4zNjk4IDkuNTAwMjYgMTEuNjc3OSA5LjUwMDI2IDEyLjAwMDRDOS41MDAyNiAxMy4zODExIDEwLjYxOTYgMTQuNTAwNCAxMi4wMDAzIDE0LjUwMDRDMTIuMzIyNyAxNC41MDA0IDEyLjYzMDkgMTQuNDM5MyAxMi45MTM5IDE0LjMyODJaTTIwLjgwNjggMTYuNTkyN0wxOS4zNzYgMTUuMTYxOUMyMC4wMzE5IDE0LjIyNyAyMC41MTU0IDEzLjE1ODggMjAuNzc3NyAxMi4wMDA0QzE5Ljg2MDMgNy45NDg0MyAxNi4yMzU5IDUuMDAwNDEgMTIuMDAwMyA1LjAwMDQxQzExLjE1NDQgNS4wMDA0MSAxMC4zMzI5IDUuMTE3OTggOS41NTI0OSA1LjMzODQzTDcuOTc0NDYgMy43NjA0QzkuMjIxMjcgMy4yNjk4NCAxMC41NzkzIDMuMDAwNDEgMTIuMDAwMyAzLjAwMDQxQzE3LjM5MjQgMy4wMDA0MSAyMS44Nzg0IDYuODgwMTcgMjIuODE4OSAxMi4wMDA0QzIyLjUwNjcgMTMuNyAyMS44MDM4IDE1LjI2MzEgMjAuODA2OCAxNi41OTI3Wk0xMS43MjI5IDcuNTA4ODJDMTEuODE0NiA3LjUwMzI0IDExLjkwNzEgNy41MDA0MSAxMi4wMDAzIDcuNTAwNDFDMTQuNDg1NSA3LjUwMDQxIDE2LjUwMDMgOS41MTUxMyAxNi41MDAzIDEyLjAwMDRDMTYuNTAwMyAxMi4wOTM1IDE2LjQ5NzQgMTIuMTg2IDE2LjQ5MTkgMTIuMjc3N0wxMS43MjI5IDcuNTA4ODJaIiBmaWxsPSIjQ0FDREMxIi8+Cjwvc3ZnPgo=') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljg4MjcgMTkuMjk3QzE2LjE4MTQgMjAuMzc1NyAxNC4xNjM4IDIxLjAwMDQgMTIuMDAwMyAyMS4wMDA0QzYuNjA4MTIgMjEuMDAwNCAyLjEyMjE1IDE3LjEyMDYgMS4xODE2NCAxMi4wMDA0QzEuNjE4MzIgOS42MjMwNyAyLjgxOTMyIDcuNTEzMTUgNC41MjA0NyA1LjkzNDgyTDEuMzkzNjYgMi44MDgwMkwyLjgwNzg4IDEuMzkzOEwyMi42MDY5IDIxLjE5MjdMMjEuMTkyNyAyMi42MDdMMTcuODgyNyAxOS4yOTdaTTUuOTM1NiA3LjM0OTk1QzQuNjA2NzMgOC41NjA0IDMuNjM3OCAxMC4xNjc0IDMuMjIyNzggMTIuMDAwNEM0LjE0MDIyIDE2LjA1MjMgNy43NjQ2IDE5LjAwMDQgMTIuMDAwMyAxOS4wMDA0QzEzLjU5OTcgMTkuMDAwNCAxNS4xMTIgMTguNTggMTYuNDI0MyAxNy44Mzg2TDE0LjM5NiAxNS44MTAzQzEzLjcwMjMgMTYuMjQ3NCAxMi44ODA4IDE2LjUwMDQgMTIuMDAwMyAxNi41MDA0QzkuNTE0OTggMTYuNTAwNCA3LjUwMDI2IDE0LjQ4NTYgNy41MDAyNiAxMi4wMDA0QzcuNTAwMjYgMTEuMTE5OCA3Ljc1MzE3IDEwLjI5ODMgOC4xOTAzMSA5LjYwNDY3TDUuOTM1NiA3LjM0OTk1Wk0xMi45MTM5IDE0LjMyODJMOS42NzI0NiAxMS4wODY4QzkuNTYxMyAxMS4zNjk4IDkuNTAwMjYgMTEuNjc3OSA5LjUwMDI2IDEyLjAwMDRDOS41MDAyNiAxMy4zODExIDEwLjYxOTYgMTQuNTAwNCAxMi4wMDAzIDE0LjUwMDRDMTIuMzIyNyAxNC41MDA0IDEyLjYzMDkgMTQuNDM5MyAxMi45MTM5IDE0LjMyODJaTTIwLjgwNjggMTYuNTkyN0wxOS4zNzYgMTUuMTYxOUMyMC4wMzE5IDE0LjIyNyAyMC41MTU0IDEzLjE1ODggMjAuNzc3NyAxMi4wMDA0QzE5Ljg2MDMgNy45NDg0MyAxNi4yMzU5IDUuMDAwNDEgMTIuMDAwMyA1LjAwMDQxQzExLjE1NDQgNS4wMDA0MSAxMC4zMzI5IDUuMTE3OTggOS41NTI0OSA1LjMzODQzTDcuOTc0NDYgMy43NjA0QzkuMjIxMjcgMy4yNjk4NCAxMC41NzkzIDMuMDAwNDEgMTIuMDAwMyAzLjAwMDQxQzE3LjM5MjQgMy4wMDA0MSAyMS44Nzg0IDYuODgwMTcgMjIuODE4OSAxMi4wMDA0QzIyLjUwNjcgMTMuNyAyMS44MDM4IDE1LjI2MzEgMjAuODA2OCAxNi41OTI3Wk0xMS43MjI5IDcuNTA4ODJDMTEuODE0NiA3LjUwMzI0IDExLjkwNzEgNy41MDA0MSAxMi4wMDAzIDcuNTAwNDFDMTQuNDg1NSA3LjUwMDQxIDE2LjUwMDMgOS41MTUxMyAxNi41MDAzIDEyLjAwMDRDMTYuNTAwMyAxMi4wOTM1IDE2LjQ5NzQgMTIuMTg2IDE2LjQ5MTkgMTIuMjc3N0wxMS43MjI5IDcuNTA4ODJaIiBmaWxsPSIjQ0FDREMxIi8+Cjwvc3ZnPgo=') center no-repeat;
}
.gpf-btn-icon-ls-remove {
box-shadow: none;
}
.gpf-btn-icon-ls-remove::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgOUgxN0wxNS41NzE1IDE5Ljg4ODlIOC40Mjg0N0w3IDlaIiBmaWxsPSIjMDAwMDkxIiBzdHJva2U9IiMwMDAwOTEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iNiIgc3Ryb2tlPSIjMDAwMDkxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxsaW5lIHgxPSIxMC41IiB5MT0iNC41IiB4Mj0iMTMuNSIgeTI9IjQuNSIgc3Ryb2tlPSIjMDAwMDkxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgOUgxN0wxNS41NzE1IDE5Ljg4ODlIOC40Mjg0N0w3IDlaIiBmaWxsPSIjMDAwMDkxIiBzdHJva2U9IiMwMDAwOTEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iNiIgc3Ryb2tlPSIjMDAwMDkxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxsaW5lIHgxPSIxMC41IiB5MT0iNC41IiB4Mj0iMTMuNSIgeTI9IjQuNSIgc3Ryb2tlPSIjMDAwMDkxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K') center no-repeat;
}
.gpf-btn-icon-ls-edit {
box-shadow: none;
}
.gpf-btn-icon-ls-edit::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjMDAwMDkxIj48cGF0aCBkPSJNNy4yNDI2NCAxNy45OTY3SDNWMTMuNzU0TDE0LjQzNSAyLjMxOUMxNC44MjU2IDEuOTI4NDggMTUuNDU4NyAxLjkyODQ4IDE1Ljg0OTIgMi4zMTlMMTguNjc3NyA1LjE0NzQzQzE5LjA2ODIgNS41Mzc5NSAxOS4wNjgyIDYuMTcxMTIgMTguNjc3NyA2LjU2MTY0TDcuMjQyNjQgMTcuOTk2N1pNMyAxOS45OTY3SDIxVjIxLjk5NjdIM1YxOS45OTY3WiI+PC9wYXRoPjwvc3ZnPg==') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjMDAwMDkxIj48cGF0aCBkPSJNNy4yNDI2NCAxNy45OTY3SDNWMTMuNzU0TDE0LjQzNSAyLjMxOUMxNC44MjU2IDEuOTI4NDggMTUuNDU4NyAxLjkyODQ4IDE1Ljg0OTIgMi4zMTlMMTguNjc3NyA1LjE0NzQzQzE5LjA2ODIgNS41Mzc5NSAxOS4wNjgyIDYuMTcxMTIgMTguNjc3NyA2LjU2MTY0TDcuMjQyNjQgMTcuOTk2N1pNMyAxOS45OTY3SDIxVjIxLjk5NjdIM1YxOS45OTY3WiI+PC9wYXRoPjwvc3ZnPg==') center no-repeat;
}
.gpf-btn-icon-ls-collapse {
box-shadow: none;
}
.gpf-btn-icon-ls-collapse::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTk5OTMgOS43ODA5NUwxMi4yOTk4IDYuNDgxMTRMMTMuMjQyNiA3LjQyMzk1TDguOTk5OTMgMTEuNjY2Nkw0Ljc1NzMyIDcuNDIzOTVMNS43MDAxMyA2LjQ4MTE0TDguOTk5OTMgOS43ODA5NVoiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTk5OTMgOS43ODA5NUwxMi4yOTk4IDYuNDgxMTRMMTMuMjQyNiA3LjQyMzk1TDguOTk5OTMgMTEuNjY2Nkw0Ljc1NzMyIDcuNDIzOTVMNS43MDAxMyA2LjQ4MTE0TDguOTk5OTMgOS43ODA5NVoiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
transition: transform 0.2s ease-out 0s;
}
.gpf-btn-icon-ls-collapse[aria-pressed="true"]::after {
box-shadow: none;
transform: rotate(180deg);
}
.gpf-btn-icon-ls-dragndrop {
box-shadow: none;
}
.gpf-btn-icon-ls-dragndrop::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImRyYWctbW92ZS0yIj4KPHBhdGggaWQ9IkljJiMxOTU7JiMxODA7bmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggMTFWOEwyMiAxMkwxOCAxNlYxM0gxM1YxOEgxNkwxMiAyMkw4IDE4SDExVjEzSDZWMTZMMiAxMkw2IDhWMTFIMTFWNkg4TDEyIDJMMTYgNkgxM1YxMUgxOFoiIGZpbGw9IiMwMDAwOTEiLz4KPC9nPgo8L3N2Zz4K') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImRyYWctbW92ZS0yIj4KPHBhdGggaWQ9IkljJiMxOTU7JiMxODA7bmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggMTFWOEwyMiAxMkwxOCAxNlYxM0gxM1YxOEgxNkwxMiAyMkw4IDE4SDExVjEzSDZWMTZMMiAxMkw2IDhWMTFIMTFWNkg4TDEyIDJMMTYgNkgxM1YxMUgxOFoiIGZpbGw9IiMwMDAwOTEiLz4KPC9nPgo8L3N2Zz4K') center no-repeat;
}
button[id^=GPshowAdvancedTools_ID_][aria-pressed="true"] + .GPlayerAdvancedTools {
height: 56px;
max-height: 56px;
}
/* Surchargé en inline avec "hidden" pour les couches n'ayant pas de description ou de titre */
button[id^=GPshowAdvancedTools_ID_][aria-pressed="true"] + .GPlayerAdvancedTools > .GPlayerInfo {
visibility: visible;
}
button[id^=GPshowAdvancedTools_ID_][aria-pressed="false"] {
box-shadow: none;
}
button[id^=GPshowAdvancedTools_ID_][aria-pressed="false"] + .GPlayerAdvancedTools > .GPlayerInfo {
visibility: hidden;
}
button[id^=GPshowAdvancedTools_ID_] {
position: absolute;
top: 12px;
right: 16px;
}
div[id^=GPbasicTools_ID_] {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
flex-direction: row-reverse;
}
div[id^=GPadvancedTools_ID_] {
display: flex;
align-content: center;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
height: inherit;
}
.gpf-btn-header {
z-index: 2;
position: absolute;
width: 26px;
height: 26px;
}
.gpf-btn-icon-layers {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzNF8yNjgwNykiPgo8cGF0aCBkPSJNMTUuMTkyNSA1LjQ0NzY3TDguMTAwNjUgOS40NDEzTDEuMDA4NzkgNS40NDc2N0w4LjEwMDY1IDEuNDU0MDVMMTUuMTkyNSA1LjQ0NzY3WiIgc3Ryb2tlPSIjMTUxNTk2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEuNjU0OTggMTAuMDc0NkwwLjgwNzYxNyAxMC41NTI1TDcuODk5NDcgMTQuNTQ2MkwxNC45OTEzIDEwLjU1MjVMMTQuMTQzMiAxMC4wNzQ2IiBzdHJva2U9IiMxNTE1OTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMS42NTQ5OCA3LjUyMjE2TDAuODA3NjE3IDguMDAwMDZMNy44OTk0NyAxMS45OTM3TDE0Ljk5MTMgOC4wMDAwNkwxNC4xNDMyIDcuNTIyMTYiIHN0cm9rZT0iIzE1MTU5NiIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjM0XzI2ODA3Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
background-repeat: no-repeat;
background-size: auto auto;
background-position: center center;
}
.gpf-panel__body_ls {
overflow: auto;
max-height: 300px ;
}
.gpf-panel__title_ls {
color: #101092;
padding: 12px 15px;
position: relative;
font-size: 1rem;
font-weight: normal;
margin: 0;
right: -16px;
}
.gpf-panel__header_ls {
display: flex;
flex-direction: row;
align-items: center;
align-content: center;
background: #E3E3FD;
height: 48px;
}
.gpf-btn-icon-ls-info {
box-shadow: none;
}
.gpf-btn-icon-ls-info::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOS4yNSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwMDkxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik0xMy45MTA4IDE2Ljk5NzdIMTAuMDAyM1YxNi4zMzY0SDEwLjIxMDVDMTAuNDg5NyAxNi4zMzY0IDEwLjY5MTEgMTYuMjk3NSAxMC44MTkyIDE2LjIyMkMxMC45NDUxIDE2LjE0NDIgMTEuMDI1MiAxNi4wMzY2IDExLjA1MjYgMTUuODk3QzExLjA4MjQgMTUuNzU3NCAxMS4wOTYxIDE1LjU1MzggMTEuMDk2MSAxNS4yODZWMTMuMTQ4N0MxMS4wOTYxIDEyLjg1MTMgMTEuMDc3OCAxMi42NDA3IDExLjA0MTIgMTIuNTE0OUMxMS4wMDQ2IDEyLjM5MTMgMTAuOTEwOCAxMi4yOTk4IDEwLjc1OTcgMTIuMjQwM0MxMC42MDg3IDEyLjE4MzEgMTAuMzU0NyAxMi4xNTEgMTAgMTIuMTQ2NVYxMS40ODUxTDEyLjk1MTkgMTAuODY1VjE1LjI4NkMxMi45NTE5IDE1LjY4ODggMTMuMDAyMyAxNS45NjU3IDEzLjEwMyAxNi4xMTQ0QzEzLjIwMzcgMTYuMjYzMiAxMy40NzM3IDE2LjMzODcgMTMuOTA4NSAxNi4zMzg3VjE3TDEzLjkxMDggMTYuOTk3N1pNMTMuMDk4NCA4LjA0ODA1QzEzLjA5ODQgOC4zMzYzOCAxMi45OTU0IDguNTgxMjQgMTIuNzkxOCA4Ljc4NzE5QzEyLjU4ODEgOC45OTA4NSAxMi4zNDEgOS4wOTM4MiAxMi4wNTQ5IDkuMDkzODJDMTEuNzY4OSA5LjA5MzgyIDExLjUyNjMgOC45ODg1NiAxMS4zMTgxIDguNzgwMzJDMTEuMTA5OCA4LjU3MjA4IDExLjAwNDYgOC4zMjcyMyAxMS4wMDQ2IDguMDUwMzRDMTEuMDA0NiA3Ljc3MzQ2IDExLjEwNzYgNy41MTQ4NyAxMS4zMTM1IDcuMzA4OTJDMTEuNTE5NSA3LjEwMjk3IDExLjc2NjYgNyAxMi4wNTQ5IDdDMTIuMzQzMiA3IDEyLjU5NSA3LjEwMDY5IDEyLjc5NjMgNy4zMDIwNkMxMi45OTc3IDcuNTAzNDMgMTMuMDk4NCA3Ljc1Mjg2IDEzLjA5ODQgOC4wNTAzNFY4LjA0ODA1WiIgZmlsbD0iIzAwMDA5MSIvPgo8L3N2Zz4K') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOS4yNSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwMDkxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik0xMy45MTA4IDE2Ljk5NzdIMTAuMDAyM1YxNi4zMzY0SDEwLjIxMDVDMTAuNDg5NyAxNi4zMzY0IDEwLjY5MTEgMTYuMjk3NSAxMC44MTkyIDE2LjIyMkMxMC45NDUxIDE2LjE0NDIgMTEuMDI1MiAxNi4wMzY2IDExLjA1MjYgMTUuODk3QzExLjA4MjQgMTUuNzU3NCAxMS4wOTYxIDE1LjU1MzggMTEuMDk2MSAxNS4yODZWMTMuMTQ4N0MxMS4wOTYxIDEyLjg1MTMgMTEuMDc3OCAxMi42NDA3IDExLjA0MTIgMTIuNTE0OUMxMS4wMDQ2IDEyLjM5MTMgMTAuOTEwOCAxMi4yOTk4IDEwLjc1OTcgMTIuMjQwM0MxMC42MDg3IDEyLjE4MzEgMTAuMzU0NyAxMi4xNTEgMTAgMTIuMTQ2NVYxMS40ODUxTDEyLjk1MTkgMTAuODY1VjE1LjI4NkMxMi45NTE5IDE1LjY4ODggMTMuMDAyMyAxNS45NjU3IDEzLjEwMyAxNi4xMTQ0QzEzLjIwMzcgMTYuMjYzMiAxMy40NzM3IDE2LjMzODcgMTMuOTA4NSAxNi4zMzg3VjE3TDEzLjkxMDggMTYuOTk3N1pNMTMuMDk4NCA4LjA0ODA1QzEzLjA5ODQgOC4zMzYzOCAxMi45OTU0IDguNTgxMjQgMTIuNzkxOCA4Ljc4NzE5QzEyLjU4ODEgOC45OTA4NSAxMi4zNDEgOS4wOTM4MiAxMi4wNTQ5IDkuMDkzODJDMTEuNzY4OSA5LjA5MzgyIDExLjUyNjMgOC45ODg1NiAxMS4zMTgxIDguNzgwMzJDMTEuMTA5OCA4LjU3MjA4IDExLjAwNDYgOC4zMjcyMyAxMS4wMDQ2IDguMDUwMzRDMTEuMDA0NiA3Ljc3MzQ2IDExLjEwNzYgNy41MTQ4NyAxMS4zMTM1IDcuMzA4OTJDMTEuNTE5NSA3LjEwMjk3IDExLjc2NjYgNyAxMi4wNTQ5IDdDMTIuMzQzMiA3IDEyLjU5NSA3LjEwMDY5IDEyLjc5NjMgNy4zMDIwNkMxMi45OTc3IDcuNTAzNDMgMTMuMDk4NCA3Ljc1Mjg2IDEzLjA5ODQgOC4wNTAzNFY4LjA0ODA1WiIgZmlsbD0iIzAwMDA5MSIvPgo8L3N2Zz4K') center no-repeat;
}
.gpf-btn-icon-ls-greyscale {
box-shadow: none;
}
.gpf-btn-icon-ls-greyscale::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IkljJiMxOTU7JiMxODA7bmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi45OTk5MiAwLjMzMzQ5NkMxMC42ODE5IDAuMzMzNDk2IDEzLjY2NjYgMy4zMTgxNiAxMy42NjY2IDcuMDAwMTZDMTMuNjY2NiAxMC42ODIyIDEwLjY4MTkgMTMuNjY2OCA2Ljk5OTkyIDEzLjY2NjhDMy4zMTc5MiAxMy42NjY4IDAuMzMzMjUyIDEwLjY4MjIgMC4zMzMyNTIgNy4wMDAxNkMwLjMzMzI1MiAzLjMxODE2IDMuMzE3OTIgMC4zMzM0OTYgNi45OTk5MiAwLjMzMzQ5NlpNNi45OTk5MiAxLjY2NjgzQzQuMDU0NCAxLjY2NjgzIDEuNjY2NTkgNC4wNTQ2NCAxLjY2NjU5IDcuMDAwMTZDMS42NjY1OSA5Ljk0NTY4IDQuMDU0NCAxMi4zMzM1IDYuOTk5OTIgMTIuMzMzNUM5Ljk0NTQ0IDEyLjMzMzUgMTIuMzMzMyA5Ljk0NTY4IDEyLjMzMzMgNy4wMDAxNkMxMi4zMzMzIDQuMDU0NjQgOS45NDU0NCAxLjY2NjgzIDYuOTk5OTIgMS42NjY4M1pNNi45OTk5MiAzLjAwMDE2QzkuMjA5MDYgMy4wMDAxNiAxMC45OTk5IDQuNzkxMDIgMTAuOTk5OSA3LjAwMDE2QzEwLjk5OTkgOS4yMDkzIDkuMjA5MDYgMTEuMDAwMiA2Ljk5OTkyIDExLjAwMDJWMy4wMDAxNloiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IkljJiMxOTU7JiMxODA7bmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi45OTk5MiAwLjMzMzQ5NkMxMC42ODE5IDAuMzMzNDk2IDEzLjY2NjYgMy4zMTgxNiAxMy42NjY2IDcuMDAwMTZDMTMuNjY2NiAxMC42ODIyIDEwLjY4MTkgMTMuNjY2OCA2Ljk5OTkyIDEzLjY2NjhDMy4zMTc5MiAxMy42NjY4IDAuMzMzMjUyIDEwLjY4MjIgMC4zMzMyNTIgNy4wMDAxNkMwLjMzMzI1MiAzLjMxODE2IDMuMzE3OTIgMC4zMzM0OTYgNi45OTk5MiAwLjMzMzQ5NlpNNi45OTk5MiAxLjY2NjgzQzQuMDU0NCAxLjY2NjgzIDEuNjY2NTkgNC4wNTQ2NCAxLjY2NjU5IDcuMDAwMTZDMS42NjY1OSA5Ljk0NTY4IDQuMDU0NCAxMi4zMzM1IDYuOTk5OTIgMTIuMzMzNUM5Ljk0NTQ0IDEyLjMzMzUgMTIuMzMzMyA5Ljk0NTY4IDEyLjMzMzMgNy4wMDAxNkMxMi4zMzMzIDQuMDU0NjQgOS45NDU0NCAxLjY2NjgzIDYuOTk5OTIgMS42NjY4M1pNNi45OTk5MiAzLjAwMDE2QzkuMjA5MDYgMy4wMDAxNiAxMC45OTk5IDQuNzkxMDIgMTAuOTk5OSA3LjAwMDE2QzEwLjk5OTkgOS4yMDkzIDkuMjA5MDYgMTEuMDAwMiA2Ljk5OTkyIDExLjAwMDJWMy4wMDAxNloiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+Cg==') center no-repeat;
}
.gpf-btn-icon-ls-extent {
box-shadow: none;
}
.gpf-btn-icon-ls-extent::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYwNjYgMTYuMDIwOEw2IDcuNDE0MjJMNy40MTQyMSA2TDE2LjAyMDggMTQuNjA2NlY3LjAyMDgySDE4LjAyMDhWMTguMDIwOEg3LjAyMDgyVjE2LjAyMDhIMTQuNjA2NloiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYwNjYgMTYuMDIwOEw2IDcuNDE0MjJMNy40MTQyMSA2TDE2LjAyMDggMTQuNjA2NlY3LjAyMDgySDE4LjAyMDhWMTguMDIwOEg3LjAyMDgyVjE2LjAyMDhIMTQuNjA2NloiIGZpbGw9IiMwMDAwOTEiLz4KPC9zdmc+') center no-repeat;
}
[id^=GPlayerStylePanel],
[id^=GPlayerInfoPanel] {
position: absolute;
height: initial;
}
.gpf-label-name {
width: calc(100% - 96px);
line-height: 28px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 4px;
}
.GPlayerDragNDrop {
cursor: move;
}
.gpf-range__output {
width: 35px;
}
.GPlayerOpacity.fr-range--sm[data-fr-js-range]::after,
.GPlayerOpacity.fr-range--sm[data-fr-js-range]::before {
top: 25%;
}
div[id^=GPlayerInfoContent] {
width: 350px;
}
div[id^=GPlayerStyleContent] {
width: 260px;
}
.gpf-btn-icon-close.GPlayersPanelClose {
top: 0;
right: 0;
}
.gpf-btn-icon-close.GPlayersPanelClose::after {
margin-left: -0.125rem;
}
/* menu contextuel (mobile) */
.GPlayerAdvancedToolsContextual {
display: none;
}
.GPlayerAdvancedToolsContextual::after {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDE4IDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJJYyYjMTk1OyYjMTgwO25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNTgzMzMgMC4xNjY2NTdDMS41NzUgMC4xNjY2NTcgMC43NSAwLjk5MTY1NiAwLjc1IDEuOTk5OTlDMC43NSAzLjAwODMyIDEuNTc1IDMuODMzMzIgMi41ODMzMyAzLjgzMzMyQzMuNTkxNjcgMy44MzMzMiA0LjQxNjY3IDMuMDA4MzIgNC40MTY2NyAxLjk5OTk5QzQuNDE2NjcgMC45OTE2NTcgMy41OTE2NyAwLjE2NjY1NyAyLjU4MzMzIDAuMTY2NjU3Wk0xNS40MTY3IDAuMTY2NjU5QzE0LjQwODMgMC4xNjY2NTkgMTMuNTgzMyAwLjk5MTY1OSAxMy41ODMzIDEuOTk5OTlDMTMuNTgzMyAzLjAwODMyIDE0LjQwODMgMy44MzMzMiAxNS40MTY3IDMuODMzMzNDMTYuNDI1IDMuODMzMzMgMTcuMjUgMy4wMDgzMyAxNy4yNSAxLjk5OTk5QzE3LjI1IDAuOTkxNjU5IDE2LjQyNSAwLjE2NjY1OSAxNS40MTY3IDAuMTY2NjU5Wk05IDAuMTY2NjU4QzcuOTkxNjcgMC4xNjY2NTggNy4xNjY2NyAwLjk5MTY1NyA3LjE2NjY3IDEuOTk5OTlDNy4xNjY2NyAzLjAwODMyIDcuOTkxNjcgMy44MzMzMiA5IDMuODMzMzJDMTAuMDA4MyAzLjgzMzMyIDEwLjgzMzMgMy4wMDgzMiAxMC44MzMzIDEuOTk5OTlDMTAuODMzMyAwLjk5MTY1OCAxMC4wMDgzIDAuMTY2NjU4IDkgMC4xNjY2NThaIiBmaWxsPSIjMDAwMDkxIi8+Cjwvc3ZnPgo=') center no-repeat;
mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDE4IDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJJYyYjMTk1OyYjMTgwO25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNTgzMzMgMC4xNjY2NTdDMS41NzUgMC4xNjY2NTcgMC43NSAwLjk5MTY1NiAwLjc1IDEuOTk5OTlDMC43NSAzLjAwODMyIDEuNTc1IDMuODMzMzIgMi41ODMzMyAzLjgzMzMyQzMuNTkxNjcgMy44MzMzMiA0LjQxNjY3IDMuMDA4MzIgNC40MTY2NyAxLjk5OTk5QzQuNDE2NjcgMC45OTE2NTcgMy41OTE2NyAwLjE2NjY1NyAyLjU4MzMzIDAuMTY2NjU3Wk0xNS40MTY3IDAuMTY2NjU5QzE0LjQwODMgMC4xNjY2NTkgMTMuNTgzMyAwLjk5MTY1OSAxMy41ODMzIDEuOTk5OTlDMTMuNTgzMyAzLjAwODMyIDE0LjQwODMgMy44MzMzMiAxNS40MTY3IDMuODMzMzNDMTYuNDI1IDMuODMzMzMgMTcuMjUgMy4wMDgzMyAxNy4yNSAxLjk5OTk5QzE3LjI1IDAuOTkxNjU5IDE2LjQyNSAwLjE2NjY1OSAxNS40MTY3IDAuMTY2NjU5Wk05IDAuMTY2NjU4QzcuOTkxNjcgMC4xNjY2NTggNy4xNjY2NyAwLjk5MTY1NyA3LjE2NjY3IDEuOTk5OTlDNy4xNjY2NyAzLjAwODMyIDcuOTkxNjcgMy44MzMzMiA5IDMuODMzMzJDMTAuMDA4MyAzLjgzMzMyIDEwLjgzMzMgMy4wMDgzMiAxMC44MzMzIDEuOTk5OTlDMTAuODMzMyAwLjk5MTY1OCAxMC4wMDgzIDAuMTY2NjU4IDkgMC4xNjY2NThaIiBmaWxsPSIjMDAwMDkxIi8+Cjwvc3ZnPgo=') center no-repeat;
}
.GPlayerAdvancedToolsContextual[aria-pressed="true"] {
background-color: var(--hover-tint);
overflow: visible;
}
.GPlayerSwitcher_layer:has(.GPlayerAdvancedToolsContextual[aria-pressed="true"]) {
overflow: visible;
}
[id^=GPlayersList-] .GPpanelBody:has(.GPlayerAdvancedToolsContextual[aria-pressed="true"]) {
overflow: visible;
}
.GPlayerAdvancedTools:has(.GPlayerAdvancedToolsContextual[aria-pressed="true"]) {
position: relative;
}
.GPlayerAdvancedToolsContextual + div {
display: none;
flex-direction: column;
flex-wrap: wrap;
font-size: 13px;
z-index: 12;
background-color: var(--background-overlap-grey);
border-radius: 6px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
padding: 14px 6px;
gap: 6px;
}
.GPlayerAdvancedToolsContextual + div > button {
padding-left: 2rem;
}
.GPlayerAdvancedToolsContextual + div > button[visibility="hidden"] {
display: none;
}
.GPlayerAdvancedToolsContextual + div > button::after {
mask-position: left;
}
.GPlayerAdvancedToolsContextual[aria-pressed="true"] + div {
display: flex;
position: absolute;
right: 0;
top: calc(2.5rem + 8px);
}
.outOfRange .GPlayerName {
color: var(--text-disabled-grey);
}
@media (max-width: 576px) {
.GPlayerAdvancedTools {
width: calc(100% + 40px);
}
.GPlayerAdvancedTools > .GPlayerRemove, .GPlayerAdvancedTools > .GPlayerGreyscale, .GPlayerAdvancedTools > .GPlayerInfo, .GPlayerAdvancedTools > .GPlayerExtent {
display: none;
}
.GPlayerAdvancedToolsContextual {
display: inline-flex;
}
[id^=GPopacity_ID_] {
flex-grow: 0.6;
}
}