admin
1913 lines
80 KiB
CSS
1913 lines
80 KiB
CSS
.OeMrba_wrapper {
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
border-radius: 8px;
|
|
width: 44px;
|
|
height: 44px;
|
|
display: inline-flex;
|
|
}
|
|
.OeMrba_wrapper > input[type='checkbox'] {
|
|
display: none;
|
|
}
|
|
.OeMrba_wrapper {
|
|
color: var(--icon-secondary);
|
|
}
|
|
@media (hover: hover) and (pointer: fine) {
|
|
.OeMrba_wrapper:hover:not(.OeMrba_disabled) {
|
|
--hover-background: var(--main-surface-secondary);
|
|
}
|
|
}
|
|
.OeMrba_label {
|
|
background-color: var(--hover-background);
|
|
color: var(--text-secondary);
|
|
border-radius: 8px;
|
|
flex: 1;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: background-color 0.1s linear;
|
|
display: flex;
|
|
}
|
|
@keyframes sR_mOW_slide-up {
|
|
0% {
|
|
opacity: 0;
|
|
translate: 0 20vw;
|
|
}
|
|
}
|
|
@keyframes sR_mOW_slide-down {
|
|
to {
|
|
opacity: 0;
|
|
translate: 0 20vw;
|
|
}
|
|
}
|
|
@keyframes sR_mOW_pinnedOldFastFade {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
20% {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@view-transition {
|
|
}
|
|
.sR_mOW_page-to-page-transition {
|
|
view-transition-name: none;
|
|
}
|
|
.sR_mOW_page-to-page-transition body {
|
|
view-transition-name: sR_mOW_page;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.sR_mOW_page-to-page-transition::view-transition {
|
|
display: none;
|
|
}
|
|
}
|
|
.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_header),
|
|
.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_sidebar) {
|
|
display: none;
|
|
}
|
|
.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_header),
|
|
.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_sidebar) {
|
|
animation: none;
|
|
}
|
|
.sR_mOW_page-to-page-transition::view-transition-image-pair(sR_mOW_active-image),
|
|
.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_active-image),
|
|
.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_active-image) {
|
|
height: 100%;
|
|
}
|
|
.sR_mOW_page-to-page-transition::view-transition-image-pair(sR_mOW_page-title),
|
|
.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_page-title),
|
|
.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_page-title) {
|
|
height: 100%;
|
|
}
|
|
.sR_mOW_page-to-page-transition::view-transition-image-pair(sR_mOW_acive-image),
|
|
.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_acive-image),
|
|
.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_acive-image) {
|
|
height: 100%;
|
|
}
|
|
.sR_mOW_page-to-page-transition::view-transition-group(*),
|
|
.sR_mOW_page-to-page-transition::view-transition-old(*),
|
|
.sR_mOW_page-to-page-transition::view-transition-new(*) {
|
|
animation-duration: 0.4s;
|
|
animation-timing-function: var(--spring-fast);
|
|
}
|
|
.sR_mOW_page-to-page-transition.from-library.to-conversation,
|
|
.sR_mOW_page-to-page-transition.from-lightbox.to-conversation {
|
|
--vt-active-image: active-image;
|
|
}
|
|
:is(.sR_mOW_page-to-page-transition.to-home, .sR_mOW_page-to-page-transition.from-landing-page)::view-transition-new(
|
|
sR_mOW_composer
|
|
) {
|
|
animation: none;
|
|
}
|
|
.sR_mOW_page-to-page-transition.to-landing-page,
|
|
.sR_mOW_page-to-page-transition.from-landing-page {
|
|
--vt-page-header: header;
|
|
--vt-splash-screen-headline: page-title;
|
|
--vt-tool-page-title: page-title;
|
|
--vt-composer: composer;
|
|
--sidebar-slideover: sidebar;
|
|
}
|
|
.sR_mOW_page-to-page-transition.to-landing-page::view-transition-new(sR_mOW_page) {
|
|
animation: sR_mOW_slide-up 0.4s var(--spring-fast);
|
|
}
|
|
.sR_mOW_composer-slide {
|
|
--vt-composer: composer;
|
|
}
|
|
.sR_mOW_composer-slide::view-transition-old(sR_mOW_composer),
|
|
.sR_mOW_composer-slide::view-transition-group(sR_mOW_composer) {
|
|
animation-duration: 0.5s;
|
|
animation-timing-function: var(--spring-fast);
|
|
}
|
|
.sR_mOW_grid-item {
|
|
--vt-grid-item: grid-item;
|
|
}
|
|
.sR_mOW_grid-item::view-transition-old(sR_mOW_grid-item),
|
|
.sR_mOW_grid-item::view-transition-new(sR_mOW_grid-item) {
|
|
object-fit: fill;
|
|
transform-origin: 50%;
|
|
width: 100%;
|
|
height: 100%;
|
|
animation-duration: 0.5s;
|
|
animation-timing-function: var(--spring-fast);
|
|
}
|
|
.sR_mOW_pinned-widget {
|
|
--vt-composer: composer;
|
|
--vt-disclaimer: disclaimer;
|
|
}
|
|
.sR_mOW_pinned-widget::view-transition,
|
|
.sR_mOW_pinned-widget::view-transition-group(sR_mOW_pinned-kanzi-widget),
|
|
.sR_mOW_pinned-widget::view-transition-image-pair(sR_mOW_pinned-kanzi-widget),
|
|
.sR_mOW_pinned-widget::view-transition-old(sR_mOW_pinned-kanzi-widget),
|
|
.sR_mOW_pinned-widget::view-transition-new(sR_mOW_pinned-kanzi-widget) {
|
|
background: 0 0;
|
|
}
|
|
.sR_mOW_pinned-widget::view-transition-old(sR_mOW_pinned-kanzi-widget) {
|
|
animation-name: sR_mOW_pinnedOldFastFade;
|
|
animation-duration: 0.1s;
|
|
animation-timing-function: var(--spring-fast);
|
|
object-fit: fill;
|
|
transform-origin: 50%;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.sR_mOW_pinned-widget::view-transition-new(sR_mOW_pinned-kanzi-widget) {
|
|
object-fit: fill;
|
|
transform-origin: 50%;
|
|
width: 100%;
|
|
height: 100%;
|
|
animation-duration: 0.2s;
|
|
animation-timing-function: var(--spring-fast);
|
|
}
|
|
.sR_mOW_pinned-widget::view-transition-old(sR_mOW_composer),
|
|
.sR_mOW_pinned-widget::view-transition-group(sR_mOW_composer) {
|
|
z-index: 999;
|
|
}
|
|
.sR_mOW_pinned-widget::view-transition-old(sR_mOW_disclaimer),
|
|
.sR_mOW_pinned-widget::view-transition-group(sR_mOW_disclaimer) {
|
|
z-index: 999;
|
|
}
|
|
.sR_mOW_pinned-widget.sR_mOW_becoming-inline::view-transition-old(sR_mOW_pinned-kanzi-widget) {
|
|
animation-duration: 0.25s;
|
|
animation-delay: 0.1s;
|
|
}
|
|
.sR_mOW_pinned-widget.sR_mOW_becoming-inline::view-transition-new(sR_mOW_pinned-kanzi-widget) {
|
|
animation-duration: 50ms;
|
|
animation-delay: 0.1s;
|
|
}
|
|
.sR_mOW_becoming-inline {
|
|
--vt-becoming-inline: 1;
|
|
}
|
|
.sR_mOW_pinned-widget.sR_mOW_becoming-pinned::view-transition-old(sR_mOW_pinned-kanzi-widget) {
|
|
animation-duration: 0.35s;
|
|
animation-delay: 0s;
|
|
animation-timing-function: var(--spring-fast);
|
|
}
|
|
.sR_mOW_pinned-widget.sR_mOW_becoming-pinned::view-transition-new(sR_mOW_pinned-kanzi-widget) {
|
|
animation-duration: 0.1s;
|
|
animation-delay: 0s;
|
|
animation-timing-function: var(--spring-fast);
|
|
}
|
|
.sR_mOW_becoming-pinned {
|
|
--vt-becoming-pinned: 1;
|
|
}
|
|
.sR_mOW_fullscreen-widget-composer-transition {
|
|
--vt-composer: composer;
|
|
}
|
|
.sR_mOW_fullscreen-widget-composer-transition::view-transition-old(sR_mOW_composer),
|
|
.sR_mOW_fullscreen-widget-composer-transition::view-transition-new(sR_mOW_composer) {
|
|
object-fit: fill;
|
|
transform-origin: 50%;
|
|
width: 100%;
|
|
height: 100%;
|
|
animation-duration: 0.25s;
|
|
animation-timing-function: var(--spring-fast);
|
|
}
|
|
.sR_mOW_places-overlay-transition {
|
|
--vt-composer: places-overlay-composer;
|
|
}
|
|
.sR_mOW_places-overlay-transition::view-transition-group(sR_mOW_business-list-container),
|
|
.sR_mOW_places-overlay-transition::view-transition-old(sR_mOW_business-list-container),
|
|
.sR_mOW_places-overlay-transition::view-transition-new(sR_mOW_business-list-container) {
|
|
opacity: 1;
|
|
animation: none;
|
|
}
|
|
.sR_mOW_places-overlay-transition::view-transition-group(sR_mOW_map-with-entities),
|
|
.sR_mOW_places-overlay-transition::view-transition-old(sR_mOW_map-with-entities),
|
|
.sR_mOW_places-overlay-transition::view-transition-new(sR_mOW_map-with-entities) {
|
|
z-index: 0;
|
|
}
|
|
.sR_mOW_places-overlay-transition::view-transition-group(sR_mOW_places-overlay-composer),
|
|
.sR_mOW_places-overlay-transition::view-transition-old(sR_mOW_places-overlay-composer),
|
|
.sR_mOW_places-overlay-transition::view-transition-new(sR_mOW_places-overlay-composer) {
|
|
z-index: 999;
|
|
animation-duration: 0.22s;
|
|
animation-timing-function: var(--spring-fast);
|
|
object-fit: fill;
|
|
transform-origin: bottom;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.sR_mOW_fullscreen-popover-thread-opening-transition,
|
|
.sR_mOW_fullscreen-popover-thread-closing-transition {
|
|
--vt-composer: composer;
|
|
}
|
|
:is(
|
|
.sR_mOW_fullscreen-popover-thread-opening-transition,
|
|
.sR_mOW_fullscreen-popover-thread-closing-transition
|
|
)::view-transition-old(sR_mOW_composer),
|
|
:is(
|
|
.sR_mOW_fullscreen-popover-thread-opening-transition,
|
|
.sR_mOW_fullscreen-popover-thread-closing-transition
|
|
)::view-transition-group(sR_mOW_composer) {
|
|
z-index: 999;
|
|
}
|
|
.sR_mOW_fullscreen-popover-thread-opening-transition::view-transition-new(sR_mOW_fullscreen-popover-thread) {
|
|
z-index: 0;
|
|
transform-origin: bottom;
|
|
animation: sR_mOW_popover-thread-enter 0.3s var(--spring-fast) both;
|
|
}
|
|
.sR_mOW_fullscreen-popover-thread-closing-transition::view-transition-old(sR_mOW_fullscreen-popover-thread) {
|
|
z-index: 0;
|
|
transform-origin: bottom;
|
|
animation: sR_mOW_popover-thread-exit 0.3s var(--spring-fast) both;
|
|
}
|
|
@keyframes sR_mOW_popover-thread-enter {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0.98);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes sR_mOW_popover-thread-exit {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(0.98);
|
|
}
|
|
}
|
|
.mapboxgl-map {
|
|
-webkit-tap-highlight-color: transparent;
|
|
font:
|
|
12px/20px Helvetica Neue,
|
|
Arial,
|
|
Helvetica,
|
|
sans-serif;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.mapboxgl-canvas {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.mapboxgl-map:-webkit-full-screen {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.mapboxgl-canary {
|
|
background-color: salmon;
|
|
}
|
|
.mapboxgl-canvas-container.mapboxgl-interactive,
|
|
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
|
|
cursor: grab;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
|
|
cursor: pointer;
|
|
}
|
|
.mapboxgl-canvas-container.mapboxgl-interactive:active,
|
|
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
|
|
cursor: grabbing;
|
|
}
|
|
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
|
|
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
|
|
touch-action: pan-x pan-y;
|
|
}
|
|
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
|
|
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
|
|
touch-action: pinch-zoom;
|
|
}
|
|
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
|
|
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
|
|
touch-action: none;
|
|
}
|
|
.mapboxgl-ctrl-bottom,
|
|
.mapboxgl-ctrl-bottom-left,
|
|
.mapboxgl-ctrl-bottom-right,
|
|
.mapboxgl-ctrl-left,
|
|
.mapboxgl-ctrl-right,
|
|
.mapboxgl-ctrl-top,
|
|
.mapboxgl-ctrl-top-left,
|
|
.mapboxgl-ctrl-top-right {
|
|
pointer-events: none;
|
|
z-index: 2;
|
|
position: absolute;
|
|
}
|
|
.mapboxgl-ctrl-top-left {
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.mapboxgl-ctrl-top {
|
|
top: 0;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
.mapboxgl-ctrl-top-right {
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.mapboxgl-ctrl-right {
|
|
top: 50%;
|
|
right: 0;
|
|
transform: translateY(-50%);
|
|
}
|
|
.mapboxgl-ctrl-bottom-right {
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.mapboxgl-ctrl-bottom {
|
|
bottom: 0;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
.mapboxgl-ctrl-bottom-left {
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.mapboxgl-ctrl-left {
|
|
top: 50%;
|
|
left: 0;
|
|
transform: translateY(-50%);
|
|
}
|
|
.mapboxgl-ctrl {
|
|
clear: both;
|
|
pointer-events: auto;
|
|
transform: translate(0);
|
|
}
|
|
.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
|
|
float: left;
|
|
margin: 10px 0 0 10px;
|
|
}
|
|
.mapboxgl-ctrl-top .mapboxgl-ctrl {
|
|
float: left;
|
|
margin: 10px 0;
|
|
}
|
|
.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
|
|
float: right;
|
|
margin: 10px 10px 0 0;
|
|
}
|
|
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
|
|
.mapboxgl-ctrl-right .mapboxgl-ctrl {
|
|
float: right;
|
|
margin: 0 10px 10px 0;
|
|
}
|
|
.mapboxgl-ctrl-bottom .mapboxgl-ctrl {
|
|
float: left;
|
|
margin: 10px 0;
|
|
}
|
|
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,
|
|
.mapboxgl-ctrl-left .mapboxgl-ctrl {
|
|
float: left;
|
|
margin: 0 0 10px 10px;
|
|
}
|
|
.mapboxgl-ctrl-group {
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
}
|
|
.mapboxgl-ctrl-group:not(:empty) {
|
|
box-shadow: 0 0 0 2px #0000001a;
|
|
}
|
|
@media (-ms-high-contrast: active) {
|
|
.mapboxgl-ctrl-group:not(:empty) {
|
|
box-shadow: 0 0 0 2px buttontext;
|
|
}
|
|
}
|
|
.mapboxgl-ctrl-group button {
|
|
background-color: initial;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
border: 0;
|
|
outline: none;
|
|
width: 29px;
|
|
height: 29px;
|
|
padding: 0;
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
.mapboxgl-ctrl-group button + button {
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
@media (-ms-high-contrast: active) {
|
|
.mapboxgl-ctrl-icon {
|
|
background-color: initial;
|
|
}
|
|
.mapboxgl-ctrl-group button + button {
|
|
border-top: 1px solid buttontext;
|
|
}
|
|
}
|
|
.mapboxgl-ctrl-attrib-button:focus,
|
|
.mapboxgl-ctrl-group button:focus {
|
|
box-shadow: 0 0 2px 2px #0096ff;
|
|
}
|
|
.mapboxgl-ctrl button:disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
|
|
opacity: 0.25;
|
|
}
|
|
.mapboxgl-ctrl-group button:first-child {
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
.mapboxgl-ctrl-group button:last-child {
|
|
border-radius: 0 0 4px 4px;
|
|
}
|
|
.mapboxgl-ctrl-group button:only-child {
|
|
border-radius: inherit;
|
|
}
|
|
.mapboxgl-ctrl button:not(:disabled):hover {
|
|
background-color: #0000000d;
|
|
}
|
|
.mapboxgl-ctrl-group button:focus:focus-visible {
|
|
box-shadow: 0 0 2px 2px #0096ff;
|
|
}
|
|
.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
|
|
box-shadow: none;
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
|
|
}
|
|
@media (-ms-high-contrast: active) {
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
@media (-ms-high-contrast: black-on-white) {
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
|
|
}
|
|
@media (-ms-high-contrast: active) {
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
@media (-ms-high-contrast: black-on-white) {
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
|
|
}
|
|
@media (-ms-high-contrast: active) {
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
@media (-ms-high-contrast: black-on-white) {
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M3.3335 11.6666C3.3335 12.5871 4.07969 13.3333 5.00016 13.3333C5.92064 13.3333 6.66683 12.5871 6.66683 11.6666L6.66683 6.66659L11.6668 6.66659C12.5873 6.66659 13.3335 5.92039 13.3335 4.99992C13.3335 4.07944 12.5873 3.33325 11.6668 3.33325H3.3335V11.6666Z' fill='currentColor'/%3E%3Cpath d='M26.6668 11.6666C26.6668 12.5871 25.9206 13.3333 25.0002 13.3333C24.0797 13.3333 23.3335 12.5871 23.3335 11.6666L23.3335 6.66659L18.3335 6.66659C17.413 6.66659 16.6668 5.92039 16.6668 4.99992C16.6668 4.07944 17.413 3.33325 18.3335 3.33325H26.6668L26.6668 11.6666Z' fill='currentColor'/%3E%3Cpath d='M13.3335 24.9999C13.3335 25.9204 12.5873 26.6666 11.6668 26.6666H3.3335V18.3333C3.3335 17.4128 4.07969 16.6666 5.00016 16.6666C5.92064 16.6666 6.66683 17.4128 6.66683 18.3333V23.3333H11.6668C12.5873 23.3333 13.3335 24.0794 13.3335 24.9999Z' fill='currentColor'/%3E%3Cpath d='M18.3335 26.6666C17.413 26.6666 16.6668 25.9204 16.6668 24.9999C16.6668 24.0794 17.413 23.3333 18.3335 23.3333H23.3335V18.3333C23.3335 17.4128 24.0797 16.6666 25.0002 16.6666C25.9206 16.6666 26.6668 17.4128 26.6668 18.3333V26.6666H18.3335Z' fill='currentColor'/%3E%3C/svg%3E");
|
|
background-size: 26px 26px;
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle.mapboxgl-ctrl-level-button-selected .mapboxgl-ctrl-icon {
|
|
filter: invert() brightness();
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
|
|
animation: 2s linear infinite mapboxgl-spin;
|
|
}
|
|
@media (-ms-high-contrast: active) {
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
@media (-ms-high-contrast: black-on-white) {
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
@keyframes mapboxgl-spin {
|
|
0% {
|
|
transform: rotate(0);
|
|
}
|
|
to {
|
|
transform: rotate(1turn);
|
|
}
|
|
}
|
|
a.mapboxgl-ctrl-logo {
|
|
cursor: pointer;
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
|
|
background-repeat: no-repeat;
|
|
width: 88px;
|
|
height: 23px;
|
|
margin: 0 0 -4px -4px;
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
a.mapboxgl-ctrl-logo.mapboxgl-compact {
|
|
width: 23px;
|
|
}
|
|
@media (-ms-high-contrast: active) {
|
|
a.mapboxgl-ctrl-logo {
|
|
background-color: initial;
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
@media (-ms-high-contrast: black-on-white) {
|
|
a.mapboxgl-ctrl-logo {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
|
|
background-color: #ffffff80;
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
}
|
|
@media screen {
|
|
.mapboxgl-ctrl-attrib.mapboxgl-compact {
|
|
box-sizing: initial;
|
|
background-color: #fff;
|
|
border-radius: 12px;
|
|
min-height: 20px;
|
|
margin: 10px;
|
|
padding: 2px 24px 2px 0;
|
|
position: relative;
|
|
}
|
|
.mapboxgl-ctrl-attrib.mapboxgl-compact-show {
|
|
visibility: visible;
|
|
padding: 2px 28px 2px 8px;
|
|
}
|
|
.mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
|
|
.mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
|
|
.mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
|
|
border-radius: 12px;
|
|
padding: 2px 8px 2px 28px;
|
|
}
|
|
.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
|
|
display: none;
|
|
}
|
|
.mapboxgl-ctrl-attrib-button {
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
background-color: #ffffff80;
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
|
|
border: 0;
|
|
border-radius: 12px;
|
|
outline: none;
|
|
width: 24px;
|
|
height: 24px;
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,
|
|
.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,
|
|
.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {
|
|
left: 0;
|
|
}
|
|
.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,
|
|
.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
|
|
display: block;
|
|
}
|
|
.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
|
|
background-color: #0000000d;
|
|
}
|
|
.mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.mapboxgl-ctrl-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
|
|
right: 0;
|
|
}
|
|
.mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
|
|
left: 0;
|
|
}
|
|
}
|
|
@media screen and (-ms-high-contrast: active) {
|
|
.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
@media screen and (-ms-high-contrast: black-on-white) {
|
|
.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
|
|
}
|
|
}
|
|
.mapboxgl-ctrl-attrib a {
|
|
color: #000000bf;
|
|
text-decoration: none;
|
|
}
|
|
.mapboxgl-ctrl-attrib a:hover {
|
|
color: inherit;
|
|
text-decoration: underline;
|
|
}
|
|
.mapboxgl-ctrl-attrib .mapbox-improve-map {
|
|
margin-left: 2px;
|
|
font-weight: 700;
|
|
}
|
|
.mapboxgl-attrib-empty {
|
|
display: none;
|
|
}
|
|
.mapboxgl-ctrl-scale {
|
|
box-sizing: border-box;
|
|
color: #333;
|
|
white-space: nowrap;
|
|
background-color: #ffffffbf;
|
|
border: 2px solid #333;
|
|
border-top: #333;
|
|
padding: 0 5px;
|
|
font-size: 10px;
|
|
}
|
|
.mapboxgl-popup {
|
|
pointer-events: none;
|
|
will-change: transform;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.mapboxgl-popup-anchor-top,
|
|
.mapboxgl-popup-anchor-top-left,
|
|
.mapboxgl-popup-anchor-top-right {
|
|
flex-direction: column;
|
|
}
|
|
.mapboxgl-popup-anchor-bottom,
|
|
.mapboxgl-popup-anchor-bottom-left,
|
|
.mapboxgl-popup-anchor-bottom-right {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.mapboxgl-popup-anchor-left {
|
|
flex-direction: row;
|
|
}
|
|
.mapboxgl-popup-anchor-right {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.mapboxgl-popup-tip {
|
|
z-index: 1;
|
|
border: 10px solid #0000;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
|
|
border-top: none;
|
|
border-bottom-color: #fff;
|
|
align-self: center;
|
|
}
|
|
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
|
|
border-top: none;
|
|
border-bottom-color: #fff;
|
|
border-left: none;
|
|
align-self: flex-start;
|
|
}
|
|
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
|
|
border-top: none;
|
|
border-bottom-color: #fff;
|
|
border-right: none;
|
|
align-self: flex-end;
|
|
}
|
|
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
|
|
border-top-color: #fff;
|
|
border-bottom: none;
|
|
align-self: center;
|
|
}
|
|
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
|
|
border-top-color: #fff;
|
|
border-bottom: none;
|
|
border-left: none;
|
|
align-self: flex-start;
|
|
}
|
|
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
|
|
border-top-color: #fff;
|
|
border-bottom: none;
|
|
border-right: none;
|
|
align-self: flex-end;
|
|
}
|
|
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
|
|
border-left: none;
|
|
border-right-color: #fff;
|
|
align-self: center;
|
|
}
|
|
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
|
|
border-left-color: #fff;
|
|
border-right: none;
|
|
align-self: center;
|
|
}
|
|
.mapboxgl-popup-close-button {
|
|
background-color: initial;
|
|
cursor: pointer;
|
|
border: 0;
|
|
border-radius: 0 3px 0 0;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.mapboxgl-popup-close-button:hover {
|
|
background-color: #0000000d;
|
|
}
|
|
.mapboxgl-popup-content {
|
|
pointer-events: auto;
|
|
background: #fff;
|
|
border-radius: 3px;
|
|
padding: 10px 10px 15px;
|
|
position: relative;
|
|
box-shadow: 0 1px 2px #0000001a;
|
|
}
|
|
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
|
|
border-top-left-radius: 0;
|
|
}
|
|
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
|
|
border-top-right-radius: 0;
|
|
}
|
|
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.mapboxgl-popup-track-pointer {
|
|
display: none;
|
|
}
|
|
.mapboxgl-popup-track-pointer * {
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
|
|
display: flex;
|
|
}
|
|
.mapboxgl-map:active .mapboxgl-popup-track-pointer {
|
|
display: none;
|
|
}
|
|
.mapboxgl-marker {
|
|
opacity: 1;
|
|
will-change: transform;
|
|
transition: opacity 0.2s;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.mapboxgl-user-location-dot,
|
|
.mapboxgl-user-location-dot:before {
|
|
background-color: #1da1f2;
|
|
border-radius: 50%;
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
.mapboxgl-user-location-dot:before {
|
|
content: '';
|
|
animation: 2s infinite mapboxgl-user-location-dot-pulse;
|
|
position: absolute;
|
|
}
|
|
.mapboxgl-user-location-dot:after {
|
|
box-sizing: border-box;
|
|
content: '';
|
|
border: 2px solid #fff;
|
|
border-radius: 50%;
|
|
width: 19px;
|
|
height: 19px;
|
|
position: absolute;
|
|
top: -2px;
|
|
left: -2px;
|
|
box-shadow: 0 0 3px #00000059;
|
|
}
|
|
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,
|
|
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
|
|
content: '';
|
|
border-bottom: 7.5px solid #4aa1eb;
|
|
position: absolute;
|
|
}
|
|
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
|
|
border-left: 7.5px solid #0000;
|
|
transform: translateY(-28px) skewY(-20deg);
|
|
}
|
|
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
|
|
border-right: 7.5px solid #0000;
|
|
transform: translate(7.5px, -28px) skewY(20deg);
|
|
}
|
|
@keyframes mapboxgl-user-location-dot-pulse {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
70% {
|
|
opacity: 0;
|
|
transform: scale(3);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
.mapboxgl-user-location-dot-stale {
|
|
background-color: #aaa;
|
|
}
|
|
.mapboxgl-user-location-dot-stale:after {
|
|
display: none;
|
|
}
|
|
.mapboxgl-user-location-accuracy-circle {
|
|
background-color: #1da1f233;
|
|
border-radius: 100%;
|
|
width: 1px;
|
|
height: 1px;
|
|
}
|
|
.mapboxgl-crosshair,
|
|
.mapboxgl-crosshair .mapboxgl-interactive,
|
|
.mapboxgl-crosshair .mapboxgl-interactive:active {
|
|
cursor: crosshair;
|
|
}
|
|
.mapboxgl-boxzoom {
|
|
opacity: 0.5;
|
|
background: #fff;
|
|
border: 2px dotted #202020;
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
@media print {
|
|
.mapbox-improve-map {
|
|
display: none;
|
|
}
|
|
}
|
|
.mapboxgl-scroll-zoom-blocker,
|
|
.mapboxgl-touch-pan-blocker {
|
|
color: #fff;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
text-align: center;
|
|
background: #000000b3;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
font-family:
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
Segoe UI,
|
|
Helvetica,
|
|
Arial,
|
|
sans-serif;
|
|
transition: opacity 0.75s ease-in-out 1s;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.mapboxgl-scroll-zoom-blocker-show,
|
|
.mapboxgl-touch-pan-blocker-show {
|
|
opacity: 1;
|
|
transition: opacity 0.1s ease-in-out;
|
|
}
|
|
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,
|
|
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
|
|
touch-action: pan-x pan-y;
|
|
}
|
|
.mapboxgl-ctrl-separator {
|
|
background-color: #e0e0e0;
|
|
height: 1px;
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button {
|
|
color: #333;
|
|
width: 50px;
|
|
height: 50px;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:first-child {
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:last-child {
|
|
border-bottom-right-radius: 8px;
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected {
|
|
color: #fff;
|
|
background-color: #4a5568;
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover {
|
|
background-color: #2d3748;
|
|
}
|
|
@font-face {
|
|
font-family: swiper-icons;
|
|
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
:root {
|
|
--swiper-theme-color: #007aff;
|
|
}
|
|
:host {
|
|
z-index: 1;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.swiper {
|
|
z-index: 1;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 0;
|
|
list-style: none;
|
|
display: block;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.swiper-vertical > .swiper-wrapper {
|
|
flex-direction: column;
|
|
}
|
|
.swiper-wrapper {
|
|
z-index: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition-property: transform;
|
|
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
|
|
box-sizing: content-box;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.swiper-android .swiper-slide,
|
|
.swiper-ios .swiper-slide,
|
|
.swiper-wrapper {
|
|
transform: translate(0);
|
|
}
|
|
.swiper-horizontal {
|
|
touch-action: pan-y;
|
|
}
|
|
.swiper-vertical {
|
|
touch-action: pan-x;
|
|
}
|
|
.swiper-slide {
|
|
flex-shrink: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition-property: transform;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.swiper-slide-invisible-blank {
|
|
visibility: hidden;
|
|
}
|
|
.swiper-autoheight,
|
|
.swiper-autoheight .swiper-slide {
|
|
height: auto;
|
|
}
|
|
.swiper-autoheight .swiper-wrapper {
|
|
align-items: flex-start;
|
|
transition-property: transform, height;
|
|
}
|
|
.swiper-backface-hidden .swiper-slide {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
transform: translateZ(0);
|
|
}
|
|
.swiper-3d.swiper-css-mode .swiper-wrapper {
|
|
perspective: 1200px;
|
|
}
|
|
.swiper-3d .swiper-wrapper {
|
|
transform-style: preserve-3d;
|
|
}
|
|
.swiper-3d {
|
|
perspective: 1200px;
|
|
}
|
|
.swiper-3d .swiper-slide,
|
|
.swiper-3d .swiper-cube-shadow {
|
|
transform-style: preserve-3d;
|
|
}
|
|
.swiper-css-mode > .swiper-wrapper {
|
|
scrollbar-width: none;
|
|
-ms-overflow-style: none;
|
|
overflow: auto;
|
|
}
|
|
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
|
|
scroll-snap-align: start start;
|
|
}
|
|
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
|
|
scroll-snap-type: x mandatory;
|
|
}
|
|
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
|
|
scroll-snap-type: y mandatory;
|
|
}
|
|
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
|
|
scroll-snap-type: none;
|
|
}
|
|
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
|
|
scroll-snap-align: none;
|
|
}
|
|
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
|
|
content: '';
|
|
flex-shrink: 0;
|
|
order: 9999;
|
|
}
|
|
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
|
|
scroll-snap-align: center center;
|
|
scroll-snap-stop: always;
|
|
}
|
|
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:dir(ltr) {
|
|
margin-left: var(--swiper-centered-offset-before);
|
|
}
|
|
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:dir(rtl) {
|
|
margin-right: var(--swiper-centered-offset-before);
|
|
}
|
|
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
|
|
height: 100%;
|
|
min-height: 1px;
|
|
width: var(--swiper-centered-offset-after);
|
|
}
|
|
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
|
|
margin-top: var(--swiper-centered-offset-before);
|
|
}
|
|
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
|
|
width: 100%;
|
|
min-width: 1px;
|
|
height: var(--swiper-centered-offset-after);
|
|
}
|
|
.swiper-3d .swiper-slide-shadow,
|
|
.swiper-3d .swiper-slide-shadow-left,
|
|
.swiper-3d .swiper-slide-shadow-right,
|
|
.swiper-3d .swiper-slide-shadow-top,
|
|
.swiper-3d .swiper-slide-shadow-bottom,
|
|
.swiper-3d .swiper-slide-shadow,
|
|
.swiper-3d .swiper-slide-shadow-left,
|
|
.swiper-3d .swiper-slide-shadow-right,
|
|
.swiper-3d .swiper-slide-shadow-top,
|
|
.swiper-3d .swiper-slide-shadow-bottom {
|
|
pointer-events: none;
|
|
z-index: 10;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.swiper-3d .swiper-slide-shadow {
|
|
background: #00000026;
|
|
}
|
|
.swiper-3d .swiper-slide-shadow-left {
|
|
background-image: linear-gradient(270deg, #00000080, #0000);
|
|
}
|
|
.swiper-3d .swiper-slide-shadow-right {
|
|
background-image: linear-gradient(90deg, #00000080, #0000);
|
|
}
|
|
.swiper-3d .swiper-slide-shadow-top {
|
|
background-image: linear-gradient(#0000, #00000080);
|
|
}
|
|
.swiper-3d .swiper-slide-shadow-bottom {
|
|
background-image: linear-gradient(#00000080, #0000);
|
|
}
|
|
.swiper-lazy-preloader {
|
|
z-index: 10;
|
|
transform-origin: 50%;
|
|
box-sizing: border-box;
|
|
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
|
border-top-color: #0000;
|
|
border-radius: 50%;
|
|
width: 42px;
|
|
height: 42px;
|
|
margin-top: -21px;
|
|
margin-left: -21px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
}
|
|
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
|
|
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
|
|
animation: 1s linear infinite swiper-preloader-spin;
|
|
}
|
|
.swiper-lazy-preloader-white {
|
|
--swiper-preloader-color: #fff;
|
|
}
|
|
.swiper-lazy-preloader-black {
|
|
--swiper-preloader-color: #000;
|
|
}
|
|
@keyframes swiper-preloader-spin {
|
|
0% {
|
|
transform: rotate(0);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes bgaZlG_businessTooltipIn {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0.9);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes bgaZlG_businessTooltipOut {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(0.9);
|
|
}
|
|
}
|
|
.bgaZlG_tooltipContent {
|
|
transform-origin: var(--radix-tooltip-content-transform-origin);
|
|
}
|
|
.bgaZlG_tooltipOpen {
|
|
animation: 0.18s ease-out both bgaZlG_businessTooltipIn;
|
|
}
|
|
.bgaZlG_tooltipClosing {
|
|
pointer-events: none;
|
|
animation: 0.14s ease-in both bgaZlG_businessTooltipOut;
|
|
}
|
|
.mapboxgl-ctrl-logo {
|
|
display: none !important;
|
|
}
|
|
.mapboxgl-ctrl-group {
|
|
background-clip: padding-box !important;
|
|
border: 1px solid #0d0d0d1a !important;
|
|
border-radius: 20px !important;
|
|
box-shadow: 0 1px 2px #00000026 !important;
|
|
}
|
|
.dark .mapboxgl-ctrl-group {
|
|
opacity: 0.9 !important;
|
|
background-color: #000 !important;
|
|
}
|
|
.mapboxgl-ctrl-group button {
|
|
width: 36px !important;
|
|
height: 36px !important;
|
|
}
|
|
.mapboxgl-ctrl-group button + button {
|
|
border-top-color: #0d0d0d0d !important;
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIyMCIKICBoZWlnaHQ9IjIwIgogIHZpZXdCb3g9IjAgMCAyMCAyMCIKICBmaWxsPSJjdXJyZW50Q29sb3IiCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgo+CiAgPHBhdGgKICAgIGQ9Ik05LjMzNDk2IDE2LjVWMTAuNjY1SDMuNUMzLjEzMjczIDEwLjY2NSAyLjgzNDk2IDEwLjM2NzMgMi44MzQ5NiAxMEMyLjgzNDk2IDkuNjMyNzMgMy4xMzI3MyA5LjMzNDk2IDMuNSA5LjMzNDk2SDkuMzM0OTZWMy41QzkuMzM0OTYgMy4xMzI3MyA5LjYzMjczIDIuODM0OTYgMTAgMi44MzQ5NkMxMC4zNjczIDIuODM0OTYgMTAuNjY1IDMuMTMyNzMgMTAuNjY1IDMuNVY5LjMzNDk2SDE2LjVMMTYuNjMzOCA5LjM0ODYzQzE2LjkzNjkgOS40MTA1NyAxNy4xNjUgOS42Nzg1NyAxNy4xNjUgMTBDMTcuMTY1IDEwLjMyMTQgMTYuOTM2OSAxMC41ODk0IDE2LjYzMzggMTAuNjUxNEwxNi41IDEwLjY2NUgxMC42NjVWMTYuNUMxMC42NjUgMTYuODY3MyAxMC4zNjczIDE3LjE2NSAxMCAxNy4xNjVDOS42MzI3MyAxNy4xNjUgOS4zMzQ5NiAxNi44NjczIDkuMzM0OTYgMTYuNVoiCiAgLz4KPC9zdmc+Cg==) !important;
|
|
background-size: 18px 18px !important;
|
|
}
|
|
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIyMCIKICBoZWlnaHQ9IjIwIgogIHZpZXdCb3g9IjAgMCAyMCAyMCIKICBmaWxsPSJjdXJyZW50Q29sb3IiCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgo+CiAgPHBhdGgKICAgIGQ9Ik0xNi41IDkuMzM0OTZMMTYuNjMzOCA5LjM0ODYzQzE2LjkzNjkgOS40MTA1NyAxNy4xNjUgOS42Nzg1NyAxNy4xNjUgMTBDMTcuMTY1IDEwLjMyMTQgMTYuOTM2OSAxMC41ODk0IDE2LjYzMzggMTAuNjUxNEwxNi41IDEwLjY2NUgzLjVDMy4xMzI3MyAxMC42NjUgMi44MzQ5NiAxMC4zNjczIDIuODM0OTYgMTBDMi44MzQ5NiA5LjYzMjczIDMuMTMyNzMgOS4zMzQ5NiAzLjUgOS4zMzQ5NkgxNi41WiIKICAvPgo8L3N2Zz4K) !important;
|
|
background-size: 18px 18px !important;
|
|
}
|
|
.dark .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
|
|
.dark .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
|
|
filter: invert() !important;
|
|
}
|
|
.mapboxgl-scroll-zoom-blocker {
|
|
background-color: #0d0d0d !important;
|
|
border-radius: 9999px !important;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
padding: 6px 16px !important;
|
|
font-size: 13px !important;
|
|
font-weight: 500 !important;
|
|
top: auto !important;
|
|
bottom: 10px !important;
|
|
left: auto !important;
|
|
right: 10px !important;
|
|
}
|
|
.BqefNq_userMarkerPulse {
|
|
will-change: transform;
|
|
animation: 1.8s cubic-bezier(0.4, 0, 0.6, 1) infinite BqefNq_userMarkerPulse;
|
|
}
|
|
@keyframes BqefNq_userMarkerPulse {
|
|
0%,
|
|
to {
|
|
transform: scale(1);
|
|
}
|
|
50% {
|
|
transform: scale(1.1);
|
|
}
|
|
}
|
|
.SceYza_memoryFootnoteGlowIn {
|
|
animation: 0.22s ease-out SceYza_memoryFootnoteGlowIn;
|
|
}
|
|
.SceYza_memoryFootnoteShimmerOnce {
|
|
animation-iteration-count: 1 !important;
|
|
}
|
|
@keyframes SceYza_memoryFootnoteGlowIn {
|
|
0% {
|
|
opacity: 0.75;
|
|
transform: translateY(1px) scale(0.985);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0) scale(1);
|
|
}
|
|
}
|
|
.active-view-transition.open-thread-sidebar,
|
|
.active-view-transition.close-thread-sidebar {
|
|
--vt_model_picker: model-picker;
|
|
--vt_share_chat_wide_button: share-chat-wide-button;
|
|
--vt_share_chat_compact_button: share-chat-compact-button;
|
|
--vt_thread_tools: thread-tools;
|
|
--vt-thread-header-open-canvas: open-canvas-button;
|
|
--thread-extended-info-transition-name: thread-extended-info;
|
|
--vt-disable-screen-column-transition: none;
|
|
--vt_toggle_sidebar_opened: toggle-sidebar-icon-opened;
|
|
--vt_toggle_sidebar_closed: toggle-sidebar-icon-closed;
|
|
--vt-composer-speech-button: composer-speech-button;
|
|
--vt_new_chat_thread: new-chat-thread;
|
|
--vt-profile-avatar-thread: profile-avatar-active;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition {
|
|
display: none;
|
|
}
|
|
}
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-group(
|
|
*
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-old(*),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-new(*) {
|
|
animation-duration: var(--vt-duration, 0.3s);
|
|
animation-timing-function: var(--vt-timing-function, var(--spring-common));
|
|
}
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-old(
|
|
IGEM1a_model-picker
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-old(
|
|
IGEM1a_toggle-sidebar-icon
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-old(
|
|
IGEM1a_share-chat-wide-button
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-old(
|
|
IGEM1a_share-chat-compact-button
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-old(
|
|
IGEM1a_thread-tools
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-old(
|
|
IGEM1a_open-canvas-button
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-old(
|
|
IGEM1a_composer-speech-button
|
|
) {
|
|
display: none;
|
|
}
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-new(
|
|
IGEM1a_model-picker
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-old(
|
|
IGEM1a_toggle-sidebar-icon
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-new(
|
|
IGEM1a_share-chat-wide-button
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-new(
|
|
IGEM1a_share-chat-compact-button
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-new(
|
|
IGEM1a_thread-tools
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-new(
|
|
IGEM1a_open-canvas-button
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-new(
|
|
IGEM1a_composer-speech-button
|
|
) {
|
|
height: 100%;
|
|
animation: none;
|
|
}
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-group(
|
|
IGEM1a_profile-avatar-active
|
|
) {
|
|
z-index: 2;
|
|
animation: none;
|
|
}
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-new(
|
|
IGEM1a_profile-avatar-active
|
|
) {
|
|
animation: none;
|
|
}
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-old(
|
|
IGEM1a_thread-extended-info
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-new(
|
|
IGEM1a_thread-extended-info
|
|
) {
|
|
object-fit: none;
|
|
height: 100%;
|
|
overflow: clip;
|
|
}
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-old(
|
|
IGEM1a_thread
|
|
),
|
|
:is(.active-view-transition.open-thread-sidebar, .active-view-transition.close-thread-sidebar)::view-transition-new(
|
|
IGEM1a_thread
|
|
) {
|
|
object-fit: none;
|
|
height: 100%;
|
|
overflow: clip;
|
|
}
|
|
.active-view-transition.open-thread-sidebar::view-transition-old(IGEM1a_thread-extended-info) {
|
|
display: none;
|
|
}
|
|
.active-view-transition.close-thread-sidebar::view-transition-new(IGEM1a_thread-extended-info) {
|
|
display: none;
|
|
}
|
|
@keyframes BZ_Pyq_fade-in {
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.BZ_Pyq_root .BZ_Pyq_fadeIn,
|
|
.BZ_Pyq_root hr,
|
|
.BZ_Pyq_root li,
|
|
.BZ_Pyq_root tr,
|
|
.BZ_Pyq_root blockquote,
|
|
.BZ_Pyq_root code,
|
|
.BZ_Pyq_root pre {
|
|
opacity: 0;
|
|
animation: BZ_Pyq_fade-in var(--duration, 0.7s) cubic-bezier(0.37, 0.55, 0.86, 0.88) forwards;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.BZ_Pyq_root .BZ_Pyq_fadeIn,
|
|
.BZ_Pyq_root hr,
|
|
.BZ_Pyq_root li,
|
|
.BZ_Pyq_root tr,
|
|
.BZ_Pyq_root blockquote,
|
|
.BZ_Pyq_root code,
|
|
.BZ_Pyq_root pre {
|
|
--duration: 0s;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes QKycbG_fade {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.QKycbG_markdown.markdown .katex-error {
|
|
display: none;
|
|
}
|
|
.QKycbG_markdown.markdown .katex-display {
|
|
opacity: 0;
|
|
animation: 0.4s 50ms forwards QKycbG_fade;
|
|
}
|
|
.QKycbG_markdown.markdown p {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
@layer properties {
|
|
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
|
|
((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
*,
|
|
:before,
|
|
:after,
|
|
::backdrop {
|
|
--tw-outline-style: solid;
|
|
--tw-border-style: solid;
|
|
--tw-shadow: 0 0 transparent;
|
|
--tw-shadow-color: initial;
|
|
--tw-shadow-alpha: 100%;
|
|
--tw-inset-shadow: 0 0 transparent;
|
|
--tw-inset-shadow-color: initial;
|
|
--tw-inset-shadow-alpha: 100%;
|
|
--tw-ring-color: initial;
|
|
--tw-ring-shadow: 0 0 transparent;
|
|
--tw-inset-ring-color: initial;
|
|
--tw-inset-ring-shadow: 0 0 transparent;
|
|
--tw-ring-inset: initial;
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-offset-shadow: 0 0 transparent;
|
|
--tw-leading: initial;
|
|
--tw-content: '';
|
|
}
|
|
}
|
|
}
|
|
.wcDTda_prosemirror-parent .ProseMirror[contenteditable] {
|
|
outline-style: var(--tw-outline-style);
|
|
--tw-outline-style: none;
|
|
outline-width: 0;
|
|
outline-style: none;
|
|
}
|
|
.wcDTda_fallbackTextarea,
|
|
.wcDTda_prosemirror-parent .ProseMirror {
|
|
margin-top: calc(var(--spacing, 0.25rem) * 4);
|
|
margin-bottom: calc(var(--spacing, 0.25rem) * 0);
|
|
padding-inline: calc(var(--spacing, 0.25rem) * 0);
|
|
padding-top: calc(var(--spacing, 0.25rem) * 0);
|
|
padding-bottom: calc(var(--spacing, 0.25rem) * 4);
|
|
word-wrap: break-word;
|
|
white-space: pre-wrap;
|
|
white-space: break-spaces;
|
|
-webkit-font-variant-ligatures: none;
|
|
font-variant-ligatures: none;
|
|
font-feature-settings: 'liga' 0;
|
|
transform: translateY(-0.5px);
|
|
}
|
|
.wcDTda_fallbackTextarea {
|
|
box-sizing: content-box;
|
|
height: calc(var(--spacing, 0.25rem) * 10);
|
|
resize: none;
|
|
border-style: var(--tw-border-style);
|
|
width: 100%;
|
|
padding-inline: calc(var(--spacing, 0.25rem) * 0);
|
|
color: var(--text-primary);
|
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width))
|
|
var(--tw-ring-color, currentcolor);
|
|
box-shadow:
|
|
var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
|
|
var(--tw-shadow);
|
|
background-color: #0000;
|
|
border-width: 0;
|
|
display: block;
|
|
}
|
|
.wcDTda_fallbackTextarea::placeholder {
|
|
color: var(--text-tertiary);
|
|
}
|
|
.wcDTda_fallbackTextarea:dir(ltr)::placeholder {
|
|
padding-left: 1px;
|
|
}
|
|
.wcDTda_fallbackTextarea:dir(rtl)::placeholder {
|
|
padding-right: 1px;
|
|
}
|
|
.wcDTda_fallbackTextarea {
|
|
height: 1lh;
|
|
}
|
|
@container wcDTda_thread (width>=640px) {
|
|
:is(
|
|
.wcDTda_prosemirror-parent[data-size='lg'] .ProseMirror,
|
|
.wcDTda_prosemirror-parent[data-size='lg'] .wcDTda_fallbackTextarea
|
|
) {
|
|
margin-top: calc(var(--spacing, 0.25rem) * 3.5);
|
|
padding-bottom: calc(var(--spacing, 0.25rem) * 3.5);
|
|
font-size: var(--text-lg, 1.125rem);
|
|
line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
|
|
white-space: pre-wrap;
|
|
}
|
|
:is(
|
|
.wcDTda_prosemirror-parent[data-size='xl'] .ProseMirror,
|
|
.wcDTda_prosemirror-parent[data-size='xl'] .wcDTda_fallbackTextarea
|
|
) {
|
|
margin-top: calc(var(--spacing, 0.25rem) * 3.5);
|
|
padding-bottom: calc(var(--spacing, 0.25rem) * 3.5);
|
|
font-size: var(--text-xl, 1.25rem);
|
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
white-space: pre-wrap;
|
|
}
|
|
}
|
|
.wcDTda_prosemirror-parent.ProseMirror br {
|
|
--tw-leading: normal;
|
|
line-height: normal;
|
|
}
|
|
.wcDTda_prosemirror-parent.default-browser .placeholder:after {
|
|
pointer-events: none;
|
|
cursor: text;
|
|
color: var(--text-tertiary);
|
|
--tw-content: attr(data-placeholder);
|
|
content: var(--tw-content);
|
|
padding-left: 1px;
|
|
position: relative;
|
|
}
|
|
.wcDTda_prosemirror-parent.firefox .placeholder:before {
|
|
pointer-events: none;
|
|
cursor: text;
|
|
color: var(--text-tertiary);
|
|
--tw-content: attr(data-placeholder);
|
|
content: var(--tw-content);
|
|
padding-left: 1px;
|
|
position: absolute;
|
|
}
|
|
.wcDTda_prosemirror-parent.default-browser .placeholder .ProseMirror-trailingBreak {
|
|
display: none !important;
|
|
}
|
|
.wcDTda_prosemirror-parent p {
|
|
white-space: pre-wrap;
|
|
}
|
|
.wcDTda_prosemirror-parent p.placeholder {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.screen-arch .wcDTda_prosemirror-parent p.placeholder {
|
|
width: -webkit-fit-content;
|
|
width: fit-content;
|
|
view-transition-name: var(--vt-composer-placeholder);
|
|
}
|
|
.wcDTda_prosemirror-parent .ProseMirror-separator {
|
|
display: none !important;
|
|
}
|
|
.wcDTda_prosemirror-parent .pm-bracket-tag {
|
|
cursor: text;
|
|
border-radius: var(--radius-md, 0.375rem);
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
color: #2f7cf5;
|
|
background-color: #2f7cf51a;
|
|
background-color: lab(52.5277% 10.4527 -68.6236/0.1);
|
|
align-items: center;
|
|
max-width: 16rem;
|
|
display: inline-flex;
|
|
overflow: hidden;
|
|
}
|
|
@media (hover: hover) {
|
|
.wcDTda_prosemirror-parent .pm-bracket-tag:hover {
|
|
color: #0285ff;
|
|
background-color: #e5f3ff;
|
|
}
|
|
}
|
|
.wcDTda_prosemirror-parent .pm-bracket-tag {
|
|
padding: 3px 6px;
|
|
}
|
|
.wcDTda_prosemirror-parent .pm-bracket-tag[data-template-active='true'] {
|
|
box-shadow: 0 0 0 1px var(--interactive-border-focus);
|
|
background-color: var(--interactive-bg-accent-muted-hover);
|
|
}
|
|
@property --tw-outline-style {
|
|
syntax: '*';
|
|
inherits: false;
|
|
initial-value: solid;
|
|
}
|
|
@property --tw-border-style {
|
|
syntax: '*';
|
|
inherits: false;
|
|
initial-value: solid;
|
|
}
|
|
@property --tw-shadow {
|
|
syntax: '*';
|
|
inherits: false;
|
|
initial-value: 0 0 transparent;
|
|
}
|
|
@property --tw-shadow-color {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-shadow-alpha {
|
|
syntax: '<percentage>';
|
|
inherits: false;
|
|
initial-value: 100%;
|
|
}
|
|
@property --tw-inset-shadow {
|
|
syntax: '*';
|
|
inherits: false;
|
|
initial-value: 0 0 transparent;
|
|
}
|
|
@property --tw-inset-shadow-color {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-inset-shadow-alpha {
|
|
syntax: '<percentage>';
|
|
inherits: false;
|
|
initial-value: 100%;
|
|
}
|
|
@property --tw-ring-color {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-ring-shadow {
|
|
syntax: '*';
|
|
inherits: false;
|
|
initial-value: 0 0 transparent;
|
|
}
|
|
@property --tw-inset-ring-color {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-inset-ring-shadow {
|
|
syntax: '*';
|
|
inherits: false;
|
|
initial-value: 0 0 transparent;
|
|
}
|
|
@property --tw-ring-inset {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-ring-offset-width {
|
|
syntax: '<length>';
|
|
inherits: false;
|
|
initial-value: 0;
|
|
}
|
|
@property --tw-ring-offset-color {
|
|
syntax: '*';
|
|
inherits: false;
|
|
initial-value: #fff;
|
|
}
|
|
@property --tw-ring-offset-shadow {
|
|
syntax: '*';
|
|
inherits: false;
|
|
initial-value: 0 0 transparent;
|
|
}
|
|
@property --tw-leading {
|
|
syntax: '*';
|
|
inherits: false;
|
|
}
|
|
@property --tw-content {
|
|
syntax: '*';
|
|
inherits: false;
|
|
initial-value: '';
|
|
}
|
|
.R6Vx5W_threadRoot {
|
|
--thread-safe-area-height: calc(100lvh - var(--thread-safe-area-inset-top) - var(--thread-safe-area-inset-bottom));
|
|
--thread-safe-area-inset-top: calc(var(--header-height) + env(safe-area-inset-top, 0px));
|
|
--thread-safe-area-inset-bottom: calc(
|
|
var(--thread-footer-height, 150px) + var(--screen-keyboard-height, 0px) + env(safe-area-inset-bottom, 0px)
|
|
);
|
|
}
|
|
.R6Vx5W_threadGutter {
|
|
--thread-end-gutter-active-height: calc(
|
|
var(--thread-safe-area-height) - var(--thread-stream-context-height) - 2 * var(--thread-turn-vertical-padding)
|
|
);
|
|
--thread-stream-context-height: max(
|
|
2.75rem + 2 * var(--thread-turn-vertical-padding),
|
|
1/3 * var(--thread-safe-area-height)
|
|
);
|
|
--thread-turn-vertical-padding: 1.25rem;
|
|
}
|
|
._69lA8a_main .prose {
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
}
|
|
@supports selector(::scroll-button(*)) {
|
|
@media (pointer: fine) {
|
|
.xuHWuq_carousel {
|
|
scrollbar-width: none;
|
|
scroll-padding-inline: calc(9 * var(--spacing));
|
|
scroll-snap-type: x mandatory;
|
|
scroll-behavior: smooth;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.xuHWuq_carousel {
|
|
scroll-behavior: auto;
|
|
}
|
|
}
|
|
.xuHWuq_carousel::scroll-button(*) {
|
|
aspect-ratio: 1;
|
|
background-color: var(--main-surface-primary);
|
|
border: 1px solid var(--border-medium);
|
|
color: var(--text-primary);
|
|
width: calc(9 * var(--spacing));
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
line-height: 0;
|
|
transition: opacity 0.15s ease-in-out;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 50%;
|
|
}
|
|
@starting-style {
|
|
.xuHWuq_carousel::scroll-button(*) {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.xuHWuq_carousel::scroll-button(*):hover {
|
|
background-color: var(--main-surface-secondary);
|
|
}
|
|
.xuHWuq_carousel::scroll-button(*):disabled {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
.xuHWuq_carousel::scroll-button(left) {
|
|
content: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M6.80073 3.27765C7.05872 3.10739 7.40946 3.13571 7.63667 3.36261C7.89637 3.62231 7.89637 4.04432 7.63667 4.30402L4.60542 7.33527H13L13.1337 7.34894C13.4368 7.4109 13.665 7.6789 13.665 8.00031C13.6648 8.32162 13.4368 8.58979 13.1337 8.65168L13 8.66535H4.6064L7.63667 11.6966L7.72163 11.8011C7.89202 12.0592 7.86389 12.4098 7.63667 12.637C7.40942 12.8641 7.05879 12.8924 6.80073 12.722L6.69624 12.637L2.52925 8.47003C2.26993 8.21036 2.26982 7.78921 2.52925 7.5296L6.69624 3.36261L6.80073 3.27765Z" /></svg>');
|
|
left: 0;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
@container (width<43rem) {
|
|
.xuHWuq_carousel::scroll-button(left) {
|
|
transform: translate(calc(-1 * (var(--thread-content-margin) - 2 * var(--spacing))), -50%);
|
|
}
|
|
}
|
|
.dark .xuHWuq_carousel::scroll-button(left) {
|
|
content: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M6.80073 3.27765C7.05872 3.10739 7.40946 3.13571 7.63667 3.36261C7.89637 3.62231 7.89637 4.04432 7.63667 4.30402L4.60542 7.33527H13L13.1337 7.34894C13.4368 7.4109 13.665 7.6789 13.665 8.00031C13.6648 8.32162 13.4368 8.58979 13.1337 8.65168L13 8.66535H4.6064L7.63667 11.6966L7.72163 11.8011C7.89202 12.0592 7.86389 12.4098 7.63667 12.637C7.40942 12.8641 7.05879 12.8924 6.80073 12.722L6.69624 12.637L2.52925 8.47003C2.26993 8.21036 2.26982 7.78921 2.52925 7.5296L6.69624 3.36261L6.80073 3.27765Z" /></svg>');
|
|
}
|
|
.xuHWuq_carousel::scroll-button(right) {
|
|
content: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M8.36328 3.36261C8.59049 3.13571 8.94123 3.10739 9.19922 3.27765L9.30371 3.36261L13.4707 7.5296L13.5557 7.6341C13.7259 7.89208 13.6976 8.24282 13.4707 8.47003L9.30371 12.637C9.04407 12.8967 8.62299 12.8966 8.36328 12.637C8.10358 12.3773 8.10358 11.9563 8.36328 11.6966L11.3936 8.66535H3C2.63284 8.66535 2.33514 8.36743 2.33496 8.00031C2.33496 7.63304 2.63273 7.33527 3 7.33527H11.3945L8.36328 4.30402L8.27832 4.19953C8.10759 3.94137 8.13592 3.58997 8.36328 3.36261Z" /></svg>');
|
|
right: 0;
|
|
transform: translate(50%, -50%);
|
|
}
|
|
@container (width<43rem) {
|
|
.xuHWuq_carousel::scroll-button(right) {
|
|
transform: translate(calc(var(--thread-content-margin) - 2 * var(--spacing)), -50%);
|
|
}
|
|
}
|
|
.dark .xuHWuq_carousel::scroll-button(right) {
|
|
content: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M8.36328 3.36261C8.59049 3.13571 8.94123 3.10739 9.19922 3.27765L9.30371 3.36261L13.4707 7.5296L13.5557 7.6341C13.7259 7.89208 13.6976 8.24282 13.4707 8.47003L9.30371 12.637C9.04407 12.8967 8.62299 12.8966 8.36328 12.637C8.10358 12.3773 8.10358 11.9563 8.36328 11.6966L11.3936 8.66535H3C2.63284 8.66535 2.33514 8.36743 2.33496 8.00031C2.33496 7.63304 2.63273 7.33527 3 7.33527H11.3945L8.36328 4.30402L8.27832 4.19953C8.10759 3.94137 8.13592 3.58997 8.36328 3.36261Z" /></svg>');
|
|
}
|
|
}
|
|
}
|
|
@keyframes sPZ93q_add-top-shadow {
|
|
0% {
|
|
box-shadow: 0 1px #0000;
|
|
}
|
|
.1%,
|
|
to {
|
|
box-shadow: 0 1px 0 var(--border-sharp);
|
|
}
|
|
}
|
|
@keyframes sPZ93q_add-bottom-shadow {
|
|
0%,
|
|
99.9% {
|
|
box-shadow: 0 -1px 0 var(--border-sharp);
|
|
}
|
|
to {
|
|
box-shadow: 0 -1px #0000;
|
|
}
|
|
}
|
|
.sPZ93q_leadingBar {
|
|
animation: linear both sPZ93q_add-top-shadow;
|
|
box-shadow: 0 1px #0000;
|
|
}
|
|
.sPZ93q_leadingBarScrollAnimation {
|
|
animation-timeline: scroll();
|
|
}
|
|
.sPZ93q_trailingBar {
|
|
animation: linear both sPZ93q_add-bottom-shadow;
|
|
box-shadow: 0 -1px #0000;
|
|
}
|
|
.sPZ93q_trailingBarScrollAnimation {
|
|
animation-timeline: scroll();
|
|
}
|
|
.sPZ93q_primary {
|
|
background-color: var(--bar-background-color, var(--main-surface-primary));
|
|
}
|
|
._56rfYG_screen {
|
|
display: var(--screen-display, grid);
|
|
grid-template: '_56rfYG_leading' max-content '_56rfYG_content' 1fr '_56rfYG_trailing' max-content '_56rfYG_keyboard' / minmax(
|
|
0,
|
|
1fr
|
|
);
|
|
}
|
|
@supports not (overflow: clip) {
|
|
._56rfYG_screen {
|
|
overflow: var(--screen-overflow, hidden auto);
|
|
}
|
|
}
|
|
@supports (overflow: clip) {
|
|
._56rfYG_screen {
|
|
overflow: var(--screen-overflow, clip auto);
|
|
}
|
|
}
|
|
._56rfYG_screen {
|
|
scrollbar-gutter: var(--screen-scrollbar-gutter-override, stable);
|
|
padding-top: calc(var(--screen-anchor-top) + var(--screen-top-offset, 0px));
|
|
width: 100%;
|
|
}
|
|
._56rfYG_screen [slot='content'] {
|
|
padding-inline: var(--screen-content-inline-padding, var(--screen-inline-padding));
|
|
position: var(--screen-content-position, relative);
|
|
grid-area: _56rfYG_content;
|
|
}
|
|
._56rfYG_screen [slot='leading'] {
|
|
min-width: var(--screen-leading-slot-min-width);
|
|
overflow: var(--screen-leading-slot-overflow);
|
|
top: var(--screen-leading-slot-top, 0);
|
|
z-index: var(--screen-leading-slot-z-index, 20);
|
|
grid-area: _56rfYG_leading;
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
}
|
|
._56rfYG_screen [slot='trailing'] {
|
|
bottom: var(--keyboard-safe-area-bottom, 0);
|
|
padding-inline: var(--screen-trailing-inline-padding, var(--screen-inline-padding));
|
|
z-index: var(--screen-leading-slot-z-index, 20);
|
|
grid-area: _56rfYG_trailing;
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
}
|
|
._56rfYG_screen [slot='keyboard'] {
|
|
height: var(--keyboard-safe-area-bottom, 0px);
|
|
background: #fcfcfc;
|
|
grid-area: _56rfYG_keyboard;
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
bottom: 0;
|
|
}
|
|
._56rfYG_screen:where([screen-anchor='vertical'], [screen-anchor='top']) {
|
|
--safe-area-top: calc(env(_56rfYG_titlebar-area-y, 0px) + env(safe-area-inset-top, 0px));
|
|
--screen-anchor-top: var(--safe-area-top);
|
|
}
|
|
._56rfYG_screen:where([screen-anchor='vertical'], [screen-anchor='bottom']) {
|
|
--safe-area-bottom: env(safe-area-inset-bottom, 0px);
|
|
--keyboard-safe-area-bottom: max(var(--screen-keyboard-height), env(_56rfYG_keyboard-inset-height, 0px));
|
|
--screen-anchor-bottom: var(--safe-area-bottom);
|
|
}
|