header *:focus,
header input:focus + label,
header :focus-visible,
header .dropzone-container:focus-visible,
header div.dropzone-container:focus-within,
nav *:focus,
nav input:focus + label,
nav :focus-visible,
nav .dropzone-container:focus-visible,
nav div.dropzone-container:focus-within {
outline: 3px solid #f6ae2d;
}
main *:focus,
main input:focus + label,
main :focus-visible,
main .dropzone-container:focus-visible,
main div.dropzone-container:focus-within {
outline: none;
outline: 3px solid #f6ae2d;
}
section.pagerow .card:has(.primary-action):focus-within {
outline: 3px solid #f6ae2d;
}
section.pagerow.linkdash .card:has(.link1):focus-within,
section.pagerow.linkdash .card:has(.linkalt):focus-within {
outline: 3px solid #f6ae2d;
}
.card a.primary-action:focus {
text-decoration: underline;
}
.card:has(.primary-action):focus-within {
outline: 3px solid #f6ae2d;
}
.card:focus-within a.primary-action:focus {
text-decoration: none;
}
footer *:focus,
footer input:focus + label,
footer :focus-visible,
footer .dropzone-container:focus-visible,
footer div.dropzone-container:focus-within {
outline: none;
outline: 3px solid #f6ae2d;
}
img.lazyImageWaiting {
opacity: 0;
}
img.initial,
img.loaded,
img.lazyImageError,
img.lazyImageErrorShow {
transition: opacity 1s;
opacity: 1 !important;
}
.icon-plus::before,
.icon-plus::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-url::before,
.icon-url::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-media::before,
.icon-media::after,
.icon-image::before,
.icon-image::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-photo%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15 8h.01%27 /%3E%3Cpath d=%27M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z%27 /%3E%3Cpath d=%27M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5%27 /%3E%3Cpath d=%27M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-file::before,
.icon-file::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-files%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15 3v4a1 1 0 0 0 1 1h4%27 /%3E%3Cpath d=%27M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2z%27 /%3E%3Cpath d=%27M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-classification::before,
.icon-classification::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-hash%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M5 9l14 0%27/%3E%3Cpath d=%27M5 15l14 0%27/%3E%3Cpath d=%27M11 4l-4 16%27/%3E%3Cpath d=%27M17 4l-4 16%27/%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-list::before,
.icon-list::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-select::before,
.icon-select::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-edit::before,
.icon-edit::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-add-media::before,
.icon-add-media::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-circle-up::before,
.icon-circle-up::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-circle-down::before,
.icon-circle-down::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-layout-rows::before,
.icon-layout-rows::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-circle-info::before,
.icon-circle-info::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-color-switch::before,
.icon-color-switch::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-title::before,
.icon-title::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-h-1%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M19 18v-8l-2 2%27 /%3E%3Cpath d=%27M4 6v12%27 /%3E%3Cpath d=%27M12 6v12%27 /%3E%3Cpath d=%27M11 18h2%27 /%3E%3Cpath d=%27M3 18h2%27 /%3E%3Cpath d=%27M4 12h8%27 /%3E%3Cpath d=%27M3 6h2%27 /%3E%3Cpath d=%27M11 6h2%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-order::before,
.icon-order::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-shopping-bag%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M6.331 8h11.339a2 2 0 0 1 1.977 2.304l-1.255 8.152a3 3 0 0 1 -2.966 2.544h-6.852a3 3 0 0 1 -2.965 -2.544l-1.255 -8.152a2 2 0 0 1 1.977 -2.304z%27 /%3E%3Cpath d=%27M9 11v-5a3 3 0 0 1 6 0v5%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-cube::before,
.icon-cube::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-link::before,
.icon-link::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-fullscreen::before,
.icon-fullscreen::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-layout-grid::before,
.icon-layout-grid::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-upload::before,
.icon-upload::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-handle-drag::before,
.icon-handle-drag::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-layout-header::before,
.icon-layout-header::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27currentColor%27 class=%27icon icon-tabler icons-tabler-filled icon-tabler-layout-navbar%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm1 6h-14v9a1 1 0 0 0 .883 .993l.117 .007h12a1 1 0 0 0 .993 -.883l.007 -.117v-9z%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-layout-footer::before,
.icon-layout-footer::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27currentColor%27 class=%27icon icon-tabler icons-tabler-filled icon-tabler-layout-bottombar%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm0 2h-12a1 1 0 0 0 -.993 .883l-.007 .117v9h14v-9a1 1 0 0 0 -.883 -.993l-.117 -.007z%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-border-radius::before,
.icon-border-radius::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-radius-top-right%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M5 5h6a8 8 0 0 1 8 8v6%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-database::before,
.icon-database::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-x::before,
.icon-x::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-switch::before,
.icon-switch::after {
mask: url('data:image/svg+xml,')
no-repeat 50% 50%;
}
.icon-pencil::before,
.icon-pencil::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-pencil%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4%27 /%3E%3Cpath d=%27M13.5 6.5l4 4%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-article::before,
.icon-article::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271.25%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-writing-sign%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 19c3.333 -2 5 -4 5 -6c0 -3 -1 -3 -2 -3s-2.032 1.085 -2 3c.034 2.048 1.658 2.877 2.5 4c1.5 2 2.5 2.5 3.5 1c.667 -1 1.167 -1.833 1.5 -2.5c1 2.333 2.333 3.5 4 3.5h2.5%27 /%3E%3Cpath d=%27M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2%27 /%3E%3Cpath d=%27M16 7h4%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-world::before,
.icon-world::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-world%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0%27 /%3E%3Cpath d=%27M3.6 9h16.8%27 /%3E%3Cpath d=%27M3.6 15h16.8%27 /%3E%3Cpath d=%27M11.5 3a17 17 0 0 0 0 18%27 /%3E%3Cpath d=%27M12.5 3a17 17 0 0 1 0 18%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-home::before,
.icon-home::after,
.icon-parametre-homepage::before,
.icon-parametre-homepage::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-home%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M5 12l-2 0l9 -9l9 9l-2 0%27 /%3E%3Cpath d=%27M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7%27 /%3E%3Cpath d=%27M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-power-off::before,
.icon-power-off::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-power%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M7 6a7.75 7.75 0 1 0 10 0%27 /%3E%3Cpath d=%27M12 4l0 8%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-search::before,
.search-icon::before,
.icon-search::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-search%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0%27 /%3E%3Cpath d=%27M21 21l-6 -6%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-setting::before,
.icon-setting::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-settings%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z%27 /%3E%3Cpath d=%27M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-logout::before,
.icon-logout::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-logout%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2%27 /%3E%3Cpath d=%27M9 12h12l-3 -3%27 /%3E%3Cpath d=%27M18 15l3 -3%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-check::before,
.icon-check::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-check%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M5 12l5 5l10 -10%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-checklist::before,
.icon-checklist::after,
.icon-premiers-pas::before,
.icon-premiers-pas::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-checklist%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9.615 20h-2.615a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8%27 /%3E%3Cpath d=%27M14 19l2 2l4 -4%27 /%3E%3Cpath d=%27M9 8h4%27 /%3E%3Cpath d=%27M9 12h2%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-trash::before,
.icon-trash::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-trash%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M4 7l16 0%27 /%3E%3Cpath d=%27M10 11l0 6%27 /%3E%3Cpath d=%27M14 11l0 6%27 /%3E%3Cpath d=%27M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12%27 /%3E%3Cpath d=%27M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-chevron-l::before,
.icon-chevron-l::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-chevron-left%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15 6l-6 6l6 6%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-lock::before,
.icon-lock::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-lock%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z%27 /%3E%3Cpath d=%27M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0%27 /%3E%3Cpath d=%27M8 11v-4a4 4 0 1 1 8 0v4%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-lock-open::before,
.icon-lock-open::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-lock-open%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M5 11m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z%27 /%3E%3Cpath d=%27M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0%27 /%3E%3Cpath d=%27M8 11v-5a4 4 0 0 1 8 0%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-shop::before,
.icon-shop::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-building-store%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 21l18 0%27 /%3E%3Cpath d=%27M3 7v1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1h-18l2 -4h14l2 4%27 /%3E%3Cpath d=%27M5 21l0 -10.15%27 /%3E%3Cpath d=%27M19 21l0 -10.15%27 /%3E%3Cpath d=%27M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-payment::before,
.icon-payment::after,
.icon-paiement::before,
.icon-paiement::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-credit-card%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 5m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z%27 /%3E%3Cpath d=%27M3 10l18 0%27 /%3E%3Cpath d=%27M7 15l.01 0%27 /%3E%3Cpath d=%27M11 15l2 0%27 /%3E%3C/svg%3E%0A")
no-repeat 50% 50%;
}
.icon-paypal::before,
.icon-paypal::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-brand-paypal%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 13l2.5 0c2.5 0 5 -2.5 5 -5c0 -3 -1.9 -5 -5 -5h-5.5c-.5 0 -1 .5 -1 1l-2 14c0 .5 .5 1 1 1h2.8l1.2 -5c.1 -.6 .4 -1 1 -1zm7.5 -5.8c1.7 1 2.5 2.8 2.5 4.8c0 2.5 -2.5 4.5 -5 4.5h-2.6l-.6 3.6a1 1 0 0 1 -1 .8l-2.7 0a.5 .5 0 0 1 -.5 -.6l.2 -1.4%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-shipping::before,
.icon-shipping::after,
.icon-livraison::before,
.icon-livraison::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-cube-send%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M16 12.5l-5 -3l5 -3l5 3v5.5l-5 3z%27 /%3E%3Cpath d=%27M11 9.5v5.5l5 3%27 /%3E%3Cpath d=%27M16 12.545l5 -3.03%27 /%3E%3Cpath d=%27M7 9h-5%27 /%3E%3Cpath d=%27M7 12h-3%27 /%3E%3Cpath d=%27M7 15h-1%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-login::before,
.icon-login::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-login%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2%27 /%3E%3Cpath d=%27M21 12h-13l3 -3%27 /%3E%3Cpath d=%27M11 15l-3 -3%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-keyboard::before,
.icon-keyboard::after,
.icon-raccourcis-clavier::before,
.icon-raccourcis-clavier::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271.25%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-keyboard%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M2 8a2 2 0 0 1 2 -2h16a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-16a2 2 0 0 1 -2 -2l0 -8%27 /%3E%3Cpath d=%27M6 10l0 .01%27 /%3E%3Cpath d=%27M10 10l0 .01%27 /%3E%3Cpath d=%27M14 10l0 .01%27 /%3E%3Cpath d=%27M18 10l0 .01%27 /%3E%3Cpath d=%27M6 14l0 .01%27 /%3E%3Cpath d=%27M18 14l0 .01%27 /%3E%3Cpath d=%27M10 14l4 .01%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-key::before,
.icon-key::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27currentColor%27 class=%27icon icon-tabler icons-tabler-filled icon-tabler-key%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M14.52 2c1.029 0 2.015 .409 2.742 1.136l3.602 3.602a3.877 3.877 0 0 1 0 5.483l-2.643 2.643a3.88 3.88 0 0 1 -4.941 .452l-.105 -.078l-5.882 5.883a3 3 0 0 1 -1.68 .843l-.22 .027l-.221 .009h-1.172c-1.014 0 -1.867 -.759 -1.991 -1.823l-.009 -.177v-1.172c0 -.704 .248 -1.386 .73 -1.96l.149 -.161l.414 -.414a1 1 0 0 1 .707 -.293h1v-1a1 1 0 0 1 .883 -.993l.117 -.007h1v-1a1 1 0 0 1 .206 -.608l.087 -.1l1.468 -1.469l-.076 -.103a3.9 3.9 0 0 1 -.678 -1.963l-.007 -.236c0 -1.029 .409 -2.015 1.136 -2.742l2.643 -2.643a3.88 3.88 0 0 1 2.741 -1.136m.495 5h-.02a2 2 0 1 0 0 4h.02a2 2 0 1 0 0 -4%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-page::before,
.icon-page::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-app-window%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 5m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z%27 /%3E%3Cpath d=%27M6 8h.01%27 /%3E%3Cpath d=%27M9 8h.01%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-product::before,
.icon-product::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-file-text%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M14 3v4a1 1 0 0 0 1 1h4%27 /%3E%3Cpath d=%27M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z%27 /%3E%3Cpath d=%27M9 9l1 0%27 /%3E%3Cpath d=%27M9 13l6 0%27 /%3E%3Cpath d=%27M9 17l6 0%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-category::before,
.icon-category::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-category%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M4 4h6v6h-6z%27 /%3E%3Cpath d=%27M14 4h6v6h-6z%27 /%3E%3Cpath d=%27M4 14h6v6h-6z%27 /%3E%3Cpath d=%27M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-tag::before,
.icon-tag::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-tag%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M7.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0%27 /%3E%3Cpath d=%27M3 6v5.172a2 2 0 0 0 .586 1.414l7.71 7.71a2.41 2.41 0 0 0 3.408 0l5.592 -5.592a2.41 2.41 0 0 0 0 -3.408l-7.71 -7.71a2 2 0 0 0 -1.414 -.586h-5.172a3 3 0 0 0 -3 3z%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-help::before,
.icon-help::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-help%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0%27 /%3E%3Cpath d=%27M12 17l0 .01%27 /%3E%3Cpath d=%27M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-speaker::before,
.icon-speaker::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-speakerphone%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M18 8a3 3 0 0 1 0 6%27 /%3E%3Cpath d=%27M10 8v11a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1 -1v-5%27 /%3E%3Cpath d=%27M12 8h0l4.524 -3.77a.9 .9 0 0 1 1.476 .692v12.156a.9 .9 0 0 1 -1.476 .692l-4.524 -3.77h-8a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h8%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-web::before,
.icon-web::after,
.icon-parametre-web::before,
.icon-parametre-web::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-world-www%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M19.5 7a9 9 0 0 0 -7.5 -4a8.991 8.991 0 0 0 -7.484 4%27 /%3E%3Cpath d=%27M11.5 3a16.989 16.989 0 0 0 -1.826 4%27 /%3E%3Cpath d=%27M12.5 3a16.989 16.989 0 0 1 1.828 4%27 /%3E%3Cpath d=%27M19.5 17a9 9 0 0 1 -7.5 4a8.991 8.991 0 0 1 -7.484 -4%27 /%3E%3Cpath d=%27M11.5 21a16.989 16.989 0 0 1 -1.826 -4%27 /%3E%3Cpath d=%27M12.5 21a16.989 16.989 0 0 0 1.828 -4%27 /%3E%3Cpath d=%27M2 10l1 4l1.5 -4l1.5 4l1 -4%27 /%3E%3Cpath d=%27M17 10l1 4l1.5 -4l1.5 4l1 -4%27 /%3E%3Cpath d=%27M9.5 10l1 4l1.5 -4l1.5 4l1 -4%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-connected::before,
.icon-connected::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-plug-connected%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M7 12l5 5l-1.5 1.5a3.536 3.536 0 1 1 -5 -5l1.5 -1.5z%27 /%3E%3Cpath d=%27M17 12l-5 -5l1.5 -1.5a3.536 3.536 0 1 1 5 5l-1.5 1.5z%27 /%3E%3Cpath d=%27M3 21l2.5 -2.5%27 /%3E%3Cpath d=%27M18.5 5.5l2.5 -2.5%27 /%3E%3Cpath d=%27M10 11l-2 2%27 /%3E%3Cpath d=%27M13 14l-2 2%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-disconnected::before,
.icon-disconnected::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-plug-connected-x%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M20 16l-4 4%27 /%3E%3Cpath d=%27M7 12l5 5l-1.5 1.5a3.536 3.536 0 1 1 -5 -5l1.5 -1.5z%27 /%3E%3Cpath d=%27M17 12l-5 -5l1.5 -1.5a3.536 3.536 0 1 1 5 5l-1.5 1.5z%27 /%3E%3Cpath d=%27M3 21l2.5 -2.5%27 /%3E%3Cpath d=%27M18.5 5.5l2.5 -2.5%27 /%3E%3Cpath d=%27M10 11l-2 2%27 /%3E%3Cpath d=%27M13 14l-2 2%27 /%3E%3Cpath d=%27M16 16l4 4%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-tools::before,
.icon-tools::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-tools%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4%27 /%3E%3Cpath d=%27M14.5 5.5l4 4%27 /%3E%3Cpath d=%27M12 8l-5 -5l-4 4l5 5%27 /%3E%3Cpath d=%27M7 8l-1.5 1.5%27 /%3E%3Cpath d=%27M16 12l5 5l-4 4l-5 -5%27 /%3E%3Cpath d=%27M16 17l-1.5 1.5%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-charts::before,
.icon-charts::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-chart-pie%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-6.8a2 2 0 0 1 -2 -2v-7a.9 .9 0 0 0 -1 -.8%27 /%3E%3Cpath d=%27M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a1 1 0 0 1 -1 -1v-4.5%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-user::before,
.icon-user::after,
.icon-parametre-compte::before,
.icon-parametre-compte::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-user-circle%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0%27 /%3E%3Cpath d=%27M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0%27 /%3E%3Cpath d=%27M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-menu::before,
.icon-menu::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-menu-2%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M4 6l16 0%27 /%3E%3Cpath d=%27M4 12l16 0%27 /%3E%3Cpath d=%27M4 18l16 0%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-analytics::before,
.icon-analytics::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-chart-bar-popular%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 13a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z%27 /%3E%3Cpath d=%27M9 9a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z%27 /%3E%3Cpath d=%27M15 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z%27 /%3E%3Cpath d=%27M4 20h14%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-social::before,
.icon-social::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-social%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%27 /%3E%3Cpath d=%27M5 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%27 /%3E%3Cpath d=%27M19 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%27 /%3E%3Cpath d=%27M12 14m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0%27 /%3E%3Cpath d=%27M12 7l0 4%27 /%3E%3Cpath d=%27M6.7 17.8l2.8 -2%27 /%3E%3Cpath d=%27M17.3 17.8l-2.8 -2%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-design::before,
.icon-design::after,
.icon-parametre-theme::before,
.icon-parametre-theme::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271.25%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-brush%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 21v-4a4 4 0 1 1 4 4h-4%27 /%3E%3Cpath d=%27M21 3a16 16 0 0 0 -12.8 10.2%27 /%3E%3Cpath d=%27M21 3a16 16 0 0 1 -10.2 12.8%27 /%3E%3Cpath d=%27M10.6 9a9 9 0 0 1 4.4 4.4%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-colorset::before,
.icon-colorset::after,
.icon-parametre-color::before,
.icon-paremetre-color::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-palette%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25%27 /%3E%3Cpath d=%27M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0%27 /%3E%3Cpath d=%27M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0%27 /%3E%3Cpath d=%27M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-contract::before,
.icon-contract::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-contract%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M8 21h-2a3 3 0 0 1 -3 -3v-1h5.5%27 /%3E%3Cpath d=%27M17 8.5v-3.5a2 2 0 1 1 2 2h-2%27 /%3E%3Cpath d=%27M19 3h-11a3 3 0 0 0 -3 3v11%27 /%3E%3Cpath d=%27M9 7h4%27 /%3E%3Cpath d=%27M9 11h4%27 /%3E%3Cpath d=%27M18.42 12.61a2.1 2.1 0 0 1 2.97 2.97l-6.39 6.42h-3v-3z%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-actions::before,
.icon-actions::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-settings-bolt%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M13.256 20.473c-.855 .907 -2.583 .643 -2.931 -.79a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.07 .26 1.488 1.29 1.254 2.15%27 /%3E%3Cpath d=%27M19 16l-2 3h4l-2 3%27 /%3E%3Cpath d=%27M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-translate::before,
.icon-translate::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-world%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0%27 /%3E%3Cpath d=%27M3.6 9h16.8%27 /%3E%3Cpath d=%27M3.6 15h16.8%27 /%3E%3Cpath d=%27M11.5 3a17 17 0 0 0 0 18%27 /%3E%3Cpath d=%27M12.5 3a17 17 0 0 1 0 18%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-block::before,
.icon-block::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-blocks%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M14 4a1 1 0 0 1 1 -1h5a1 1 0 0 1 1 1v5a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1z%27 /%3E%3Cpath d=%27M3 14h12a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h3a2 2 0 0 1 2 2v12%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-quickaction::before,
.icon-quickaction::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-sparkles%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2zm0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2zm-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6z%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-entity-setup::before,
.icon-entity-setup::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-settings-plus%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12.483 20.935c-.862 .239 -1.898 -.178 -2.158 -1.252a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.08 .262 1.496 1.308 1.247 2.173%27 /%3E%3Cpath d=%27M16 19h6%27 /%3E%3Cpath d=%27M19 16v6%27 /%3E%3Cpath d=%27M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-corporate::before,
.icon-corporate::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-building-community%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M8 9l5 5v7h-5v-4m0 4h-5v-7l5 -5m1 1v-6a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v17h-8%27 /%3E%3Cpath d=%27M13 7l0 .01%27 /%3E%3Cpath d=%27M17 7l0 .01%27 /%3E%3Cpath d=%27M17 11l0 .01%27 /%3E%3Cpath d=%27M17 15l0 .01%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-setup-code::before,
.icon-setup-code::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-settings-code%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M11.482 20.924a1.666 1.666 0 0 1 -1.157 -1.241a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.312 .318 1.644 1.794 .995 2.697%27 /%3E%3Cpath d=%27M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0%27 /%3E%3Cpath d=%27M20 21l2 -2l-2 -2%27 /%3E%3Cpath d=%27M17 17l-2 2l2 2%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-setup-map::before,
.icon-setup-map::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-settings-pin%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12.578 20.905c-.88 .299 -1.983 -.109 -2.253 -1.222a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c.574 .14 .96 .5 1.16 .937%27 /%3E%3Cpath d=%27M14.99 12.256a3 3 0 1 0 -2.33 2.671%27 /%3E%3Cpath d=%27M21.121 20.121a3 3 0 1 0 -4.242 0c.418 .419 1.125 1.045 2.121 1.879c1.051 -.89 1.759 -1.516 2.121 -1.879z%27 /%3E%3Cpath d=%27M19 18v.01%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-laptop::before,
.icon-laptop::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-device-laptop%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 19l18 0%27 /%3E%3Cpath d=%27M5 6m0 1a1 1 0 0 1 1 -1h12a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-12a1 1 0 0 1 -1 -1z%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-smartphone::before,
.icon-smartphone::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-device-mobile%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M6 5a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-14z%27 /%3E%3Cpath d=%27M11 4h2%27 /%3E%3Cpath d=%27M12 17v.01%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-tablet::before,
.icon-tablet:after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-device-tablet%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M5 4a1 1 0 0 1 1 -1h12a1 1 0 0 1 1 1v16a1 1 0 0 1 -1 1h-12a1 1 0 0 1 -1 -1v-16z%27 /%3E%3Cpath d=%27M11 17a1 1 0 1 0 2 0a1 1 0 0 0 -2 0%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-typography::before,
.icon-typography::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-typography%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M4 20l3 0%27 /%3E%3Cpath d=%27M14 20l7 0%27 /%3E%3Cpath d=%27M6.9 15l6.9 0%27 /%3E%3Cpath d=%27M10.2 6.3l5.8 13.7%27 /%3E%3Cpath d=%27M5 20l6 -16l2 0l7 16%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-code::before,
.icon-code::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-code%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M7 8l-4 4l4 4%27 /%3E%3Cpath d=%27M17 8l4 4l-4 4%27 /%3E%3Cpath d=%27M14 4l-4 16%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-template::before,
.icon-template::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-template%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M4 4m0 1a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1z%27 /%3E%3Cpath d=%27M4 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z%27 /%3E%3Cpath d=%27M14 12l6 0%27 /%3E%3Cpath d=%27M14 16l6 0%27 /%3E%3Cpath d=%27M14 20l6 0%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-dimensions::before,
.icon-dimensions::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-dimensions%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 5h11%27 /%3E%3Cpath d=%27M12 7l2 -2l-2 -2%27 /%3E%3Cpath d=%27M5 3l-2 2l2 2%27 /%3E%3Cpath d=%27M19 10v11%27 /%3E%3Cpath d=%27M17 19l2 2l2 -2%27 /%3E%3Cpath d=%27M21 12l-2 -2l-2 2%27 /%3E%3Cpath d=%27M3 10m0 2a2 2 0 0 1 2 -2h7a2 2 0 0 1 2 2v7a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2z%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-preview::before,
.icon-preview::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-eye-spark%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0%27 /%3E%3Cpath d=%27M11.669 17.994q -5.18 -.18 -8.669 -5.994q 3.6 -6 9 -6t 9 6%27 /%3E%3Cpath d=%27M19 22.5a4.75 4.75 0 0 1 3.5 -3.5a4.75 4.75 0 0 1 -3.5 -3.5a4.75 4.75 0 0 1 -3.5 3.5a4.75 4.75 0 0 1 3.5 3.5%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-maximize::before,
.icon-maximize::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-window-maximize%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 16m0 1a1 1 0 0 1 1 -1h3a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1z%27 /%3E%3Cpath d=%27M4 12v-6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-6%27 /%3E%3Cpath d=%27M12 8h4v4%27 /%3E%3Cpath d=%27M16 8l-5 5%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-warning::before,
.icon-warning::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27currentColor%27 class=%27icon icon-tabler icons-tabler-filled icon-tabler-alert-triangle%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-mail::before,
.icon-mail::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27currentColor%27 class=%27icon icon-tabler icons-tabler-filled icon-tabler-mail%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M22 7.535v9.465a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-9.465l9.445 6.297l.116 .066a1 1 0 0 0 .878 0l.116 -.066l9.445 -6.297z%27 /%3E%3Cpath d=%27M19 4c1.08 0 2.027 .57 2.555 1.427l-9.555 6.37l-9.555 -6.37a2.999 2.999 0 0 1 2.354 -1.42l.201 -.007h14z%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-back::before,
.icon-back::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-chevron-left%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15 6l-6 6l6 6%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-plan::before,
.icon-plan::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-circle-check%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0%27 /%3E%3Cpath d=%27M9 12l2 2l4 -4%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.icon-confetti::before,
.icon-confetti::after {
mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271.25%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-confetti%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M4 5h2%27 /%3E%3Cpath d=%27M5 4v2%27 /%3E%3Cpath d=%27M11.5 4l-.5 2%27 /%3E%3Cpath d=%27M18 5h2%27 /%3E%3Cpath d=%27M19 4v2%27 /%3E%3Cpath d=%27M15 9l-1 1%27 /%3E%3Cpath d=%27M18 13l2 -.5%27 /%3E%3Cpath d=%27M18 19h2%27 /%3E%3Cpath d=%27M19 18v2%27 /%3E%3Cpath d=%27M14 16.518l-6.518 -6.518l-4.39 9.58a1 1 0 0 0 1.329 1.329l9.579 -4.39%27 /%3E%3C/svg%3E")
no-repeat 50% 50%;
}
.search-icon {
display: none;
}
@media (min-width: 768px) {
.search-icon {
display: inline-block;
}
}
.search-icon::before {
width: 32px;
height: 32px;
display: flex;
content: "";
mask-size: 1.1rem;
vertical-align: sub;
background-color: #000;
}
.legend-icon::before {
width: 40px;
height: 25px;
display: inline-block;
content: "";
mask-size: 1.4rem;
vertical-align: sub;
background-color: #000;
}
.help-icon::before {
width: 40px;
height: 25px;
display: inline-block;
content: "";
mask-size: 1.4rem;
vertical-align: sub;
background-color: #06653e;
}
.btn-tiptap-alt::before {
width: 32px;
height: 32px;
display: inline-block;
content: "";
mask-size: 1.1rem;
vertical-align: sub;
background-color: #000;
}
.h2-icon::before,
.h3-icon::before,
.quick-add-icon::before {
width: 32px;
height: 32px;
margin-right: 10px;
content: "";
mask-size: 1.4rem;
vertical-align: sub;
background-color: #000;
}
.badge-icon::before {
width: 20px;
height: 20px;
margin-right: 10px;
content: "";
mask-size: 1rem;
vertical-align: sub;
background-color: currentColor;
}
.required-actions-list li.required-actions::before {
width: 20px;
height: 20px;
margin-right: 10px;
content: "";
mask-size: 1rem;
vertical-align: sub;
background-color: #06653e;
}
.tabs {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 20px;
}
.radiotab {
position: absolute;
opacity: 0;
}
.label {
width: auto;
cursor: pointer;
color: #000;
padding: 10px;
transition:
background 0.3s,
color 0.3s;
}
.labeli18n {
padding: 0 10px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.labeli18n:first-of-type {
margin-right: 5px;
}
.radiotab + .labeli18n:hover {
background: rgb(234, 227, 241);
border-top: 1px solid rgb(234, 227, 241);
border-left: 1px solid rgb(234, 227, 241);
border-right: 1px solid rgb(234, 227, 241);
}
.radiotab:checked + .labeli18n,
input[name="tabs-man-or-dyn"]:checked + .label {
border-top: 1px solid #dce;
border-left: 1px solid #dce;
border-right: 1px solid #dce;
}
.radiotab:not(:checked) + .labeli18n,
input[name="tabs-man-or-dyn"]:not(:checked) + .label {
border-top: 1px solid #ced4da;
border-left: 1px solid #ced4da;
border-right: 1px solid #ced4da;
}
.radiotab:checked + .labeli18n,
input[name="tabs-man-or-dyn"]:checked + .label {
background: #dce;
color: #000;
}
.labeli18n {
display: flex;
align-items: center;
}
.js .radiotab:checked + .label {
color: #000;
}
.js .radiotab:checked + .labeli18n {
color: #000;
}
.tabs label1 {
order: 1;
}
.tabs label2 {
order: 2;
}
.tabs label3 {
order: 3;
}
.tabs label4 {
order: 4;
}
.tabs .panel1 {
order: 5;
}
.tabs .panel2 {
order: 6;
}
.tabs .panel3 {
order: 7;
}
.tabs .panel8 {
order: 8;
}
.mdpreview,
.media-shortcode {
background: #fff;
}
.panel {
display: none;
width: 100%;
}
.panel textarea {
border: none;
}
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel input,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel .editor-toolbar,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel textarea,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel2 input,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel2 .editor-toolbar,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel2 textarea,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel3 input,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel3 .editor-toolbar,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel3 textarea,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel4 input,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel4 .editor-toolbar,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel4 textarea,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel8 input,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel8 .editor-toolbar,
.tabs:has(.panel2, .panel3, .panel4, .panel8) .panel8 textarea {
border-top-left-radius: 0 !important;
}
.radiotab:checked + .label + .panel {
display: block;
}
.media-shortcode p {
word-break: break-all;
}
.media-shortcode ul {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.media-shortcode ul li {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
background-color: #fff;
}
@media (min-width: 768px) {
.media-shortcode ul li {
flex-direction: row;
}
}
.media-shortcode ul li span {
word-break: break-all;
}
.media-shortcode ul li img {
width: 100%;
height: 100px;
object-fit: cover;
}
@media (min-width: 768px) {
.media-shortcode ul li img {
width: 60px;
height: 60px;
}
}
@media (min-width: 600px) {
.panel {
order: 99;
}
.label {
width: auto;
}
}
.badge {
padding: 0.375rem 0.75rem;
}
.badge {
pointer-events: none;
font-weight: 600;
line-height: 20px;
word-break: break-word;
text-align: center;
text-decoration: none;
white-space: normal;
vertical-align: middle;
user-select: none;
border-width: 1px;
border-style: solid;
border-radius: 0.375rem;
}
.badge {
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.badge {
transition: none;
}
}
.badge {
color: #212529;
background-color: #fff;
border-color: #212529;
}
.badge:hover {
color: #fff;
background-color: #06653e;
border-color: #06653e;
}
.badge-large {
padding: 2rem 4rem;
font-size: 2rem;
line-height: 2.5rem;
}
.badge-primary {
display: "block";
color: #fff;
background-color: #06653e;
border-color: #06653e;
}
.badge-success {
display: "block";
color: #fff;
background-color: #06653e;
border-color: #06653e;
}
.badge-warning {
display: "block";
color: #111;
background-color: #f0e442;
border-color: #f0e442;
}
.badge-error,
.badge-danger {
display: "block";
color: #fff;
background-color: #9c212b;
border-color: #9c212b;
}
.badge-not-expired {
display: "block";
color: #fff;
background-color: #06653e;
border-color: #06653e;
}
.badge-expired {
display: "block";
color: #111;
background-color: #f0e442;
border-color: #f0e442;
}
.badge-order_problem {
display: "block";
color: #fff;
background-color: #9c212b;
border-color: #9c212b;
}
.badge-order_wip_payment {
display: "block";
color: #111;
background-color: #f0e442;
border-color: #f0e442;
}
.badge-order_wip_shipping {
display: "block";
color: #111;
background-color: #f0e442;
border-color: #f0e442;
}
.badge-order_wip_review {
display: "block";
color: #111;
background-color: #f0e442;
border-color: #f0e442;
}
.badge-order_finished {
display: "block";
color: #fff;
background-color: #06653e;
border-color: #06653e;
}
.badge-order_cancelled {
display: "block";
color: #fff;
background-color: #9c212b;
border-color: #9c212b;
}
.badge-completed,
.badge-succeeded {
display: "block";
color: #fff;
background-color: #06653e;
border-color: #06653e;
}
.badge-instrument_declined {
display: "block";
color: #fff;
background-color: #9c212b;
border-color: #9c212b;
}
.badge-other-error {
display: "block";
color: #fff;
background-color: #9c212b;
border-color: #9c212b;
}
.badge-nop {
font-size: 19px;
padding: 4px;
font-weight: bold;
}
.btn,
.btn-tiptap {
display: inline-block;
padding: 0.375rem 0.75rem;
font-size: 18px;
font-weight: 900;
line-height: 1.5rem;
text-align: center;
text-decoration: none;
cursor: pointer;
white-space: normal;
vertical-align: middle;
user-select: none;
border-width: 1px;
border-style: solid;
border-radius: 6px;
}
.btn,
.btn-tiptap {
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn,
.btn-tiptap {
transition: none;
}
}
.btn:disabled,
.btn-tiptap:disabled,
.btn.disabled,
.disabled.btn-tiptap,
fieldset:disabled .btn,
fieldset:disabled .btn-tiptap {
opacity: 0.65;
color: #000;
pointer-events: none;
background-color: rgba(131, 131, 131, 0.5);
border-color: rgba(131, 131, 131, 0.5);
}
.cta-primary {
color: #fff;
background-color: #06653e;
border-color: #06653e;
}
.cta-primary:hover {
color: #fff;
background-color: rgb(3.7121495327, 62.4878504673, 38.3588785047);
border-color: rgb(3.7121495327, 62.4878504673, 38.3588785047);
}
.cta-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.cta-secondary:hover {
color: #fff;
background-color: rgb(89.0884120172, 96.5124463519, 103.1115879828);
border-color: rgb(89.0884120172, 96.5124463519, 103.1115879828);
}
.cta-success {
color: #fff;
background-color: #06653e;
border-color: #06653e;
}
.cta-success:hover {
color: #fff;
background-color: rgb(3.7121495327, 62.4878504673, 38.3588785047);
border-color: rgb(3.7121495327, 62.4878504673, 38.3588785047);
}
.cta-warning {
color: #000;
background-color: #f0e442;
border-color: #f0e442;
}
.cta-warning:hover {
color: #fff;
background-color: rgb(14.8054054054, 16.6, 18.3945945946);
border-color: rgb(14.8054054054, 16.6, 18.3945945946);
}
.cta-danger {
color: #fff;
background-color: #9c212b;
border-color: #9c212b;
}
.cta-danger:hover {
color: #fff;
background-color: rgb(122.3238095238, 25.8761904762, 33.7174603175);
border-color: rgb(122.3238095238, 25.8761904762, 33.7174603175);
}
.cta-dark {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.cta-dark:hover {
color: #fff;
background-color: rgb(14.8054054054, 16.6, 18.3945945946);
border-color: rgb(14.8054054054, 16.6, 18.3945945946);
}
.default-primary {
color: #06653e;
background-color: #fff;
border-color: #06653e;
}
.default-primary:hover {
color: #fff;
background-color: #06653e;
border-color: #06653e;
}
.default-secondary {
color: #6c757d;
background-color: #fff;
border-color: #6c757d;
}
.default-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.default-success {
color: #06653e;
background-color: #fff;
border-color: #06653e;
}
.default-success:hover {
color: #fff;
background-color: #06653e;
border-color: #06653e;
}
.default-warning {
color: #f0e442;
background-color: #fff;
border-color: #f0e442;
}
.default-warning:hover {
color: #fff;
background-color: #f0e442;
border-color: #f0e442;
}
.default-danger {
color: #9c212b;
background-color: #fff;
border-color: #9c212b;
}
.default-danger:hover {
color: #fff;
background-color: #9c212b;
border-color: #9c212b;
}
.default-dark {
color: #212529;
background-color: #fff;
border-color: #a1a1a1;
}
.default-dark:hover {
color: #fff;
background-color: #212529;
border-color: #212529;
}
@media (min-width: 768px) {
.btn:not(.btn-tiptap)::before,
.btn-tiptap:not(.btn-tiptap)::before {
width: 18px;
height: 18px;
display: inline-block;
margin-right: 10px;
content: "";
mask-size: 1.05rem;
vertical-align: sub;
background-color: currentColor;
}
}
.handlemove::before {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 10px;
content: "";
mask-size: 1.05rem;
vertical-align: sub;
background-color: currentColor;
}
.btn-block {
display: block;
width: 100%;
box-sizing: border-box;
}
.inline {
display: inline-block;
}
.form-header {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
}
.form-header h1 {
word-break: break-word;
}
@media (min-width: 768px) {
.form-header {
gap: 30px;
}
}
.form-header .icon {
width: 60px;
height: 60px;
color: #06653e;
stroke-width: 1.5;
}
@media (min-width: 768px) {
.form-header .icon {
stroke-width: 1;
}
}
.media-select-nojs,
.form-child {
display: flex;
align-items: center;
flex-wrap: wrap;
background-color: #fff;
}
.media-select-nojs li:nth-child(even),
.form-child li:nth-child(even) {
background-color: #fbfbfb;
}
.media-select-nojs .media-item,
.media-select-nojs .form-child-item,
.form-child .media-item,
.form-child .form-child-item {
display: flex;
align-items: center;
margin: 0;
width: 100%;
}
.media-select-nojs .media-item img,
.media-select-nojs .media-item .img-placeholder,
.media-select-nojs .form-child-item img,
.media-select-nojs .form-child-item .img-placeholder,
.form-child .media-item img,
.form-child .media-item .img-placeholder,
.form-child .form-child-item img,
.form-child .form-child-item .img-placeholder {
order: 2;
width: 40px;
height: 40px;
object-fit: contain;
}
@media (min-width: 768px) {
.media-select-nojs .media-item img,
.media-select-nojs .media-item .img-placeholder,
.media-select-nojs .form-child-item img,
.media-select-nojs .form-child-item .img-placeholder,
.form-child .media-item img,
.form-child .media-item .img-placeholder,
.form-child .form-child-item img,
.form-child .form-child-item .img-placeholder {
width: 60px;
height: 60px;
}
}
.media-select-nojs .media-item .img-placeholder,
.media-select-nojs .form-child-item .img-placeholder,
.form-child .media-item .img-placeholder,
.form-child .form-child-item .img-placeholder {
display: flex;
align-items: center;
justify-content: center;
background-color: #d1e7e7;
color: #fff;
text-align: center;
font-weight: bold;
}
.media-select-nojs .media-item .media-info,
.media-select-nojs .media-item .form-child-item-info,
.media-select-nojs .form-child-item .media-info,
.media-select-nojs .form-child-item .form-child-item-info,
.form-child .media-item .media-info,
.form-child .media-item .form-child-item-info,
.form-child .form-child-item .media-info,
.form-child .form-child-item .form-child-item-info {
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 768px) {
.media-select-nojs .media-item .media-info,
.media-select-nojs .media-item .form-child-item-info,
.media-select-nojs .form-child-item .media-info,
.media-select-nojs .form-child-item .form-child-item-info,
.form-child .media-item .media-info,
.form-child .media-item .form-child-item-info,
.form-child .form-child-item .media-info,
.form-child .form-child-item .form-child-item-info {
flex-direction: row;
justify-content: space-between;
}
}
.media-select-nojs .media-item .media-info,
.media-select-nojs .media-item .form-child-item-info,
.media-select-nojs .form-child-item .media-info,
.media-select-nojs .form-child-item .form-child-item-info,
.form-child .media-item .media-info,
.form-child .media-item .form-child-item-info,
.form-child .form-child-item .media-info,
.form-child .form-child-item .form-child-item-info {
order: 3;
padding: 30px;
gap: 20px;
}
.media-select-nojs .media-item .media-info label,
.media-select-nojs .media-item .form-child-item-info label,
.media-select-nojs .form-child-item .media-info label,
.media-select-nojs .form-child-item .form-child-item-info label,
.form-child .media-item .media-info label,
.form-child .media-item .form-child-item-info label,
.form-child .form-child-item .media-info label,
.form-child .form-child-item .form-child-item-info label {
word-break: break-word;
font-size: 1rem;
font-weight: normal;
}
.media-select-nojs .media-item .media-info label i::before,
.media-select-nojs .media-item .form-child-item-info label i::before,
.media-select-nojs .form-child-item .media-info label i::before,
.media-select-nojs .form-child-item .form-child-item-info label i::before,
.form-child .media-item .media-info label i::before,
.form-child .media-item .form-child-item-info label i::before,
.form-child .form-child-item .media-info label i::before,
.form-child .form-child-item .form-child-item-info label i::before {
width: 30px;
height: 30px;
}
.media-select-nojs .media-item input,
.media-select-nojs .form-child-item input,
.form-child .media-item input,
.form-child .form-child-item input {
margin: 20px;
order: 1;
}
.media-select-nojs .media-item label,
.media-select-nojs .form-child-item label,
.form-child .media-item label,
.form-child .form-child-item label {
order: 2;
margin-bottom: 0;
}
.media-select-nojs .form-child-item:first-child,
.form-child .form-child-item:first-child {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.media-select-nojs .form-child-item:last-child,
.form-child .form-child-item:last-child {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.media-select-nojs .form-child-item:not(:last-child),
.form-child .form-child-item:not(:last-child) {
border-bottom: 1px solid #ededed;
}
form label,
form legend {
display: block;
word-break: break-word;
}
form label {
color: #000;
}
form label:not(.tabs > label) {
display: flex;
align-items: center;
margin-bottom: 20px;
font-weight: bold;
}
form label:not(.tabs > label) .icon {
width: 30px;
height: 30px;
stroke-width: 2;
color: #06653e;
}
form button {
display: block;
}
form ::-webkit-input-placeholder {
color: #495057;
}
form ::-moz-placeholder {
color: #495057;
}
form :-moz-placeholder {
/* Older versions of Firefox */
color: #495057;
}
form :-ms-input-placeholder {
color: #495057;
}
form input:not([type="checkbox"]):not([type="radio"]):not(.blackhole),
form textarea {
width: 100%;
background: #fff;
border: 1px solid #b0b2b3;
}
form select {
appearance: none;
width: 100%;
background: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 class=%27bi bi-chevron-down%27 viewBox=%270 0 16 16%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 30px;
background-position: right 0.75rem center;
}
form .blackhole {
display: none;
}
form input,
form textarea {
box-sizing: border-box;
}
details {
background-color: #fff;
}
ul.form-field-error {
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
background-color: rgba(156, 33, 43, 0.1);
}
ul.form-field-error li {
display: flex;
align-items: center;
color: #9c212b;
gap: 10px;
}
ul.form-field-error li .icon {
color: #9c212b;
height: 1.1rem;
}
input[type="radio"] {
width: 30px;
height: 30px;
background-color: #06653e;
}
.checkbox-wrapper.multiple .field-content div {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: 20px;
}
.checkbox-wrapper.multiple .field-content div label,
.checkbox-wrapper.single {
display: flex;
align-items: center;
}
.checkbox-wrapper.single:has(.form-field-error) {
flex-wrap: wrap;
}
.checkbox-wrapper.single:has(.form-field-error) > ul {
flex: 1 1 100%;
}
.checkbox-wrapper label {
cursor: pointer;
}
.checkbox-wrapper input[type="checkbox"] {
appearance: none;
}
.checkbox-wrapper input[type="checkbox"]::before {
display: inline-block;
content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2742%27 height=%2742%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236c757d%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-square%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z%27 /%3E%3C/svg%3E");
width: 30px;
height: 30px;
}
@media (min-width: 768px) {
.checkbox-wrapper input[type="checkbox"]::before {
width: 40px;
height: 40px;
}
}
.checkbox-wrapper input[type="checkbox"]:checked::before {
content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2742%27 height=%2742%27 viewBox=%270 0 24 24%27 fill=%27%23067f4d%27 class=%27icon icon-tabler icons-tabler-filled icon-tabler-square-check%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z%27 /%3E%3C/svg%3E");
}
.checkbox-wrapper input[type="checkbox"]:checked + label {
color: #06653e;
}
.form-table {
width: 100%;
display: table;
border-collapse: collapse;
}
.form-table thead tr th {
text-align: left;
}
.toggle-checkbox {
appearance: none;
-webkit-appearance: none;
width: 65px;
height: 34px;
background: #ced4da;
border-radius: 50px;
position: relative;
cursor: pointer;
outline: none;
transition: background 0.3s ease;
}
.toggle-checkbox::before {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 26px;
height: 26px;
background: #fff;
border-radius: 50%;
transition:
transform 0.3s ease,
background 0.3s;
}
.toggle-checkbox:checked {
background: #06653e;
}
.toggle-checkbox:checked::before {
transform: translateX(31px);
}
/* Optional: Focus and hover styles */
.toggle-checkbox:hover {
background: #ced4da;
}
.toggle-checkbox:checked:hover {
background: #06653e;
}
.toggle-checkbox:focus {
box-shadow: 0 0 4px #06653e;
}
fieldset {
all: unset;
box-sizing: border-box;
}
fieldset section {
background: #fff;
}
fieldset section table {
width: 100%;
}
fieldset section table tbody tr {
display: flex;
flex-direction: column;
align-items: stretch;
}
@media (min-width: 768px) {
fieldset section table tbody tr {
flex-direction: row;
align-items: center;
gap: 10px;
}
}
.security,
.registration {
font-size: 18px;
}
@media (min-width: 768px) {
.security,
.registration {
font-size: 19px;
}
}
.security h1,
.security h2,
.security h3,
.registration h1,
.registration h2,
.registration h3 {
font-family: "Libre Baskerville", serif;
}
.security,
.registration {
background-color: #fefefe;
}
.security .flash,
.registration .flash {
padding: 30px;
width: auto;
max-width: 580px;
margin-left: auto;
margin-right: auto;
font-weight: bold;
}
.security form,
.registration form {
display: flex;
flex-direction: column;
gap: 20px;
}
.security form input,
.security form select,
.registration form input,
.registration form select {
padding: 10px;
border-radius: 6px;
}
.security form select,
.registration form select {
border: 1px solid #b0b2b3;
}
.security form input:not([type="checkbox"]):not([type="radio"]):not(.blackhole),
.security form select,
.registration
form
input:not([type="checkbox"]):not([type="radio"]):not(.blackhole),
.registration form select {
margin-bottom: 20px;
}
.security
form
input:not([type="checkbox"]):not([type="radio"]):not(.blackhole):has(
+ .help-text
),
.security form select:has(+ .help-text),
.registration
form
input:not([type="checkbox"]):not([type="radio"]):not(.blackhole):has(
+ .help-text
),
.registration form select:has(+ .help-text) {
margin-bottom: 0;
}
.security form .help-text,
.registration form .help-text {
margin-top: 10px;
margin-bottom: 20px;
}
.security form label,
.registration form label {
color: #111;
margin-bottom: 5px !important;
font-weight: bold;
}
.security form ul.form-field-error,
.registration form ul.form-field-error {
padding: 20px;
background-color: #9c212b;
border: 1px solid #9c212b;
border-radius: 6px;
list-style: none;
}
.security form ul.form-field-error li,
.registration form ul.form-field-error li {
display: flex;
align-items: center;
color: #fff;
font-weight: bold;
}
.security form ul.form-field-error li .icon,
.registration form ul.form-field-error li .icon {
color: #fff;
height: 1.1rem;
margin-right: 10px;
}
.security,
body:has(.main-error) {
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #fefefe;
}
.security .flash,
body:has(.main-error) .flash {
padding: 30px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 6px;
width: auto;
max-width: 400px;
}
.security main,
body:has(.main-error) main {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.security section,
body:has(.main-error) section {
width: 100%;
max-width: 400px;
text-align: left;
padding: 30px;
border-radius: 6px;
}
@media (min-width: 768px) {
.security section,
body:has(.main-error) section {
min-width: 400px;
width: auto;
}
}
.security section img,
body:has(.main-error) section img {
max-height: 40px;
}
.security .btn,
.security .btn-tiptap,
body:has(.main-error) .btn,
body:has(.main-error) .btn-tiptap {
display: inline-block;
padding: 0.375rem 0.75rem;
font-size: 18px;
font-weight: 900;
line-height: 1.5rem;
text-align: center;
text-decoration: none;
cursor: pointer;
white-space: normal;
vertical-align: middle;
user-select: none;
border-width: 1px;
border-style: solid;
border-radius: 6px;
}
.security .btn:disabled,
.security .btn-tiptap:disabled,
.security .btn.disabled,
.security .disabled.btn-tiptap,
fieldset:disabled .security .btn,
fieldset:disabled .security .btn-tiptap,
body:has(.main-error) .btn:disabled,
body:has(.main-error) .btn-tiptap:disabled,
body:has(.main-error) .btn.disabled,
body:has(.main-error) .disabled.btn-tiptap,
fieldset:disabled body:has(.main-error) .btn,
fieldset:disabled body:has(.main-error) .btn-tiptap {
opacity: 0.65;
color: #000;
pointer-events: none;
background-color: rgba(131, 131, 131, 0.5);
border-color: rgba(131, 131, 131, 0.5);
}
.security .cta-primary,
body:has(.main-error) .cta-primary {
color: #fff;
background-color: #06653e;
border-color: #06653e;
}
.security .cta-primary:hover,
body:has(.main-error) .cta-primary:hover {
color: #fff;
background-color: rgb(3.7121495327, 62.4878504673, 38.3588785047);
border-color: rgb(3.7121495327, 62.4878504673, 38.3588785047);
}
.security .cta-secondary,
body:has(.main-error) .cta-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.security .cta-secondary:hover,
body:has(.main-error) .cta-secondary:hover {
color: #fff;
background-color: rgb(89.0884120172, 96.5124463519, 103.1115879828);
border-color: rgb(89.0884120172, 96.5124463519, 103.1115879828);
}
.security .cta-success,
body:has(.main-error) .cta-success {
color: #fff;
background-color: #06653e;
border-color: #06653e;
}
.security .cta-success:hover,
body:has(.main-error) .cta-success:hover {
color: #fff;
background-color: rgb(3.7121495327, 62.4878504673, 38.3588785047);
border-color: rgb(3.7121495327, 62.4878504673, 38.3588785047);
}
.security .cta-warning,
body:has(.main-error) .cta-warning {
color: #fff;
background-color: #f0e442;
border-color: #f0e442;
}
.security .cta-warning:hover,
body:has(.main-error) .cta-warning:hover {
color: #fff;
background-color: rgb(237, 222.6, 28.2);
border-color: rgb(237, 222.6, 28.2);
}
.security .cta-danger,
body:has(.main-error) .cta-danger {
color: #fff;
background-color: #9c212b;
border-color: #9c212b;
}
.security .cta-danger:hover,
body:has(.main-error) .cta-danger:hover {
color: #fff;
background-color: rgb(122.3238095238, 25.8761904762, 33.7174603175);
border-color: rgb(122.3238095238, 25.8761904762, 33.7174603175);
}
.security .cta-dark,
body:has(.main-error) .cta-dark {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.security .cta-dark:hover,
body:has(.main-error) .cta-dark:hover {
color: #fff;
background-color: rgb(14.8054054054, 16.6, 18.3945945946);
border-color: rgb(14.8054054054, 16.6, 18.3945945946);
}
.security .btn::before,
.security .btn-tiptap::before,
body:has(.main-error) .btn::before,
body:has(.main-error) .btn-tiptap::before {
width: 12px;
height: 12px;
display: inline-block;
margin-right: 10px;
content: "";
mask-size: 1rem;
background-color: currentColor;
}
.registration section {
max-width: 580px;
margin: auto;
padding: 30px;
}
.registration section header {
text-align: left;
}
.registration section img {
display: block;
margin-top: 30px;
margin-left: 0;
height: 40px;
margin-bottom: 30px;
}
.registration section .registration-intro {
margin-top: 20px;
margin-bottom: 20px;
border-radius: 6px;
}
.registration section .form-group legend {
width: 100%;
color: #06653e;
}
.registration section .form-group legend h2 {
border-bottom: 1px solid #a2a9b1;
}
.registration section .form-group .checkbox-wrapper.multiple div {
display: flex;
justify-content: flex-start;
gap: 20px;
margin-bottom: 20px;
}
.registration section .checkbox-wrapper.single {
flex-wrap: wrap;
}
.registration section .checkbox-wrapper.single .help-text {
flex: 1 1 100%;
}
.registration section #registration_form_plan {
display: flex;
flex-direction: column;
gap: 20px;
}
.registration section #registration_form_plan label {
padding: 20px;
border: 1px solid #b0b2b3;
border-radius: 6px;
font-weight: normal;
}
.registration section #registration_form_plan input:checked + label {
color: #fff;
background-color: #06653e;
}