.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor:    -moz-grab;
cursor:         grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor:    -moz-grabbing;
cursor:         grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
} .leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
} .leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
font-size: 22px;
} .leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//www.shabashkevich.eu/wp-content/plugins/shab-book-map-demo/assets/vendor/leaflet/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//www.shabashkevich.eu/wp-content/plugins/shab-book-map-demo/assets/vendor/leaflet/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path { background-image: url(//www.shabashkevich.eu/wp-content/plugins/shab-book-map-demo/assets/vendor/leaflet/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
} @media print { .leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
} .shab-tour-figure.has-character-image.is-moving > img{animation:none!important;transform:none!important;}.shab-book-map {
--shab-navy: #1f3354;
--shab-navy-deep: #14243e;
--shab-gold: #c9993d;
--shab-gold-light: #f4d27a;
--shab-burgundy: #8f3046;
--shab-cream: #fffaf0;
--shab-paper: #ffffff;
--shab-text: #243247;
--shab-muted: #667287;
--shab-border: rgba(31, 51, 84, 0.14);
position: relative;
isolation: isolate;
width: min(100%, 1920px);
max-width: none;
margin: 8px auto 32px;
color: var(--shab-text);
font-family: inherit;
}
.shab-book-map [hidden] {
display: none !important;
}
.shab-book-map *,
.shab-book-map *::before,
.shab-book-map *::after {
box-sizing: border-box;
}
.shab-book-map button,
.shab-book-map a {
font-family: inherit;
}
.shab-book-map__layout {
display: grid;
grid-template-columns: minmax(0, 2.25fr) minmax(350px, 0.95fr);
height: clamp(var(--shab-map-min-height, 660px), calc(100dvh - 72px), 860px);
min-height: var(--shab-map-min-height, 660px);
overflow: hidden;
border: 1px solid var(--shab-border);
border-radius: 28px 28px 0 0;
background: var(--shab-paper);
box-shadow: 0 18px 48px rgba(20, 36, 62, 0.14);
}
body.admin-bar .shab-book-map__layout {
height: clamp(var(--shab-map-min-height, 660px), calc(100dvh - 110px), 830px);
}
.shab-book-map__map-wrap {
position: relative;
z-index: 1;
min-width: 0;
min-height: 0;
overflow: hidden;
border-right: 1px solid var(--shab-border);
background: #e9edf0;
}
.shab-book-map__canvas {
z-index: 1;
width: 100%;
height: 100%;
min-height: 100%;
background: #e9edf0;
}
.shab-book-map__panel {
min-width: 0;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
background: var(--shab-cream);
scrollbar-color: rgba(31, 51, 84, 0.28) transparent;
scrollbar-width: thin;
}
.shab-book-map__panel-section {
padding: 22px 24px;
border-bottom: 1px solid var(--shab-border);
}
.shab-book-map__panel-section:last-child {
border-bottom: 0;
}
.shab-book-map__book-picker h2,
.shab-book-map__characters h2,
.shab-book-map__context h2 {
margin: 0 !important;
color: var(--shab-navy) !important;
font-family: inherit;
}
.shab-book-map__book-picker h2 {
font-size: clamp(24px, 2.1vw, 32px);
line-height: 1.12;
font-weight: 850;
}
.shab-book-map__book-picker > p {
margin: 7px 0 17px;
color: var(--shab-muted);
font-size: 14px;
line-height: 1.45;
}
.shab-book-map__book-list {
display: grid;
gap: 10px;
}
.shab-book-map__book-choice,
.shab-book-map__current-book {
width: 100%;
margin: 0;
border: 1px solid rgba(31, 51, 84, 0.15);
background: #fff;
color: var(--shab-navy);
box-shadow: none;
text-align: left;
cursor: pointer;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.shab-book-map__book-choice {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
gap: 13px;
align-items: center;
min-height: 78px;
padding: 10px 12px;
border-radius: 15px;
}
.shab-book-map__book-choice:hover,
.shab-book-map__book-choice:focus-visible,
.shab-book-map__current-book:hover,
.shab-book-map__current-book:focus-visible {
border-color: var(--shab-gold);
box-shadow: 0 8px 22px rgba(20, 36, 62, 0.1);
transform: translateY(-1px);
}
.shab-book-map__book-choice:focus-visible,
.shab-book-map__current-book:focus-visible,
.shab-book-map button:focus-visible,
.shab-book-map a:focus-visible {
outline: 3px solid rgba(201, 153, 61, 0.32);
outline-offset: 2px;
}
.shab-book-map__book-choice.is-active {
border-color: var(--shab-gold);
background: #fffdf7;
}
.shab-book-map__book-choice img,
.shab-book-map__current-book img {
display: block;
width: 100%;
height: 58px;
margin: 0;
border-radius: 7px;
object-fit: cover;
object-position: center;
box-shadow: 0 5px 12px rgba(20, 36, 62, 0.16);
}
.shab-book-map__book-choice strong,
.shab-book-map__book-choice small,
.shab-book-map__current-book strong,
.shab-book-map__current-book small {
display: block;
}
.shab-book-map__book-choice strong {
font-size: 16px;
line-height: 1.22;
font-weight: 850;
}
.shab-book-map__book-choice small {
margin-top: 5px;
color: var(--shab-burgundy);
font-size: 12px;
line-height: 1.3;
font-weight: 750;
}
.shab-book-map__books.is-collapsed {
padding-top: 15px;
padding-bottom: 15px;
}
.shab-book-map__current-book {
display: grid;
grid-template-columns: 42px minmax(0, 1fr) 24px;
gap: 12px;
align-items: center;
min-height: 58px;
padding: 7px 10px;
border-radius: 13px;
}
.shab-book-map__current-book img {
height: 44px;
}
.shab-book-map__current-book small {
margin-bottom: 2px;
color: var(--shab-burgundy);
font-size: 10px;
font-weight: 850;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.shab-book-map__current-book strong {
overflow: hidden;
font-size: 15px;
line-height: 1.2;
font-weight: 850;
text-overflow: ellipsis;
white-space: nowrap;
}
.shab-book-map__current-book i {
color: var(--shab-gold);
font-size: 22px;
font-style: normal;
text-align: center;
transition: transform 160ms ease;
}
.shab-book-map__current-book[aria-expanded="true"] i {
transform: rotate(180deg);
}
.shab-book-map__characters {
padding-top: 17px;
padding-bottom: 17px;
background: #fff;
}
.shab-book-map__characters h2 {
margin-bottom: 10px !important;
font-size: 12px;
font-weight: 900;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.shab-book-map__filters {
display: flex;
gap: 7px;
max-width: 100%;
overflow-x: auto;
padding: 2px 1px 5px;
scrollbar-width: thin;
}
.shab-book-map__filter {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 36px;
margin: 0;
padding: 7px 12px;
border: 1px solid rgba(31, 51, 84, 0.16);
border-radius: 999px;
background: #fff;
color: var(--shab-navy);
box-shadow: none;
font-size: 13px;
font-weight: 800;
line-height: 1;
white-space: nowrap;
cursor: pointer;
transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}
.shab-book-map__filter:hover,
.shab-book-map__filter:focus-visible {
border-color: var(--shab-gold);
}
.shab-book-map__filter.is-active {
border-color: var(--shab-navy);
background: var(--shab-navy);
color: #fff;
}
.shab-book-map__filter-dot {
flex: 0 0 10px;
width: 10px;
height: 10px;
border-radius: 50%;
background: currentColor;
}
.shab-book-map__filter-dot--crossing {
border: 1px solid rgba(255, 255, 255, 0.75);
background: linear-gradient(135deg, var(--shab-gold) 0 50%, var(--shab-burgundy) 50% 100%);
}
.shab-book-map__context {
min-height: 270px;
}
.shab-book-map__context-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 22px;
}
.shab-book-map__context-actions button {
min-height: 36px;
margin: 0;
padding: 7px 11px;
border: 1px solid rgba(31, 51, 84, 0.16);
border-radius: 9px;
background: #fff;
color: var(--shab-navy);
box-shadow: none;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
cursor: pointer;
}
.shab-book-map__context-actions button:hover,
.shab-book-map__context-actions button:focus-visible {
border-color: var(--shab-gold);
background: #fffdf7;
}
.shab-book-map__context-kicker {
margin: 0 0 8px;
color: var(--shab-burgundy);
font-size: 11px;
line-height: 1.3;
font-weight: 900;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.shab-book-map__context h2 {
font-size: clamp(27px, 2.5vw, 38px);
line-height: 1.08;
font-weight: 900;
overflow-wrap: anywhere;
}
.shab-book-map__context-location {
margin: 8px 0 0;
color: var(--shab-muted);
font-size: 14px;
line-height: 1.4;
font-weight: 750;
}
.shab-book-map__actors {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 14px;
}
.shab-book-map__actors:empty {
display: none;
}
.shab-book-map__actor {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 6px 11px;
border-radius: 999px;
font-size: 12px;
font-weight: 850;
line-height: 1;
}
.shab-book-map__context-text {
margin: 17px 0 0;
color: var(--shab-text);
font-size: 15px;
line-height: 1.62;
}
.shab-book-map__navigation-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin-top: 18px;
}
.shab-book-map__navigation-list:empty {
display: none;
}
.shab-book-map__navigation-button {
min-height: 42px;
margin: 0;
padding: 8px 10px;
border: 1px solid rgba(31, 51, 84, 0.16);
border-radius: 10px;
background: #fff;
color: var(--shab-navy);
box-shadow: none;
font-size: 13px;
font-weight: 850;
line-height: 1.2;
cursor: pointer;
transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.shab-book-map__navigation-button:hover,
.shab-book-map__navigation-button:focus-visible {
border-color: var(--shab-gold);
background: #fffdf7;
transform: translateY(-1px);
}
.shab-book-map__tour-offer {
margin-top: 20px;
padding: 16px;
border: 1px solid rgba(201, 153, 61, 0.48);
border-radius: 16px;
background: linear-gradient(145deg, #fff, #fff7df);
box-shadow: 0 10px 28px rgba(20, 36, 62, 0.08);
}
.shab-book-map__tour-offer > span {
display: block;
margin-bottom: 5px;
color: var(--shab-burgundy);
font-size: 10px;
font-weight: 900;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.shab-book-map__tour-offer > strong {
display: block;
color: var(--shab-navy);
font-size: 18px;
line-height: 1.2;
font-weight: 900;
}
.shab-book-map__tour-offer p {
margin: 7px 0 12px;
color: var(--shab-muted);
font-size: 13px;
line-height: 1.45;
}
.shab-book-map__primary-button,
.shab-book-map__secondary-button {
min-height: 42px;
margin: 0;
padding: 10px 15px;
border-radius: 10px;
box-shadow: none;
font-size: 13px;
font-weight: 850;
line-height: 1.2;
cursor: pointer;
}
.shab-book-map__primary-button {
border: 1px solid var(--shab-navy);
background: var(--shab-navy);
color: #fff;
}
.shab-book-map__primary-button:hover,
.shab-book-map__primary-button:focus-visible {
border-color: var(--shab-burgundy);
background: var(--shab-burgundy);
}
.shab-book-map__secondary-button {
border: 1px solid rgba(31, 51, 84, 0.18);
background: #fff;
color: var(--shab-navy);
}
.shab-book-map__secondary-button:hover,
.shab-book-map__secondary-button:focus-visible {
border-color: var(--shab-gold);
}
.shab-book-map__tour-status {
position: absolute;
z-index: 720;
top: 16px;
right: 16px;
display: flex;
align-items: center;
gap: 10px;
max-width: calc(100% - 88px);
padding: 8px 9px 8px 13px;
border: 1px solid rgba(31, 51, 84, 0.13);
border-radius: 999px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 8px 24px rgba(20, 36, 62, 0.16);
color: var(--shab-navy);
}
.shab-book-map__tour-status span {
overflow: hidden;
font-size: 12px;
font-weight: 850;
text-overflow: ellipsis;
white-space: nowrap;
}
.shab-book-map__tour-status button {
flex: 0 0 auto;
min-height: 30px;
margin: 0;
padding: 5px 9px;
border: 0;
border-radius: 999px;
background: var(--shab-navy);
color: #fff;
box-shadow: none;
font-size: 11px;
font-weight: 800;
cursor: pointer;
}
.shab-book-map__tour-card {
position: absolute;
z-index: 750;
bottom: 22px;
left: 22px;
width: min(430px, calc(100% - 44px));
max-height: calc(100% - 78px);
overflow-y: auto;
padding: 20px;
border: 1px solid rgba(31, 51, 84, 0.14);
border-radius: 20px;
background: rgba(255, 253, 248, 0.98);
box-shadow: 0 20px 52px rgba(20, 36, 62, 0.26);
color: var(--shab-text);
animation: shab-tour-card-in 220ms ease both;
}
@keyframes shab-tour-card-in {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
}
.shab-book-map__tour-card-head {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 6px 12px;
margin-bottom: 14px;
padding-bottom: 11px;
border-bottom: 1px solid var(--shab-border);
}
.shab-book-map__tour-card-head span {
color: var(--shab-burgundy);
font-size: 11px;
font-weight: 900;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.shab-book-map__tour-card-head strong {
color: var(--shab-muted);
font-size: 12px;
line-height: 1.3;
text-align: right;
}
.shab-book-map__tour-kicker {
margin: 0 0 6px;
color: var(--shab-burgundy);
font-size: 10px;
font-weight: 900;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.shab-book-map__tour-card h3 {
margin: 0 !important;
color: var(--shab-navy) !important;
font-size: clamp(22px, 2.2vw, 30px);
line-height: 1.12;
font-weight: 900;
}
.shab-book-map__tour-text {
margin: 15px 0 0;
color: var(--shab-text);
font-size: 14px;
line-height: 1.58;
}
.shab-book-map__tour-gallery {
margin-top: 15px;
overflow: hidden;
border-radius: 13px;
background: #e8e3d9;
}
.shab-book-map__tour-gallery img {
display: block;
width: 100%;
height: clamp(170px, 28vh, 270px);
margin: 0;
object-fit: contain;
background: #e8e3d9;
}
.shab-book-map__gallery-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 7px;
background: var(--shab-navy);
color: #fff;
}
.shab-book-map__gallery-controls button {
min-width: 32px;
min-height: 30px;
margin: 0;
padding: 3px 8px;
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 7px;
background: rgba(255, 255, 255, 0.1);
color: #fff;
box-shadow: none;
cursor: pointer;
}
.shab-book-map__gallery-controls span {
min-width: 48px;
font-size: 12px;
font-weight: 800;
text-align: center;
}
.shab-book-map__tour-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}
.shab-book-map__tour-actions .shab-book-map__primary-button {
flex: 1 1 190px;
}
.shab-book-map__tour-actions .shab-book-map__secondary-button {
flex: 0 1 auto;
}
.shab-book-map.is-tour-active .shab-book-map__books,
.shab-book-map.is-tour-active .shab-book-map__characters {
display: none;
}
.shab-book-map.is-tour-active .shab-book-map__context {
border-bottom: 0;
}
.shab-book-map__notice {
min-height: 40px;
margin: 0;
padding: 10px 20px;
border: 1px solid var(--shab-border);
border-top: 0;
border-radius: 0 0 28px 28px;
background: var(--shab-cream);
color: var(--shab-muted);
font-size: 11px;
line-height: 1.45;
text-align: center;
}
.shab-book-map__notice strong {
color: var(--shab-navy);
}
.shab-book-map__purchase-overlay {
position: fixed;
z-index: 99999;
inset: 0;
display: grid;
place-items: center;
padding: 22px;
background: rgba(20, 36, 62, 0.68);
backdrop-filter: blur(4px);
}
.shab-book-map__purchase-dialog {
position: relative;
width: min(760px, 100%);
max-height: min(780px, calc(100dvh - 44px));
overflow-y: auto;
padding: 30px;
border: 1px solid rgba(201, 153, 61, 0.4);
border-radius: 24px;
background: var(--shab-cream);
box-shadow: 0 28px 80px rgba(10, 20, 36, 0.4);
animation: shab-purchase-in 220ms ease both;
}
@keyframes shab-purchase-in {
from { opacity: 0; transform: translateY(14px) scale(0.98); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
.shab-book-map__purchase-close {
position: absolute;
top: 13px;
right: 13px;
width: 38px;
height: 38px;
margin: 0;
padding: 0;
border: 1px solid rgba(31, 51, 84, 0.16);
border-radius: 50%;
background: #fff;
color: var(--shab-navy);
box-shadow: none;
font-size: 25px;
line-height: 1;
cursor: pointer;
}
.shab-book-map__purchase-kicker {
margin: 0 48px 7px 0;
color: var(--shab-burgundy);
font-size: 11px;
font-weight: 900;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.shab-book-map__purchase-dialog > h2 {
margin: 0 48px 22px 0 !important;
color: var(--shab-navy) !important;
font-size: clamp(28px, 4vw, 42px);
line-height: 1.08;
font-weight: 900;
}
.shab-book-map__purchase-books {
display: grid;
gap: 14px;
}
.shab-book-map__purchase-books.has-several {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.shab-book-map__purchase-book {
display: grid;
grid-template-columns: 125px minmax(0, 1fr);
gap: 18px;
align-items: center;
margin: 0;
padding: 15px;
border: 1px solid var(--shab-border);
border-radius: 17px;
background: #fff;
}
.shab-book-map__purchase-books.has-several .shab-book-map__purchase-book {
grid-template-columns: 88px minmax(0, 1fr);
gap: 13px;
}
.shab-book-map__purchase-book > img {
display: block;
width: 100%;
height: 168px;
margin: 0;
border-radius: 9px;
object-fit: cover;
box-shadow: 0 9px 23px rgba(20, 36, 62, 0.2);
}
.shab-book-map__purchase-books.has-several .shab-book-map__purchase-book > img {
height: 122px;
}
.shab-book-map__purchase-book h3 {
margin: 0 0 13px !important;
color: var(--shab-navy) !important;
font-size: 20px;
line-height: 1.18;
font-weight: 900;
}
.shab-book-map__purchase-actions {
display: grid;
gap: 8px;
}
.shab-book-map__purchase-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 9px 12px;
border-radius: 10px;
color: #fff;
font-size: 13px;
font-weight: 850;
line-height: 1.2;
text-align: center;
text-decoration: none;
}
.shab-book-map__purchase-actions a.is-book {
background: var(--shab-navy);
}
.shab-book-map__purchase-actions a.is-audio {
background: var(--shab-burgundy);
}
.shab-book-map__purchase-actions a:hover,
.shab-book-map__purchase-actions a:focus-visible {
color: #fff;
filter: brightness(1.08);
}
.shab-book-map__purchase-continue {
display: block;
margin: 19px auto 0;
padding: 7px 8px;
border: 0;
border-bottom: 1px solid currentColor;
background: transparent;
color: var(--shab-muted);
box-shadow: none;
font-size: 13px;
font-weight: 750;
cursor: pointer;
}
.shab-map-icon-wrap,
.shab-city-icon-wrap,
.shab-country-icon-wrap,
.shab-tour-figure-wrap {
border: 0 !important;
background: transparent !important;
}
.shab-map-marker {
display: grid;
place-items: center;
width: 42px;
height: 42px;
border: 3px solid #fff;
border-radius: 50%;
background: var(--shab-marker-color, var(--shab-gold));
box-shadow: 0 7px 18px rgba(20, 36, 62, 0.35);
color: #fff;
font-size: 12px;
font-weight: 900;
}
.shab-map-marker--crossing {
background: linear-gradient(135deg, var(--shab-marker-color) 0 50%, var(--shab-marker-color-2) 50% 100%);
}
.shab-city-marker,
.shab-country-marker {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 8px 12px;
border: 3px solid #fff;
border-radius: 17px;
background: var(--shab-navy);
box-shadow: 0 9px 22px rgba(20, 36, 62, 0.34);
color: #fff;
line-height: 1.15;
text-align: center;
cursor: pointer;
}
.shab-city-marker strong,
.shab-country-marker strong {
max-width: 100%;
overflow: hidden;
font-size: 16px;
font-weight: 900;
text-overflow: ellipsis;
white-space: nowrap;
}
.shab-city-marker small,
.shab-country-marker small {
margin-top: 5px;
color: var(--shab-gold-light);
font-size: 10px;
font-weight: 850;
}
.shab-tour-figure {
position: relative;
display: block;
width: 42px;
height: 58px;
filter: drop-shadow(0 7px 8px rgba(20, 36, 62, 0.36));
}
.shab-tour-figure.has-character-image {
width: 92px;
height: 124px;
transform-origin: bottom center;
--shab-hero-flip: 1;
}
.shab-tour-figure.has-character-image.is-mirrored {
--shab-hero-flip: -1;
}
.shab-tour-figure.has-character-image > img {
display: block;
width: 100%;
height: 100%;
margin: 0;
object-fit: contain;
object-position: center bottom;
pointer-events: none;
transform: scaleX(var(--shab-hero-flip));
transform-origin: center bottom;
user-select: none;
}
.shab-tour-figure.has-character-image.is-moving > img {
animation: shab-whole-figure-walk 0.72s ease-in-out infinite;
}
@keyframes shab-whole-figure-walk {
0%, 100% { transform: translateY(0) rotate(-0.35deg) scaleX(var(--shab-hero-flip)); }
50% { transform: translateY(-2px) rotate(0.35deg) scaleX(var(--shab-hero-flip)); }
}
.shab-tour-figure.has-character-image i,
.shab-tour-figure.has-character-image::before,
.shab-tour-figure.has-character-image::after,
.shab-tour-figure.has-character-image b {
display: none;
}
.shab-tour-figure i,
.shab-tour-figure::before,
.shab-tour-figure::after {
position: absolute;
display: block;
content: '';
background: var(--shab-hero-color, var(--shab-burgundy));
}
.shab-tour-figure i {
top: 3px;
left: 13px;
width: 17px;
height: 17px;
border: 3px solid #fff;
border-radius: 50%;
}
.shab-tour-figure::before {
top: 20px;
left: 9px;
width: 25px;
height: 29px;
border: 3px solid #fff;
border-radius: 14px 14px 8px 8px;
}
.shab-tour-figure::after {
bottom: 0;
left: 7px;
width: 29px;
height: 14px;
border: 3px solid #fff;
border-top: 0;
clip-path: polygon(20% 0, 48% 0, 43% 100%, 0 100%, 7% 42%, 80% 42%, 100% 100%, 57% 100%, 52% 0, 80% 0, 72% 45%, 28% 45%);
}
.shab-tour-figure b {
position: absolute;
z-index: 2;
top: 27px;
left: 16px;
color: #fff;
font-size: 10px;
font-weight: 900;
line-height: 1;
}
.shab-tour-figure--companion {
transform: scale(0.9);
transform-origin: bottom center;
}
@media (prefers-reduced-motion: reduce) {
.shab-tour-figure.has-character-image.is-moving > img {
animation: none;
}
}
.shab-book-map .leaflet-control-zoom a {
color: var(--shab-navy);
}
.shab-book-map .leaflet-tooltip {
border: 0;
border-radius: 9px;
box-shadow: 0 7px 20px rgba(20, 36, 62, 0.18);
color: var(--shab-navy);
font-family: inherit;
font-size: 12px;
}
.shab-book-map .leaflet-control-attribution {
font-size: 9px;
}
.shab-book-map__noscript {
margin: 12px 0;
color: var(--shab-burgundy);
font-weight: 750;
}
@media (max-height: 760px) and (min-width: 901px) {
.shab-book-map__layout,
body.admin-bar .shab-book-map__layout {
height: max(540px, calc(100dvh - 76px));
min-height: 540px;
}
.shab-book-map__panel-section {
padding: 16px 19px;
}
.shab-book-map__books.is-collapsed {
padding-top: 11px;
padding-bottom: 11px;
}
}
@media (max-width: 1100px) and (min-width: 901px) {
.shab-book-map__layout {
grid-template-columns: minmax(0, 1.8fr) minmax(320px, 1fr);
}
.shab-book-map__panel-section {
padding-right: 19px;
padding-left: 19px;
}
.shab-book-map__navigation-list {
grid-template-columns: 1fr;
}
}
@media (max-width: 900px) {
.shab-book-map {
margin-top: 6px;
margin-bottom: 24px;
}
.shab-book-map__layout,
body.admin-bar .shab-book-map__layout {
display: flex;
flex-direction: column;
height: auto;
min-height: 0;
overflow: visible;
border-radius: 20px 20px 0 0;
}
.shab-book-map__map-wrap {
flex: 0 0 auto;
height: clamp(470px, 62dvh, 650px);
min-height: 470px;
border-right: 0;
border-bottom: 1px solid var(--shab-border);
border-radius: 20px 20px 0 0;
}
.shab-book-map__panel {
max-height: none;
overflow: visible;
}
.shab-book-map__panel-section {
padding: 19px 18px;
}
.shab-book-map__context h2 {
font-size: clamp(25px, 7vw, 34px);
}
.shab-book-map__notice {
border-radius: 0 0 20px 20px;
}
.shab-book-map__tour-card {
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-height: 62%;
padding: 17px;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-radius: 18px 18px 0 0;
}
.shab-book-map__tour-status {
top: 11px;
right: 11px;
max-width: calc(100% - 70px);
}
.shab-book-map.is-tour-active .shab-book-map__panel {
display: none;
}
.shab-book-map__purchase-books.has-several {
grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
.shab-book-map__map-wrap {
height: max(440px, 62dvh);
min-height: 440px;
}
.shab-book-map__navigation-list {
grid-template-columns: 1fr;
}
.shab-book-map__tour-actions {
display: grid;
grid-template-columns: 1fr;
}
.shab-book-map__purchase-overlay {
align-items: end;
padding: 0;
}
.shab-book-map__purchase-dialog {
width: 100%;
max-height: 90dvh;
padding: 25px 17px 20px;
border-radius: 22px 22px 0 0;
}
.shab-book-map__purchase-dialog > h2 {
font-size: 29px;
}
.shab-book-map__purchase-book,
.shab-book-map__purchase-books.has-several .shab-book-map__purchase-book {
grid-template-columns: 76px minmax(0, 1fr);
gap: 12px;
padding: 11px;
}
.shab-book-map__purchase-book > img,
.shab-book-map__purchase-books.has-several .shab-book-map__purchase-book > img {
height: 108px;
}
.shab-book-map__purchase-book h3 {
font-size: 17px;
}
.shab-book-map__purchase-actions a {
min-height: 38px;
font-size: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
.shab-book-map *,
.shab-book-map *::before,
.shab-book-map *::after {
scroll-behavior: auto !important;
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
}
} .shab-book-map__reader-offer {
margin-top: 18px;
padding: 16px;
border: 1px solid rgba(20,36,62,.13);
border-radius: 16px;
background: rgba(255,255,255,.72);
}
.shab-book-map__reader-offer > span {
display:block;
font-size:12px;
text-transform:uppercase;
letter-spacing:.08em;
opacity:.68;
}
.shab-book-map__reader-offer > strong { display:block; margin:4px 0 6px; font-size:18px; }
.shab-book-map__reader-offer p { margin:0 0 12px; }
.shab-book-map__reader-offer button + button { margin-top:8px; }
.shab-book-map__reader-overlay {
position:fixed;
inset:0;
z-index:100000;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
background:rgba(10,19,33,.76);
overflow:auto;
}
.shab-book-map__reader-overlay[hidden] { display:none !important; }
.shab-book-map__reader-dialog {
position:relative;
width:min(760px,100%);
max-height:calc(100vh - 40px);
overflow:auto;
padding:28px;
border-radius:22px;
background:#fff;
color:#14243e;
box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.shab-book-map__reader-close {
position:absolute;
top:12px;
right:14px;
border:0;
background:transparent;
font-size:30px;
cursor:pointer;
}
.shab-book-map__reader-dialog form { display:grid; gap:14px; margin-top:18px; }
.shab-book-map__reader-dialog label { display:grid; gap:6px; font-weight:600; }
.shab-book-map__reader-dialog label > span { font-size:14px; }
.shab-book-map__reader-dialog input[type="text"],
.shab-book-map__reader-dialog input[type="email"],
.shab-book-map__reader-dialog input[type="url"],
.shab-book-map__reader-dialog select,
.shab-book-map__reader-dialog textarea {
width:100%;
box-sizing:border-box;
border:1px solid rgba(20,36,62,.2);
border-radius:10px;
padding:10px 12px;
background:#fff;
color:#14243e;
font:inherit;
}
.shab-book-map__reader-dialog small { font-weight:400; opacity:.72; }
.shab-book-map__reader-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.shab-book-map__reader-check { grid-template-columns:auto 1fr !important; align-items:start; font-weight:400 !important; }
.shab-book-map__reader-check input { margin-top:4px; }
.shab-book-map__reader-moderation { margin:0; padding:11px 13px; border-radius:10px; background:rgba(201,153,61,.12); }
.shab-book-map__hp { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; opacity:0 !important; }
html.shab-book-map-reader-open { overflow:hidden; }
.shab-book-map__reader-message { margin:14px 0; padding:12px 16px; border-radius:12px; font-weight:600; }
.shab-book-map__reader-message.is-success { background:rgba(47,127,115,.12); }
.shab-book-map__reader-message.is-error { background:rgba(143,48,70,.12); }
.shab-book-map__reader-materials { margin-top:18px; padding-top:14px; border-top:1px solid rgba(20,36,62,.12); }
.shab-book-map__reader-materials h3 { margin:0 0 10px; font-size:17px; }
.shab-book-map__reader-materials article { display:grid; gap:6px; padding:10px 0; border-top:1px solid rgba(20,36,62,.08); }
.shab-book-map__reader-materials article:first-of-type { border-top:0; }
.shab-book-map__reader-contributor { margin:0 0 2px; font-size:20px; line-height:1.25; font-weight:800; color:var(--shab-navy-deep); }
.shab-book-map__reader-materials article p { margin:0; }
.shab-book-map__reader-materials article a { width:max-content; }
.shab-book-map__reader-materials article small { opacity:.72; }
.shab-book-map__reader-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(105px,1fr)); gap:9px; margin-top:4px; }
.shab-book-map__reader-gallery button { display:block; width:100% !important; min-width:0; margin:0; padding:0; border:0; border-radius:9px; overflow:hidden; background:rgba(31,51,84,.08); color:var(--shab-navy-deep); text-align:left; cursor:zoom-in; }
.shab-book-map__reader-gallery img { display:block; width:100%; height:105px; object-fit:cover; }
.shab-book-map__reader-file-link { box-sizing:border-box; min-height:72px; padding:12px !important; font-weight:750; line-height:1.35; cursor:pointer !important; }
.shab-book-map__reader-gallery button:hover { box-shadow:0 0 0 2px var(--shab-gold); }
.shab-book-map__reader-gallery button:focus-visible { outline:3px solid var(--shab-gold); outline-offset:2px; }
html.shab-book-map-media-open { overflow:hidden; }
.shab-book-map__media-overlay {
position:fixed;
inset:0;
z-index:100040;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
background:rgba(4,17,29,.86);
}
.shab-book-map__media-overlay[hidden] { display:none !important; }
.shab-book-map__media-dialog {
position:relative;
display:grid;
grid-template-rows:auto minmax(0,1fr);
width:min(1120px,100%);
max-height:calc(100dvh - 40px);
padding:22px;
border:1px solid rgba(216,194,154,.9);
border-radius:18px;
background:#fffaf0;
color:var(--shab-navy-deep);
box-shadow:0 24px 75px rgba(0,0,0,.46);
}
.shab-book-map__media-dialog h2 {
margin:0 52px 16px 0 !important;
color:var(--shab-navy-deep) !important;
font-size:clamp(20px,2.2vw,30px) !important;
line-height:1.2;
}
.shab-book-map__media-close {
position:absolute;
top:10px;
right:12px;
z-index:2;
display:grid;
place-items:center;
width:42px;
height:42px;
padding:0;
border:1px solid rgba(20,36,62,.18);
border-radius:50%;
background:#fff;
color:var(--shab-navy-deep);
font-size:30px;
line-height:1;
cursor:pointer;
}
.shab-book-map__media-stage {
display:grid;
place-items:center;
min-height:260px;
max-height:calc(100dvh - 125px);
overflow:auto;
border-radius:12px;
background:#111a24;
}
.shab-book-map__media-stage img {
display:block;
width:auto;
max-width:100%;
height:auto;
max-height:calc(100dvh - 125px);
object-fit:contain;
}
.shab-book-map__media-stage iframe {
display:block;
width:100%;
height:calc(100dvh - 145px);
min-height:420px;
border:0;
background:#fff;
}
.shab-book-map__empty-books { padding:12px; border-radius:12px; background:rgba(255,255,255,.65); }
@media (max-width:640px) {
.shab-book-map__reader-dialog { padding:22px 16px; }
.shab-book-map__reader-grid { grid-template-columns:1fr; }
.shab-book-map__media-overlay { padding:8px; }
.shab-book-map__media-dialog { max-height:calc(100dvh - 16px); padding:16px; border-radius:14px; }
.shab-book-map__media-dialog h2 { margin-bottom:12px !important; font-size:19px !important; }
.shab-book-map__media-stage { max-height:calc(100dvh - 92px); }
.shab-book-map__media-stage img { max-height:calc(100dvh - 92px); }
.shab-book-map__media-stage iframe { height:calc(100dvh - 108px); min-height:360px; }
} .shab-book-map__access-form {
display:grid;
gap:10px;
margin-top:12px;
padding-top:12px;
border-top:1px solid rgba(20,36,62,.12);
}
.shab-book-map__access-form[hidden] { display:none !important; }
.shab-book-map__access-form label { display:grid; gap:5px; font-weight:600; }
.shab-book-map__access-form label > span { font-size:13px; }
.shab-book-map__access-form input[type="text"],
.shab-book-map__access-form input[type="email"],
.shab-book-map__access-form textarea {
width:100%;
box-sizing:border-box;
border:1px solid rgba(20,36,62,.18);
border-radius:9px;
background:#fff;
padding:9px 10px;
color:inherit;
font:inherit;
}
.shab-book-map__access-form textarea { resize:vertical; min-height:70px; }
.shab-book-map__access-form .shab-book-map__reader-check { display:grid; grid-template-columns:auto 1fr; gap:8px; font-weight:400; }
.shab-book-map__reader-access-ok {
margin:10px 0 12px;
padding:9px 11px;
border-radius:9px;
background:rgba(47,127,115,.12);
font-size:13px;
line-height:1.45;
}
.shab-book-map__reader-identity {
margin:0;
padding:10px 12px;
border-radius:10px;
background:rgba(47,127,115,.10);
} .shab-book-map__reader-cue {
width: 100%;
margin: 14px 0 2px;
padding: 12px 14px;
border: 1px solid rgba(31,51,84,.18);
border-radius: 14px;
background: rgba(255,255,255,.96);
text-align: left;
cursor: pointer;
display: grid;
grid-template-columns: auto 1fr;
column-gap: 10px;
align-items: center;
}
.shab-book-map__reader-cue > span { grid-row: 1 / span 2; font-size: 28px; line-height: 1; }
.shab-book-map__reader-cue strong { display: block; }
.shab-book-map__reader-cue small { display: block; opacity: .72; }
.shab-book-map.is-reader-cue-active .shab-book-map__reader-cue { animation: shab-reader-cue-pulse 1.15s ease-in-out 3; }
.shab-book-map.is-tour-speaking .shab-tour-figure img { animation: shab-speaking-breathe 1.4s ease-in-out infinite; transform-origin: 50% 100%; }
@keyframes shab-reader-cue-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.025); } }
@keyframes shab-speaking-breathe { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@media (prefers-reduced-motion: reduce) {
.shab-book-map.is-reader-cue-active .shab-book-map__reader-cue,
.shab-book-map.is-tour-speaking .shab-tour-figure img { animation: none; }
} .shab-tour-figure.has-character-image.is-moving > img{animation:none!important;transform:none!important;} body.shab-book-map-page .hero-section,
body.shab-book-map-page .entry-header,
body.shab-book-map-page .wp-block-post-title,
body.shab-book-map-page .entry-content > h1{
display:none!important;
}
body.shab-book-map-page .content-area,
body.shab-book-map-page .site-main,
body.shab-book-map-page .entry-content,
body.shab-book-map-page [data-vertical-spacing*="top"],
body.shab-book-map-page [data-vertical-spacing*="bottom"]{
margin-top:0!important;
margin-bottom:0!important;
padding-top:0!important;
padding-bottom:0!important;
}
body.shab-book-map-page .entry-content > .shab-book-map:first-child,
body.shab-book-map-page .entry-content > .wp-block-shortcode:first-child{
margin-top:0!important;
}
.shab-book-map{
--story-navy:#081f36;
--story-navy-2:#123554;
--story-ink:#0b2945;
--story-gold:#d09a3b;
--story-gold-light:#efc66f;
--story-paper:#efe4cb;
--story-ivory:#fff9ee;
width:min(100%,1920px)!important;
height:var(--shab-map-viewport-height,clamp(600px,calc(100dvh - 180px),900px))!important;
min-height:600px!important;
margin:0 auto!important;
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
border:1px solid rgba(8,31,54,.16)!important;
border-radius:28px!important;
background:var(--story-paper)!important;
box-shadow:0 22px 55px rgba(25,21,16,.16)!important;
color:var(--story-ink)!important;
font-family:Georgia,"Times New Roman",serif!important;
}
.shab-book-map [hidden]{display:none!important;}
.shab-book-map *{box-sizing:border-box;}
.shab-book-map button,.shab-book-map input,.shab-book-map textarea,.shab-book-map select{font:inherit;}
.shab-book-map__layout{
display:flex!important;
grid-template-columns:none!important;
flex:1 1 auto!important;
min-height:0!important;
width:100%!important;
overflow:hidden!important;
background:var(--story-paper)!important;
}
.shab-book-map__panel{
order:1!important;
position:relative!important;
z-index:5!important;
flex:0 0 clamp(360px,34vw,540px)!important;
width:auto!important;
min-width:0!important;
height:auto!important;
overflow:hidden!important;
border:0!important;
color:var(--story-ivory)!important;
background:
radial-gradient(circle at 12% 12%,rgba(208,154,59,.12),transparent 25%),
linear-gradient(135deg,rgba(255,255,255,.025),transparent 45%),
var(--story-navy)!important;
box-shadow:12px 0 32px rgba(6,22,37,.18)!important;
}
.shab-book-map__panel:before{
content:"";
position:absolute;
inset:0;
opacity:.12;
pointer-events:none;
background:
repeating-linear-gradient(3deg,transparent 0 25px,rgba(239,198,111,.12) 26px 27px),
radial-gradient(ellipse at 10% 50%,rgba(0,0,0,.42),transparent 55%);
}
.shab-book-map__panel>section{position:relative;z-index:1;padding:clamp(34px,5vh,72px) clamp(28px,3.2vw,58px)!important;}
.shab-book-map__landing-panel,.shab-book-map__overview-panel,.shab-book-map__hero-intro,.shab-book-map__tour-panel,.shab-book-map__final-panel{height:100%;min-height:0;}
.shab-book-map__eyebrow{
margin:0 0 20px!important;
color:var(--story-gold-light)!important;
font-family:Arial,sans-serif!important;
font-size:14px!important;
font-weight:800!important;
line-height:1.2!important;
letter-spacing:.16em!important;
text-transform:uppercase!important;
}
.shab-book-map__ornament{display:block;width:100%;height:24px;margin:-6px 0 18px;border-top:1px solid rgba(239,198,111,.6);position:relative;}
.shab-book-map__ornament:after{content:"◇";position:absolute;top:-13px;right:38%;padding:0 7px;color:var(--story-gold-light);background:var(--story-navy);}
.shab-book-map__landing-panel ul{list-style:none!important;margin:40px 0!important;padding:0!important;font-family:Arial,sans-serif!important;font-size:clamp(17px,1.25vw,21px)!important;line-height:1.55!important;color:#f4ead7!important;}
.shab-book-map__landing-panel li{position:relative;padding-left:30px!important;}
.shab-book-map__landing-panel li:before{content:"◈";position:absolute;left:0;color:var(--story-gold-light);font-size:15px;}
.shab-book-map__open-button,.shab-book-map__gold-button{
border:0!important;
border-radius:8px!important;
padding:18px 26px!important;
color:var(--story-navy)!important;
background:linear-gradient(135deg,var(--story-gold-light),var(--story-gold))!important;
box-shadow:0 12px 24px rgba(0,0,0,.22)!important;
font-family:Arial,sans-serif!important;
font-size:15px!important;
font-weight:900!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
cursor:pointer!important;
}
.shab-book-map__open-button span{font-size:22px;margin-left:10px;}
.shab-book-map__open-button:hover,.shab-book-map__gold-button:hover{filter:brightness(1.08);transform:translateY(-1px);}
.shab-book-map__panel>.shab-book-map__overview-panel,.shab-book-map__panel>.shab-book-map__hero-intro{display:flex;flex-direction:column;padding:0!important;overflow:hidden;}
.shab-book-map__panel-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:clamp(28px,4vh,56px) clamp(28px,3.2vw,58px) 20px;scrollbar-gutter:stable;}
.shab-book-map__overview-panel .shab-book-map__panel-scroll{display:flex;flex-direction:column;gap:18px;}
.shab-book-map__panel-footer{position:relative;z-index:2;flex:0 0 auto;padding:15px clamp(28px,3.2vw,58px) clamp(22px,3vh,36px);border-top:1px solid rgba(239,198,111,.25);background:linear-gradient(180deg,rgba(8,31,54,.96),var(--story-navy));box-shadow:0 -12px 24px rgba(4,17,29,.2);}
.shab-book-map__panel-footer .shab-book-map__primary-button{width:100%;}
.shab-book-map__character-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.shab-book-map__character-choice{
min-width:0!important;
padding:0 0 8px!important;
overflow:hidden!important;
border:1px solid rgba(239,198,111,.24)!important;
border-radius:10px!important;
color:#fff7e8!important;
background:rgba(255,255,255,.045)!important;
cursor:pointer!important;
}
.shab-book-map__character-choice img{display:block;width:100%;height:92px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 7px rgba(0,0,0,.28));}
.shab-book-map__character-choice span{display:block;padding:5px 5px 0;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.15;overflow-wrap:anywhere;}
.shab-book-map__character-choice:hover,.shab-book-map__character-choice.is-active{border-color:var(--story-gold-light)!important;background:rgba(208,154,59,.2)!important;box-shadow:inset 0 0 0 1px var(--story-gold)!important;}
.shab-book-map__city-list{font-family:Arial,sans-serif;color:#f3e8d4;}
.shab-book-map__city-list>strong{display:block;margin-bottom:9px;color:var(--story-gold-light);font-size:12px;text-transform:uppercase;letter-spacing:.1em;}
.shab-book-map__city-list>div{display:flex;flex-wrap:wrap;gap:7px;}
.shab-book-map__city-list button{padding:7px 10px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;color:#fff7e8!important;font-family:Arial,sans-serif!important;font-size:12px!important;cursor:pointer!important;}
.shab-book-map__city-list button.is-active{border-color:var(--story-gold-light)!important;background:var(--story-gold)!important;color:var(--story-navy)!important;}
.shab-book-map__overview-copy{padding-top:14px;border-top:1px solid rgba(239,198,111,.25);font-family:Arial,sans-serif;color:#f4ead9;}
.shab-book-map__overview-copy h2{margin:0 0 8px!important;color:#fff!important;font-size:24px!important;line-height:1.15!important;}
.shab-book-map__overview-copy p{margin:0!important;font-size:15px!important;line-height:1.55!important;}
.shab-book-map__primary-button,.shab-book-map__secondary-button{
min-height:46px!important;
padding:12px 18px!important;
border-radius:8px!important;
font-family:Arial,sans-serif!important;
font-size:14px!important;
font-weight:800!important;
cursor:pointer!important;
}
.shab-book-map__primary-button{border:1px solid var(--story-gold)!important;color:var(--story-navy)!important;background:linear-gradient(135deg,var(--story-gold-light),var(--story-gold))!important;}
.shab-book-map__secondary-button{border:1px solid rgba(239,198,111,.5)!important;color:var(--story-gold-light)!important;background:transparent!important;}
.shab-book-map__hero-intro{text-align:center;}
.shab-book-map__hero-intro-portrait{height:clamp(210px,34vh,360px);margin:-20px auto 10px;overflow:visible;transform-origin:center bottom;transition:transform .5s ease,opacity .38s ease;}
.shab-book-map__hero-intro-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 15px rgba(0,0,0,.32));}
.shab-book-map.is-hero-shrinking .shab-book-map__hero-intro-portrait{transform:translate(42vw,18vh) scale(.34);opacity:0;}
.shab-book-map__hero-intro h2,.shab-book-map__final-panel h2,.shab-book-map__tour-panel h2{margin:6px 0 8px!important;color:#fff!important;font-size:clamp(28px,2.3vw,40px)!important;line-height:1.08!important;}
.shab-book-map__intro-cities{margin:0 0 14px!important;color:var(--story-gold-light)!important;font-family:Arial,sans-serif!important;font-weight:700!important;font-size:13px!important;}
.shab-book-map__intro-description{margin-bottom:6px;color:#f3e9d7;font-family:Arial,sans-serif;font-size:14px;line-height:1.55;text-align:left;}
.shab-book-map__tour-panel p:not(.shab-book-map__eyebrow),.shab-book-map__final-panel p:not(.shab-book-map__eyebrow){color:#f2e8d5;font-family:Arial,sans-serif;line-height:1.55;}
.shab-book-map__tour-status{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 28px!important;padding:10px 0 14px!important;border-bottom:1px solid rgba(239,198,111,.28)!important;background:transparent!important;color:#fff!important;}
.shab-book-map__tour-status button{padding:0!important;border:0!important;background:none!important;color:var(--story-gold-light)!important;font-family:Arial,sans-serif!important;font-size:12px!important;cursor:pointer!important;}
.shab-book-map__final-panel .shab-book-map__primary-button,.shab-book-map__final-panel .shab-book-map__secondary-button{display:block;width:100%;margin-top:14px;}
.shab-book-map__map-wrap{
order:2!important;
position:relative!important;
flex:1 1 auto!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
overflow:hidden!important;
background:#d7ccb1!important;
}
.shab-book-map__canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;background:#d7ccb1!important;}
.shab-book-map__canvas .leaflet-tile-pane{filter:sepia(.48) saturate(.68) hue-rotate(345deg) contrast(.93) brightness(1.03);}
.shab-book-map__map-paper{position:absolute;z-index:250;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background:repeating-linear-gradient(8deg,rgba(84,58,31,.11) 0 1px,transparent 1px 18px),radial-gradient(circle at 25% 30%,transparent 0 35%,rgba(68,41,17,.16) 100%);}
.shab-story-marker-wrap,.shab-story-hero-wrap{background:transparent!important;border:0!important;}
.shab-story-marker{position:relative;display:flex;align-items:center;gap:7px;color:var(--story-ink);font-family:Arial,sans-serif;font-size:12px;font-weight:900;text-shadow:0 1px 1px #fff;white-space:nowrap;}
.shab-story-marker i{display:block;width:23px;height:23px;flex:0 0 23px;border:6px solid var(--marker-a);border-radius:50%;background:#f4ead4;box-shadow:0 2px 5px rgba(0,0,0,.25);}
.shab-story-marker.is-intersection i{border-color:transparent;background:linear-gradient(135deg,var(--marker-a) 0 48%,var(--marker-b) 52% 100%);box-shadow:inset 0 0 0 5px #f4ead4,0 2px 5px rgba(0,0,0,.25);}
.shab-book-map.is-landing .shab-story-marker.has-overview-shift,
.shab-book-map.is-overview .shab-story-marker.has-overview-shift,
.shab-book-map.is-final .shab-story-marker.has-overview-shift{transform:translate(var(--overview-shift-x),var(--overview-shift-y));}
.shab-story-hero{position:relative;display:block;width:92px;height:132px;filter:drop-shadow(0 8px 7px rgba(0,0,0,.32));transform-origin:center bottom;}
.shab-story-hero img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;}
.shab-story-hero>b{display:none;position:absolute;left:26px;bottom:8px;width:40px;height:40px;border-radius:50%;background:var(--hero-color);color:#fff;text-align:center;line-height:40px;}
.shab-story-hero:not(:has(img))>b{display:block;}
.shab-story-hero.is-mirrored{transform:scaleX(-1);}
.shab-story-hero.is-moving img{animation:none!important;}
.shab-story-city-hero-wrap{background:transparent!important;border:0!important;pointer-events:none!important;}
.shab-story-city-hero{position:relative;display:block;width:68px;height:98px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.32));}
.shab-story-city-hero img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;}
.shab-story-city-hero span{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);padding:2px 6px;border-radius:8px;background:rgba(8,31,54,.9);color:#fff8e8;font-family:Arial,sans-serif;font-size:9px;font-weight:800;line-height:1.15;white-space:nowrap;}
.shab-book-map__tour-card{
position:absolute!important;
z-index:900!important;
top:22px!important;
left:22px!important;
right:auto!important;
bottom:auto!important;
width:min(440px,calc(100% - 44px))!important;
max-height:62%!important;
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
padding:0!important;
border:1px solid rgba(114,77,30,.28)!important;
border-radius:14px!important;
background:rgba(255,249,238,.97)!important;
color:var(--story-ink)!important;
box-shadow:0 18px 42px rgba(23,19,14,.28)!important;
}
.shab-book-map__tour-card-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:24px 24px 16px;scrollbar-gutter:stable;}
.shab-book-map__card-close,.shab-book-map__contribution-prompt>button:first-child{position:absolute;z-index:3;right:10px;top:8px;border:0;background:none;color:#765c3e;font-size:22px;cursor:pointer;}
.shab-book-map__tour-card-head{padding-right:24px;color:#6c5e4e;font-family:Arial,sans-serif;font-size:12px;}
.shab-book-map__tour-card-head strong{display:block;width:100%;text-align:left!important;}
.shab-book-map__tour-kicker{margin:14px 0 5px!important;color:#9a372f!important;font-family:Arial,sans-serif!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
.shab-book-map__tour-card h3{margin:0 0 10px!important;color:var(--story-ink)!important;font-size:clamp(24px,2vw,34px)!important;line-height:1.1!important;}
.shab-book-map__tour-text{white-space:pre-line;color:#273b4d!important;font-family:Arial,sans-serif!important;font-size:15px!important;line-height:1.55!important;}
.shab-book-map__actors{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 12px;}
.shab-book-map__actor{padding:6px 10px;border:1px solid var(--actor-color);border-radius:999px;color:var(--story-ink);background:#fff;font-family:Arial,sans-serif;font-size:11px;font-weight:800;}
.shab-book-map__actor.is-current{color:#fff;background:var(--actor-color);}
.shab-book-map__tour-actions{flex:0 0 auto;margin:0;padding:14px 24px 22px;border-top:1px solid rgba(114,77,30,.2);background:#fff9ee;box-shadow:0 -9px 18px rgba(58,40,19,.08);}
.shab-book-map__tour-actions .shab-book-map__primary-button{width:100%;}
.shab-book-map__tour-gallery img{max-height:230px!important;object-fit:contain!important;background:#e9dfca!important;}
.shab-book-map__contribution-prompt{
position:absolute;
z-index:910;
right:22px;
bottom:22px;
width:min(360px,calc(100% - 44px));
padding:22px;
border:1px solid rgba(208,154,59,.7);
border-radius:14px;
background:rgba(8,31,54,.97);
color:#fff8e8;
box-shadow:0 16px 38px rgba(0,0,0,.3);
}
.shab-book-map__contribution-prompt p{margin:0 0 12px!important;font-family:Arial,sans-serif!important;font-size:14px!important;line-height:1.45!important;}
.shab-book-map__contribution-prompt p:first-of-type{font-size:15px!important;font-weight:900!important;}
.shab-book-map__contribution-prompt p:nth-of-type(2){color:#dccdb5;font-size:13px!important;}
.shab-book-map__contribution-prompt p:nth-of-type(3){color:var(--story-gold-light)!important;font-size:13px!important;font-weight:800!important;}
.shab-book-map__contribution-prompt .shab-book-map__gold-button{padding:11px 17px!important;font-size:12px!important;}
.shab-book-map__contribution-prompt>button:first-child{color:#f5dfb4;}
.shab-book-map__access-form{
position:fixed!important;
z-index:100010!important;
left:50%!important;
top:50%!important;
width:min(520px,calc(100vw - 32px))!important;
max-height:calc(100dvh - 32px)!important;
overflow:auto!important;
transform:translate(-50%,-50%)!important;
padding:28px!important;
border:1px solid #d8c29a!important;
border-radius:16px!important;
background:#fffaf0!important;
color:var(--story-ink)!important;
box-shadow:0 0 0 100vmax rgba(4,17,29,.74),0 22px 65px rgba(0,0,0,.4)!important;
}
.shab-book-map__access-form h2{margin:0 0 8px!important;color:var(--story-ink)!important;font-size:28px!important;}
.shab-book-map__access-form>p{font-family:Arial,sans-serif;line-height:1.45;}
.shab-book-map__access-form>label{display:block;margin:12px 0;font-family:Arial,sans-serif;font-size:13px;font-weight:700;}
.shab-book-map__access-form input[type="text"],.shab-book-map__access-form input[type="email"],.shab-book-map__access-form textarea{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #c9baa0;border-radius:7px;background:#fff;color:#172c3e;}
.shab-book-map__reader-context-locked{background:#f4ecdd!important;border-color:#d8c7a9!important;}
.shab-book-map__reader-context-locked p{margin:0!important;color:#233b50!important;font-weight:700!important;}
.shab-book-map__reader-materials{margin-top:15px;padding-top:12px;border-top:1px solid #d8c7a9;font-family:Arial,sans-serif;}
.shab-book-map__reader-materials article{padding:10px 0;border-top:1px dashed #d8c7a9;}
.shab-book-map__reader-materials article:first-of-type{border-top:0;}
.shab-book-map__reader-materials article a,.shab-book-map__reader-materials article small{display:block;margin-top:7px;}
.shab-book-map__purchase-overlay,.shab-book-map__reader-overlay{z-index:100020!important;}
.shab-book-map__purchase-dialog,.shab-book-map__reader-dialog{border-color:#d8c29a!important;background:#fffaf0!important;color:var(--story-ink)!important;}
.shab-book-map__purchase-actions a{background:var(--story-navy)!important;color:#fff!important;border-radius:7px!important;}
@media (max-height:760px) and (min-width:821px){
.shab-book-map__panel>section{padding-top:28px!important;padding-bottom:28px!important;}
.shab-book-map__panel>.shab-book-map__overview-panel,.shab-book-map__panel>.shab-book-map__hero-intro{padding:0!important;}
.shab-book-map__panel-scroll{padding-top:24px;}
.shab-book-map__landing-panel ul{margin:25px 0!important;}
.shab-book-map__character-choice img{height:64px;}
.shab-book-map__hero-intro-portrait{height:220px;}
}
@media (max-width:820px){
.shab-book-map{height:auto!important;min-height:0!important;border-radius:18px!important;overflow:visible!important;}
.shab-book-map__layout{display:flex!important;flex-direction:column!important;overflow:visible!important;}
.shab-book-map__panel{order:1!important;flex:0 0 auto!important;width:100%!important;min-height:0!important;overflow:hidden!important;}
.shab-book-map__map-wrap{order:2!important;flex:0 0 auto!important;width:100%!important;height:70dvh!important;min-height:540px!important;}
.shab-book-map__panel>section{padding:34px 26px!important;}
.shab-book-map__panel>.shab-book-map__overview-panel,.shab-book-map__panel>.shab-book-map__hero-intro{height:70dvh;min-height:520px;max-height:720px;padding:0!important;}
.shab-book-map__panel-scroll{padding:34px 26px 18px;overflow:auto;}
.shab-book-map__panel-footer{padding:14px 26px 28px;}
.shab-book-map__character-list{grid-template-columns:repeat(3,minmax(0,1fr));}
.shab-book-map__tour-card{top:14px!important;left:14px!important;width:calc(100% - 28px)!important;max-height:58%!important;}
.shab-book-map.is-contribution-visible .shab-book-map__tour-card{max-height:calc(100% - 280px)!important;}
.shab-book-map__contribution-prompt{right:14px;bottom:14px;width:calc(100% - 28px);}
}
@media (max-width:480px){
.shab-book-map__panel>.shab-book-map__overview-panel,.shab-book-map__panel>.shab-book-map__hero-intro{min-height:590px;}
.shab-book-map__character-list{grid-template-columns:repeat(2,minmax(0,1fr));}
.shab-book-map__map-wrap{height:76dvh!important;min-height:560px!important;}
.shab-book-map__tour-card-scroll{padding:19px 19px 13px!important;}
.shab-book-map__tour-actions{padding:12px 19px 17px;}
.shab-book-map__tour-card h3{font-size:25px!important;}
}
@media (prefers-reduced-motion:reduce){
.shab-book-map *{scroll-behavior:auto!important;transition:none!important;animation:none!important;}
} .shab-book-map__reader-fieldset {
display:grid;
gap:14px;
margin:0;
padding:18px;
border:1px solid rgba(31,51,84,.14);
border-radius:14px;
background:rgba(255,255,255,.72);
}
.shab-book-map__reader-fieldset legend {
padding:0 8px;
color:#1f3354;
font-weight:800;
font-size:15px;
}
.shab-book-map__reader-form-actions {
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:flex-end;
padding-top:4px;
}
.shab-book-map__reader-upload-status {
padding:10px 12px;
border-radius:10px;
font-size:14px;
line-height:1.45;
}
.shab-book-map__reader-upload-status.is-working { background:rgba(31,51,84,.08); }
.shab-book-map__reader-upload-status.is-success { background:rgba(47,127,115,.12); color:#245f55; }
.shab-book-map__reader-upload-status.is-error { background:rgba(143,48,70,.11); color:#7a2d42; }
.shab-book-map__reader-dialog--compact { max-width:560px; }
.shab-book-map__reader-dialog .is-required-context > span::after { content:' *'; color:#8f3046; }
.shab-book-map__reader-access-ok { margin:0 0 12px; padding:9px 11px; border-radius:10px; background:rgba(47,127,115,.1); }
@media (max-width:680px) {
.shab-book-map__reader-grid { grid-template-columns:1fr; }
.shab-book-map__reader-form-actions { flex-direction:column; }
.shab-book-map__reader-form-actions button { width:100%; }
}
.shab-book-map__reader-my-items { margin-top:14px; padding:14px; border:1px solid rgba(31,51,84,.12); border-radius:12px; background:rgba(255,255,255,.62); }
.shab-book-map__reader-my-items h3 { margin:0 0 10px; font-size:15px; }
.shab-book-map__reader-my-item { display:flex; gap:12px; justify-content:space-between; align-items:center; padding:9px 0; border-top:1px solid rgba(31,51,84,.08); }
.shab-book-map__reader-my-item:first-of-type { border-top:0; }
.shab-book-map__reader-my-item small { display:block; margin-top:2px; opacity:.7; }
.shab-book-map__reader-my-item-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:flex-end; }
.shab-book-map__reader-my-item-actions form { margin:0; }
.shab-book-map__link-button { border:0; padding:0; background:none; color:#8f3046; text-decoration:underline; cursor:pointer; font:inherit; } body.shab-book-map-page #header,
body.shab-book-map-page .site-header {
z-index:1!important;
}
body.shab-book-map-page .site-main {
position:relative!important;
z-index:20!important;
isolation:isolate!important;
}
body.shab-book-map-page .shab-book-map {
position:relative!important;
z-index:30!important;
isolation:isolate!important;
}
.shab-book-map.is-tour-active .shab-book-map__panel {
display:none!important;
}
.shab-book-map.is-tour-active .shab-book-map__map-wrap {
flex:1 1 100%!important;
width:100%!important;
}
.shab-book-map__tour-card {
display:grid!important;
grid-template-rows:minmax(0,1fr) auto!important;
top:auto!important;
bottom:22px!important;
height:min(540px,calc(100% - 118px))!important;
max-height:none!important;
}
.shab-book-map__tour-card-scroll {
min-height:0!important;
overflow-x:hidden!important;
overflow-y:auto!important;
}
.shab-book-map__tour-actions {
position:relative!important;
z-index:5!important;
flex:none!important;
min-height:86px!important;
margin:0!important;
padding:14px 24px 22px!important;
overflow:visible!important;
border-top:1px solid rgba(114,77,30,.2)!important;
background:#fff9ee!important;
box-shadow:0 -9px 18px rgba(58,40,19,.08)!important;
}
.shab-book-map__tour-actions .shab-book-map__primary-button {
display:block!important;
width:100%!important;
min-height:48px!important;
margin:0!important;
}
.shab-book-map__fullscreen-button {
position:absolute!important;
z-index:980!important;
top:16px!important;
right:16px!important;
display:grid!important;
place-items:center!important;
width:46px!important;
height:46px!important;
min-width:46px!important;
min-height:46px!important;
margin:0!important;
padding:0!important;
border:1px solid rgba(239,198,111,.65)!important;
border-radius:10px!important;
background:rgba(8,31,54,.95)!important;
color:#fff8e8!important;
box-shadow:0 8px 22px rgba(0,0,0,.25)!important;
font-family:Arial,sans-serif!important;
font-size:25px!important;
line-height:1!important;
cursor:pointer!important;
}
.shab-book-map__fullscreen-button:hover,
.shab-book-map__fullscreen-button:focus-visible {
color:var(--story-navy)!important;
background:var(--story-gold-light)!important;
}
.shab-book-map__tour-status {
position:absolute!important;
z-index:970!important;
top:16px!important;
right:74px!important;
display:flex!important;
align-items:center!important;
gap:12px!important;
width:auto!important;
margin:0!important;
padding:10px 14px!important;
border:1px solid rgba(239,198,111,.42)!important;
border-radius:10px!important;
background:rgba(8,31,54,.95)!important;
color:#fff8e8!important;
box-shadow:0 8px 22px rgba(0,0,0,.23)!important;
font-family:Arial,sans-serif!important;
font-size:12px!important;
line-height:1.2!important;
}
.shab-book-map__tour-status button {
margin:0!important;
padding:0!important;
border:0!important;
background:none!important;
color:var(--story-gold-light)!important;
font-family:Arial,sans-serif!important;
font-size:12px!important;
font-weight:800!important;
cursor:pointer!important;
}
.shab-book-map__tour-status .shab-book-map__tour-reopen {
padding:6px 10px!important;
border:1px solid rgba(239,198,111,.7)!important;
border-radius:7px!important;
background:rgba(239,198,111,.14)!important;
color:#fff8e8!important;
white-space:nowrap!important;
}
.shab-book-map__tour-status .shab-book-map__tour-reopen:hover,
.shab-book-map__tour-status .shab-book-map__tour-reopen:focus-visible {
background:var(--story-gold-light)!important;
color:var(--story-navy)!important;
}
html.shab-book-map-fullscreen-lock,
html.shab-book-map-fullscreen-lock body {
overflow:hidden!important;
}
.shab-book-map:fullscreen,
.shab-book-map:-webkit-full-screen,
.shab-book-map[data-shab-pseudo-fullscreen="true"] {
position:fixed!important;
z-index:2147483000!important;
inset:0!important;
width:100vw!important;
max-width:none!important;
height:100dvh!important;
min-height:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.shab-book-map:fullscreen .shab-book-map__layout,
.shab-book-map:-webkit-full-screen .shab-book-map__layout,
.shab-book-map[data-shab-pseudo-fullscreen="true"] .shab-book-map__layout {
min-height:0!important;
}
@media (max-width:820px) {
.shab-book-map.is-tour-active .shab-book-map__map-wrap {
height:100dvh!important;
min-height:600px!important;
}
.shab-book-map__tour-status {
left:14px!important;
right:72px!important;
justify-content:space-between!important;
}
.shab-book-map__fullscreen-button {
top:14px!important;
right:14px!important;
}
.shab-book-map__tour-card {
top:auto!important;
bottom:14px!important;
left:14px!important;
width:calc(100% - 28px)!important;
height:min(500px,calc(100% - 112px))!important;
max-height:none!important;
}
.shab-book-map.is-contribution-visible .shab-book-map__tour-card {
bottom:292px!important;
height:min(330px,calc(100% - 390px))!important;
max-height:none!important;
}
}
@media (max-width:480px) {
.shab-book-map__tour-actions {
min-height:78px!important;
padding:12px 19px 17px!important;
}
} .shab-book-map__landing-intro {
max-width:460px!important;
margin:0 0 30px!important;
color:#f4ead7!important;
font-family:Arial,sans-serif!important;
}
.shab-book-map__landing-intro p {
margin:0 0 12px!important;
font-size:clamp(15px,1.05vw,18px)!important;
line-height:1.45!important;
}
.shab-book-map__landing-intro p:last-child {
margin-bottom:0!important;
}
.shab-book-map__landing-world {
color:var(--story-gold-light)!important;
margin:0 0 20px!important;
font-family:Georgia,"Times New Roman",serif!important;
font-size:clamp(28px,2.25vw,40px)!important;
font-weight:600!important;
line-height:1.12!important;
letter-spacing:-.015em!important;
text-transform:none!important;
} body.shab-book-map-page #header,
body.shab-book-map-page .site-header {
position:relative!important;
inset:auto!important;
display:block!important;
width:100%!important;
z-index:1000!important;
transform:none!important;
visibility:visible!important;
opacity:1!important;
isolation:isolate!important;
}
body.shab-book-map-page #header > [data-device],
body.shab-book-map-page .site-header > [data-device],
body.shab-book-map-page #header [data-row],
body.shab-book-map-page .site-header [data-row] {
position:relative!important;
inset:auto!important;
transform:none!important;
}
body.shab-book-map-page #header [data-row] > div,
body.shab-book-map-page .site-header [data-row] > div {
position:relative!important;
}
body.shab-book-map-page .site-main {
position:relative!important;
z-index:1!important;
isolation:auto!important;
}
body.shab-book-map-page .shab-book-map {
position:relative!important;
z-index:2!important;
}
.shab-book-map__landing-cities {
color:#fff8e8!important;
font-weight:800!important;
}
@media (max-height:720px) and (min-width:821px) {
.shab-book-map__landing-panel {
overflow-y:auto!important;
}
.shab-book-map__landing-intro {
margin:0 0 22px!important;
}
.shab-book-map__landing-intro p {
margin-bottom:9px!important;
font-size:15px!important;
line-height:1.38!important;
}
} .shab-book-map__hero-intro-portrait{margin:-8px auto 10px;} @media (min-width:821px) {
.shab-book-map__purchase-overlay {
position:absolute!important;
inset:0!important;
padding:22px!important;
}
.shab-book-map__purchase-dialog {
box-sizing:border-box!important;
max-height:calc(100% - 44px)!important;
overflow-y:auto!important;
overscroll-behavior:contain;
}
} .shab-book-map__media-dialog{width:min(1180px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;}
.shab-book-map__media-dialog h2{flex:0 0 auto;max-width:calc(100% - 64px);overflow-wrap:anywhere;}
.shab-book-map__media-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px!important;width:100%;height:min(700px,calc(100dvh - 150px));max-height:700px!important;overflow:hidden!important;background:#0d1a26;}
.shab-book-map__media-stage img{display:block;width:auto!important;height:auto!important;max-width:min(1100px,100%)!important;max-height:min(700px,100%)!important;object-fit:contain!important;margin:auto;}
.shab-book-map__media-stage iframe{display:block;width:100%!important;height:min(700px,calc(100dvh - 150px))!important;min-height:240px!important;border:0;background:#fff;}
.shab-book-map__media-nav{position:absolute;top:50%;z-index:4;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:64px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:12px;background:rgba(4,17,29,.72);color:#fff;font-size:42px;line-height:1;cursor:pointer;}
.shab-book-map__media-nav[hidden]{display:none!important;}
.shab-book-map__media-prev{left:12px}.shab-book-map__media-next{right:12px}
.shab-book-map__media-counter{position:absolute;left:50%;bottom:10px;z-index:4;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:rgba(4,17,29,.72);color:#fff;font-size:14px;font-weight:700;}
@media(max-width:640px){.shab-book-map__media-dialog{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:12px!important}.shab-book-map__media-stage{height:min(700px,calc(100dvh - 120px));min-height:180px!important}.shab-book-map__media-stage img{max-width:100%!important;max-height:100%!important}.shab-book-map__media-nav{width:40px;height:54px;font-size:34px}.shab-book-map__media-prev{left:6px}.shab-book-map__media-next{right:6px}} .shab-book-map__tour-actions{display:flex!important;gap:10px!important;align-items:stretch!important;}
.shab-book-map__tour-actions>button{flex:1 1 0!important;}
.shab-book-map__tour-prev{border:1px solid rgba(31,51,84,.28)!important;background:#fffaf0!important;color:var(--shab-navy-deep)!important;border-radius:10px!important;font-weight:800!important;padding:12px 14px!important;cursor:pointer!important;}
.shab-book-map__tour-prev:disabled{opacity:.42!important;cursor:default!important;}
@media(max-width:640px){.shab-book-map__tour-actions{flex-direction:column!important;}.shab-book-map__tour-actions>button{width:100%!important;}} .shab-book-map__tour-actions{
align-items:center!important;
}
.shab-book-map__tour-actions>button{
width:auto!important;
min-width:0!important;
min-height:0!important;
padding:9px 12px!important;
font-size:14px!important;
line-height:1.2!important;
white-space:nowrap!important;
}
.shab-book-map__tour-actions .shab-book-map__primary-button{
width:auto!important;
}
@media(max-width:640px){
.shab-book-map__tour-actions{
flex-direction:row!important;
gap:8px!important;
}
.shab-book-map__tour-actions>button{
width:auto!important;
padding:8px 9px!important;
font-size:12px!important;
}
} .shab-book-map__reader-text{margin-top:8px;line-height:1.6;}
.shab-book-map__reader-text p{margin:0 0 10px;line-height:1.6;white-space:normal;}
.shab-book-map__reader-text p:last-child{margin-bottom:0;}
.shab-book-map__reader-text--collapsed{max-height:32em;overflow:hidden;position:relative;}
.shab-book-map__reader-text--collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.4em;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.96));pointer-events:none;}
.shab-book-map__reader-text-toggle{display:inline-flex;align-items:center;margin:8px 0 2px;padding:0;border:0;background:transparent;color:#1f3354;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.shab-book-map__reader-text-toggle[hidden]{display:none!important;}
.shab-book-map__reader-text-toggle:hover,.shab-book-map__reader-text-toggle:focus-visible{color:#8f3046;} .shab-book-map__reader-text p{margin:.7em 0;}
.shab-book-map__reader-text p:first-child{margin-top:0;}
.shab-book-map__reader-text h2,.shab-book-map__reader-text h3,.shab-book-map__reader-text h4{color:var(--shab-navy-deep);font-weight:800;line-height:1.25;margin:1em 0 .45em;}
.shab-book-map__reader-text h2{font-size:1.35em}.shab-book-map__reader-text h3{font-size:1.2em}.shab-book-map__reader-text h4{font-size:1.08em}
.shab-book-map__reader-text strong,.shab-book-map__reader-text b{font-weight:800;}
.shab-book-map__reader-text ul,.shab-book-map__reader-text ol{padding-left:1.4em;margin:.7em 0;}
.shab-book-map__reader-text blockquote{margin:.8em 0;padding:.15em 0 .15em 1em;border-left:4px solid var(--shab-gold);font-style:italic;}
.shab-book-map__reader-text a{text-decoration:underline;overflow-wrap:anywhere;}
.shab-book-map__media-stage img{cursor:zoom-in;transition:transform .18s ease;transform-origin:center center;}
.shab-book-map__media-stage img.is-zoomed{max-width:none!important;max-height:none!important;width:auto;height:auto;transform:scale(1.65);cursor:zoom-out;margin:28%;}
@media(max-width:640px){.shab-book-map__media-stage img.is-zoomed{transform:scale(1.35);margin:18%;}} .shab-book-map__reader-materials article .shab-book-map__reader-text p{
margin:.78em 0!important;
line-height:1.62;
}
.shab-book-map__reader-materials article .shab-book-map__reader-text p:first-child{margin-top:0!important;}
.shab-book-map__reader-materials article .shab-book-map__reader-text p:last-child{margin-bottom:0!important;}
.shab-book-map__reader-materials article .shab-book-map__reader-text h2,
.shab-book-map__reader-materials article .shab-book-map__reader-text h3,
.shab-book-map__reader-materials article .shab-book-map__reader-text h4{
display:block;
margin:1.35em 0 .7em!important;
color:var(--shab-navy-deep)!important;
font-weight:800!important;
line-height:1.25!important;
}
.shab-book-map__reader-materials article .shab-book-map__reader-text h2{font-size:1.38em!important;}
.shab-book-map__reader-materials article .shab-book-map__reader-text h3{font-size:1.22em!important;}
.shab-book-map__reader-materials article .shab-book-map__reader-text h4{font-size:1.1em!important;}
.shab-book-map__reader-materials article .shab-book-map__reader-text ul,
.shab-book-map__reader-materials article .shab-book-map__reader-text ol{margin:.8em 0!important;padding-left:1.5em;} .shab-book-map__media-stage{
height:auto!important;
min-height:0!important;
max-height:calc(100dvh - 150px)!important;
overflow:auto!important;
}
.shab-book-map__media-stage img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:calc(100dvh - 150px)!important;
object-fit:contain!important;
margin:auto!important;
transform:none!important;
cursor:default!important;
}
.shab-book-map__media-stage img.is-zoomed{
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:calc(100dvh - 150px)!important;
transform:none!important;
margin:auto!important;
cursor:default!important;
}
@media(max-width:640px){
.shab-book-map__media-stage{max-height:calc(100dvh - 108px)!important;}
.shab-book-map__media-stage img,
.shab-book-map__media-stage img.is-zoomed{max-width:100%!important;max-height:calc(100dvh - 108px)!important;}
} .shab-book-map__media-toolbar{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 10px;flex:0 0 auto;z-index:8;}
.shab-book-map__media-toolbar[hidden]{display:none!important;}
.shab-book-map__media-toolbar button{min-width:44px;height:40px;padding:0 12px;border:1px solid rgba(31,51,84,.22);border-radius:10px;background:#fff;color:#1f3354;font:inherit;font-weight:800;cursor:pointer;}
.shab-book-map__media-toolbar button[data-shab-media-zoom-reset]{min-width:72px;}
.shab-book-map__media-stage{overflow:hidden!important;touch-action:none;}
.shab-book-map__media-stage img,.shab-book-map__media-stage img.is-zoomed{max-width:100%!important;max-height:calc(100dvh - 190px)!important;object-fit:contain!important;margin:auto!important;transform-origin:center center!important;cursor:zoom-in!important;transition:transform .08s linear!important;user-select:none;-webkit-user-drag:none;touch-action:none;}
.shab-book-map__media-stage img.is-zoomed{cursor:grab!important;}
.shab-book-map__media-stage img.is-zoomed:active{cursor:grabbing!important;}
@media(max-width:640px){.shab-book-map__media-stage img,.shab-book-map__media-stage img.is-zoomed{max-height:calc(100dvh - 150px)!important}.shab-book-map__media-toolbar{margin-bottom:6px}.shab-book-map__media-toolbar button{height:38px;min-width:42px}}@media screen and (min-width: 1025px){.superb-addons-hide-on-desktop{display:none !important}}@media screen and (min-width: 768px)and (max-width: 1024px){.superb-addons-hide-on-tablet{display:none !important}}@media screen and (max-width: 768px){.superb-addons-hide-on-mobile{display:none !important}}.superb-addons-has-padding-top-desktop{padding-top:var(--spbadd-padding-top) !important}.superb-addons-has-padding-right-desktop{padding-right:var(--spbadd-padding-right) !important}.superb-addons-has-padding-bottom-desktop{padding-bottom:var(--spbadd-padding-bottom) !important}.superb-addons-has-padding-left-desktop{padding-left:var(--spbadd-padding-left) !important}@media screen and (min-width: 768px)and (max-width: 1024px){.superb-addons-has-padding-top-tablet{padding-top:var(--spbadd-padding-top-tablet) !important}.superb-addons-has-padding-right-tablet{padding-right:var(--spbadd-padding-right-tablet) !important}.superb-addons-has-padding-bottom-tablet{padding-bottom:var(--spbadd-padding-bottom-tablet) !important}.superb-addons-has-padding-left-tablet{padding-left:var(--spbadd-padding-left-tablet) !important}.superb-addons-has-padding-top-desktop:not(.superb-addons-has-padding-top-tablet){padding-top:var(--spbadd-padding-top) !important}.superb-addons-has-padding-right-desktop:not(.superb-addons-has-padding-right-tablet){padding-right:var(--spbadd-padding-right) !important}.superb-addons-has-padding-bottom-desktop:not(.superb-addons-has-padding-bottom-tablet){padding-bottom:var(--spbadd-padding-bottom) !important}.superb-addons-has-padding-left-desktop:not(.superb-addons-has-padding-left-tablet){padding-left:var(--spbadd-padding-left) !important}}@media screen and (max-width: 768px){.superb-addons-has-padding-top-mobile{padding-top:var(--spbadd-padding-top-mobile) !important}.superb-addons-has-padding-right-mobile{padding-right:var(--spbadd-padding-right-mobile) !important}.superb-addons-has-padding-bottom-mobile{padding-bottom:var(--spbadd-padding-bottom-mobile) !important}.superb-addons-has-padding-left-mobile{padding-left:var(--spbadd-padding-left-mobile) !important}.superb-addons-has-padding-top-tablet:not(.superb-addons-has-padding-top-mobile){padding-top:var(--spbadd-padding-top-tablet) !important}.superb-addons-has-padding-right-tablet:not(.superb-addons-has-padding-right-mobile){padding-right:var(--spbadd-padding-right-tablet) !important}.superb-addons-has-padding-bottom-tablet:not(.superb-addons-has-padding-bottom-mobile){padding-bottom:var(--spbadd-padding-bottom-tablet) !important}.superb-addons-has-padding-left-tablet:not(.superb-addons-has-padding-left-mobile){padding-left:var(--spbadd-padding-left-tablet) !important}.superb-addons-has-padding-top-desktop:not(.superb-addons-has-padding-top-tablet):not(.superb-addons-has-padding-top-mobile){padding-top:var(--spbadd-padding-top) !important}.superb-addons-has-padding-right-desktop:not(.superb-addons-has-padding-right-tablet):not(.superb-addons-has-padding-right-mobile){padding-right:var(--spbadd-padding-right) !important}.superb-addons-has-padding-bottom-desktop:not(.superb-addons-has-padding-bottom-tablet):not(.superb-addons-has-padding-bottom-mobile){padding-bottom:var(--spbadd-padding-bottom) !important}.superb-addons-has-padding-left-desktop:not(.superb-addons-has-padding-left-tablet):not(.superb-addons-has-padding-left-mobile){padding-left:var(--spbadd-padding-left) !important}}.superb-addons-has-margin-top-desktop{margin-top:var(--spbadd-margin-top) !important}.superb-addons-has-margin-right-desktop{margin-right:var(--spbadd-margin-right) !important}.superb-addons-has-margin-bottom-desktop{margin-bottom:var(--spbadd-margin-bottom) !important}.superb-addons-has-margin-left-desktop{margin-left:var(--spbadd-margin-left) !important}@media screen and (min-width: 768px)and (max-width: 1024px){.superb-addons-has-margin-top-tablet{margin-top:var(--spbadd-margin-top-tablet) !important}.superb-addons-has-margin-right-tablet{margin-right:var(--spbadd-margin-right-tablet) !important}.superb-addons-has-margin-bottom-tablet{margin-bottom:var(--spbadd-margin-bottom-tablet) !important}.superb-addons-has-margin-left-tablet{margin-left:var(--spbadd-margin-left-tablet) !important}.superb-addons-has-margin-top-desktop:not(.superb-addons-has-margin-top-tablet){margin-top:var(--spbadd-margin-top) !important}.superb-addons-has-margin-right-desktop:not(.superb-addons-has-margin-right-tablet){margin-right:var(--spbadd-margin-right) !important}.superb-addons-has-margin-bottom-desktop:not(.superb-addons-has-margin-bottom-tablet){margin-bottom:var(--spbadd-margin-bottom) !important}.superb-addons-has-margin-left-desktop:not(.superb-addons-has-margin-left-tablet){margin-left:var(--spbadd-margin-left) !important}}@media screen and (max-width: 768px){.superb-addons-has-margin-top-mobile{margin-top:var(--spbadd-margin-top-mobile) !important}.superb-addons-has-margin-right-mobile{margin-right:var(--spbadd-margin-right-mobile) !important}.superb-addons-has-margin-bottom-mobile{margin-bottom:var(--spbadd-margin-bottom-mobile) !important}.superb-addons-has-margin-left-mobile{margin-left:var(--spbadd-margin-left-mobile) !important}.superb-addons-has-margin-top-tablet:not(.superb-addons-has-margin-top-mobile){margin-top:var(--spbadd-margin-top-tablet) !important}.superb-addons-has-margin-right-tablet:not(.superb-addons-has-margin-right-mobile){margin-right:var(--spbadd-margin-right-tablet) !important}.superb-addons-has-margin-bottom-tablet:not(.superb-addons-has-margin-bottom-mobile){margin-bottom:var(--spbadd-margin-bottom-tablet) !important}.superb-addons-has-margin-left-tablet:not(.superb-addons-has-margin-left-mobile){margin-left:var(--spbadd-margin-left-tablet) !important}.superb-addons-has-margin-top-desktop:not(.superb-addons-has-margin-top-tablet):not(.superb-addons-has-margin-top-mobile){margin-top:var(--spbadd-margin-top) !important}.superb-addons-has-margin-right-desktop:not(.superb-addons-has-margin-right-tablet):not(.superb-addons-has-margin-right-mobile){margin-right:var(--spbadd-margin-right) !important}.superb-addons-has-margin-bottom-desktop:not(.superb-addons-has-margin-bottom-tablet):not(.superb-addons-has-margin-bottom-mobile){margin-bottom:var(--spbadd-margin-bottom) !important}.superb-addons-has-margin-left-desktop:not(.superb-addons-has-margin-left-tablet):not(.superb-addons-has-margin-left-mobile){margin-left:var(--spbadd-margin-left) !important}}.superb-addons-has-font-size-desktop{font-size:var(--spbadd-font-size) !important}@media screen and (min-width: 768px)and (max-width: 1024px){.superb-addons-has-font-size-tablet{font-size:var(--spbadd-font-size-tablet) !important}.superb-addons-has-font-size-desktop:not(.superb-addons-has-font-size-tablet){font-size:var(--spbadd-font-size) !important}}@media screen and (max-width: 768px){.superb-addons-has-font-size-mobile{font-size:var(--spbadd-font-size-mobile) !important}.superb-addons-has-font-size-tablet:not(.superb-addons-has-font-size-mobile){font-size:var(--spbadd-font-size-tablet) !important}.superb-addons-has-font-size-desktop:not(.superb-addons-has-font-size-tablet):not(.superb-addons-has-font-size-mobile){font-size:var(--spbadd-font-size) !important}}.superb-addons-has-line-height-desktop{line-height:var(--spbadd-line-height) !important}@media screen and (min-width: 768px)and (max-width: 1024px){.superb-addons-has-line-height-tablet{line-height:var(--spbadd-line-height-tablet) !important}.superb-addons-has-line-height-desktop:not(.superb-addons-has-line-height-tablet){line-height:var(--spbadd-line-height) !important}}@media screen and (max-width: 768px){.superb-addons-has-line-height-mobile{line-height:var(--spbadd-line-height-mobile) !important}.superb-addons-has-line-height-tablet:not(.superb-addons-has-line-height-mobile){line-height:var(--spbadd-line-height-tablet) !important}.superb-addons-has-line-height-desktop:not(.superb-addons-has-line-height-tablet):not(.superb-addons-has-line-height-mobile){line-height:var(--spbadd-line-height) !important}}.superb-addons-has-text-align-desktop{text-align:var(--spbadd-text-align) !important}@media screen and (min-width: 768px)and (max-width: 1024px){.superb-addons-has-text-align-tablet{text-align:var(--spbadd-text-align-tablet) !important}.superb-addons-has-text-align-desktop:not(.superb-addons-has-text-align-tablet){text-align:var(--spbadd-text-align) !important}}@media screen and (max-width: 768px){.superb-addons-has-text-align-mobile{text-align:var(--spbadd-text-align-mobile) !important}.superb-addons-has-text-align-tablet:not(.superb-addons-has-text-align-mobile){text-align:var(--spbadd-text-align-tablet) !important}.superb-addons-has-text-align-desktop:not(.superb-addons-has-text-align-tablet):not(.superb-addons-has-text-align-mobile){text-align:var(--spbadd-text-align) !important}}[superb-addons-animation][data-spbadd-entrance],[data-spbadd-anim-letter][data-spbadd-entrance]{opacity:0;animation:spbadd-safety-reveal 0s 4s forwards}html.spbadd-animations-ready [superb-addons-animation][data-spbadd-entrance],html.spbadd-animations-ready [data-spbadd-anim-letter][data-spbadd-entrance]{animation:none}@keyframes spbadd-safety-reveal{to{opacity:1}}.spbadd-anim-count{display:inline-block;vertical-align:baseline}.spbadd-anim-typing-cursor::after{content:"|";display:inline-block;width:0;transform:translateX(-0.05em);animation:spbadd-cursor-blink .7s infinite}@keyframes spbadd-cursor-blink{0%,100%{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion: reduce){.spbadd-anim-letter,.spbadd-anim-char{opacity:1 !important}.spbadd-anim-typing-cursor::after{animation:none !important}}.has-superb-addons-text-align-justify{display:inline-block;text-align:justify}.wp-block-navigation.has-superb-addons-overlay-menu-justification .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation.has-superb-addons-overlay-menu-justification .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-submenu{align-items:var(--superb-addons-overlay-menu-justification, inherit) !important;text-align:var(--superb-addons-overlay-menu-text-align, inherit) !important}.wp-block-navigation.superb-addons-overlay-menu-justification-left{--superb-addons-overlay-menu-justification: start;--superb-addons-overlay-menu-text-align: left}.wp-block-navigation.superb-addons-overlay-menu-justification-center{--superb-addons-overlay-menu-justification: center;--superb-addons-overlay-menu-text-align: center}.wp-block-navigation.superb-addons-overlay-menu-justification-right{--superb-addons-overlay-menu-justification: end;--superb-addons-overlay-menu-text-align: right}.wp-block-navigation.superb-addons-overlay-menu-justification-stretch{--superb-addons-overlay-menu-justification: stretch;--superb-addons-overlay-menu-text-align: left}.wp-block-navigation.is-superb-addons-submenu-layout-card .wp-block-navigation__responsive-container:not(.has-modal-open.is-menu-open) .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{border-radius:8px;box-shadow:rgba(0, 0, 0, 0.05) 0px 10px 20px 0px;border-style:solid;border-width:1px;padding:10px}.wp-block-navigation.is-superb-addons-submenu-layout-card .wp-block-navigation__responsive-container:not(.has-modal-open.is-menu-open) .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container a:not(.wp-element-button),.wp-block-navigation.is-superb-addons-submenu-layout-card .wp-block-navigation__responsive-container:not(.has-modal-open.is-menu-open) .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container button.wp-block-navigation-item__content{padding:10px 20px;line-height:130%}.wp-block-navigation.is-superb-addons-submenu-layout-card .wp-block-navigation__responsive-container:not(.has-modal-open.is-menu-open) .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle{background-color:transparent}.wp-block-navigation.is-superb-addons-submenu-layout-card .wp-block-navigation__responsive-container:not(.has-modal-open.is-menu-open) .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container li{border-radius:8px;width:100%}.wp-block-navigation.is-superb-addons-submenu-layout-card .wp-block-navigation__responsive-container:not(.has-modal-open.is-menu-open) .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container li:hover{background-color:rgba(0, 0, 0, 0.03)}p.has-superb-addons-drop-cap:first-letter,p.has-superb-addons-drop-cap>span.has-superb-addons-text-align-justify:first-child:first-letter{float:left;float:inline-start;font-size:var(--superb-dropcap-font-size, 96px);line-height:var(--superb-dropcap-line-height, 76.8px);padding-top:var(--superb-dropcap-padding-top, 5.1px);padding-right:var(--superb-dropcap-padding-right, 10.2px);padding-left:var(--superb-dropcap-padding-left, 3.8px);padding-inline-end:var(--superb-dropcap-padding-right, 10.2px);padding-inline-start:var(--superb-dropcap-padding-left, 3.8px);color:var(--superb-dropcap-color, inherit);font-family:var(--superb-dropcap-font-family, inherit)}p.has-superb-addons-drop-cap.has-text-align-center:first-letter,p.has-superb-addons-drop-cap.has-text-align-right:first-letter{float:none}[dir=rtl] p.has-superb-addons-drop-cap.has-text-align-right:first-letter{float:right;float:inline-start}[dir=rtl] p.has-superb-addons-drop-cap.has-text-align-left:first-letter{float:none}[data-spbadd-sticky=true]:not(.spbadd-sticky-ready){visibility:hidden}[data-spbadd-sticky=true].spbadd-sticky-ready{visibility:visible}.spbadd-sticky-placeholder{visibility:hidden !important;pointer-events:none}