@media screen {
    .container {
    opacity: 1;
  }
}

* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.clickable,
[onclick],
[onmousedown],
[data-action] {
  touch-action: manipulation;
  cursor: pointer;
}

#spiders {
    display: none;
}

::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: #fff0
}

::-moz-scrollbar {
    width: 0;
    height: 0;
    background: #fff0
}

:root {
    scrollbar-color: #fff0 #fff0;
    scrollbar-width: 0
}

::placeholder {
    color: inherit;
    opacity: .5
}

:focus,input:focus {
    outline: none
}

.noselect,
.linkbut,
.edpane {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.txtselect {
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.hs {
    display: none
}

.backvid {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    width: 100%;
    height: auto
}

.fadecol {
    transition: all .8s ease-in 0s
}

.ul {
    position: relative
}

.but:hover {
    filter: brightness(1.05)
}

.but:active {
    cursor: pointer;
    filter: brightness(1);
    transition: filter 0.2s ease 0s
}

.hotbut {
    will-change: transform;
    cursor: pointer;
    opacity: .85
}

.hotbut:hover {
    opacity: 1
}

.hotbut:active {
    opacity: .7
}

.itembut:hover {
    opacity: .95
}

.flex-container {
    display: flex;
    flex-wrap: nowrap
}

iframe {
    background-color: rgb(100 100 100 / .2);
    padding: 0;
    outline: 0;
    width: 100%
}

a:link,
a:visited {
    color: inherit;
    outline: none;
    text-decoration: none;
    transition: color 0.4s ease 0s
}

a:hover {
    transition: color 0.3s ease 0s;
    cursor: pointer
}

.dragpan {
    position: absolute;
    z-index: 1;
    display: none;
    cursor: pointer;
    background: none;
}

.refl {
    transform: scaleY(-1);
    -webkit-mask-image: linear-gradient(transparent, black)
}

.rotater {-webkit-animation: spin 1s infinite linear}
.rotateslow {-webkit-animation: spin 5s infinite linear}
@-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg)} 100% {-webkit-transform: rotate(360deg)}}
@keyframes spin { 0% {-webkit-transform: rotate(0deg)} 100% {-webkit-transform: rotate(360deg)}}

.pulse,.pulsar {
  -webkit-animation: pulse 1s infinite ease-in; animation: pulse 1s infinite ease-out;
}
@-webkit-keyframes pulse {
  0%   { filter: contrast(90%); }
  50%  { filter: contrast(130%); }
  100% { filter: contrast(90%); }
}
@keyframes pulse {
  0%   { filter: contrast(90%); }
  50%  { filter: contrast(130%); }
  100% { filter: contrast(90%); }
}

/* Editable fields baseline (safe on Android + iOS) */
input, [contenteditable]{
  -webkit-appearance:none; appearance:none;
  border:0; border-radius:0;
  -webkit-user-select:text !important; user-select:text !important;
  -webkit-touch-callout:default;
  /* helpful but harmless */
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  caret-color: inherit
}

#map { position: absolute;top: 0;bottom: 0;width: 100%}

body {margin: 0;overflow: hidden;-webkit-text-size-adjust: none;top: 0px !important}

body>.skiptranslate>iframe.skiptranslate {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(100%) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

#tl {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center
}

img[src=""] {
    display: none
}

img[mousevent] {
    cursor: pointer
}

img[onclick] {
    cursor: pointer
}

img,
svg {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none
}

#temphtml {
    position: absolute;
    display: none;
    overflow: none
}

#usertip {
    position: absolute;
    z-index: auto;
    opacity: 0;
    min-width: 20px;
    text-align: center;
    padding: 8px;
    font: 12px Arial;
    white-space: nowrap;
    pointer-events: none
}

.toplayer {
    will-change: transform;
    position: fixed;
    display: block;
    z-index: 20;
    background: none;
    top: 0;
    left: 0;
    border: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.toplayer:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

#sitewin {
    display: block;
    position: fixed;
    padding: 0;
    border: 0;
    top:0;
    left:0;
    background: none;
    will-change: transform;
    transform: scale(1);
    transform-origin: top left;
    backface-visibility: hidden;
}

#layout {
    position: absolute;
    display: block;
    margin: 0;
    width: 765px;
    border: 0;
    will-change: transform;
    min-height: 20px
}

#header {
    position: relative;
    z-index: 0;
    display: none;
    left: 0;
    padding: 0;
    min-width: 0;
    min-height: 0;
}

#skin {
    z-index: 1;
    position: absolute;
    text-align: center
}

#content {
    z-index: 2;
    min-height: 0;
    position: absolute;
    display: block;
    opacity: 0;
    border-style: solid;
    border: 0
}

#strip {
    position: absolute;
    z-index: 5;
    display: block
}

#choice {
    position: absolute;
    z-index: 7;
    display: none;
    width: auto;
    white-space: nowrap
}

#bardiv {
    z-index: 8;
    position: absolute;
    min-width: 0;
    display: none;
    will-change: transform;
}

#viewpan {
    position: fixed;
    z-index: 11;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: none;
    cursor: auto
}

#viewer {
    z-index: 12;
    position: absolute;
    display: none;
    padding: 0
}

#sharestrip {
    z-index: 9;
    position: absolute;
    display: none
}

#addlinks {
    width: 50%;
    overflow: hidden;
    height: 0
}

#sizer {
    position: absolute;
    z-index: 950;
    display: none;
    height: 200px;
    width: 300px;
    background: none;
    pointer-events: none;
    box-sizing: content-box;
    border: 1px solid;
    cursor: pointer
}

#editpanel {
    position: absolute;
    z-index: 3;
    display: none;
    min-height: 100px
}

#editpage {
    z-index: 2;
    padding: 8px 15px 10px 25px;
    top: 29px;
    width: 285px;
    border: 1px solid rgb(100 100 100 / .3);
}

#linkmaker {
    z-index: 3;
    cursor: auto;
    padding: 10px 20px px 20px;
    top: 29px
}

#editmess {
    z-index: 4;
    display: none;
    padding: 10px 20px 5px 20px;
    top: 29px
}

#linktit {
    display: flex;
    flex-wrap: nowrap;
    height: 25px;
    width: 100%;
    margin: 5px 0 15px 0
}

#editprompt {
    display: flex;
    flex-wrap: nowrap;
    height: 25px;
    width: 100%;
    margin: 5px 0 15px 0
}

#edtabs {
    display: block;
    cursor: pointer;
    height: 16px;
    width: 283px;
    background: none
}

#editsave {
    display: block;
    position: absolute;
    z-index: 1;
    width: 282px;
    top: 188px;
    height: 40px;
    cursor: auto;
    background: none
}

.edpane {
    position: absolute;
    width: 285px;
    height: 170px;
    cursor: auto
}

.menrow {
    display: block;
    height: 25px;
    margin-bottom: 15px;
    width: 100%;
    background: none
}

.edit-spec {
    display: inline-block;
    margin: 0 3 0 3;
    text-align: center;
    vertical-align: middle;
    background-color: #fff0;
    height: 40px;
    width: 40px;
    outline: 0
}

.edit-button {
    border-style: none;
    vertical-align: middle;
    cursor: pointer;
    height: 100%;
    width: 100%;
    outline: 0
}

.edit-button-selected {
    filter: brightness(1.2)
}

.edit-buthold {
    box-sizing: border-box;
    margin: -5 1 7 1;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    height: 35px;
    width: 45px;
    background: linear-gradient(0deg, #888, #eee);
    outline: 0
}

.flip-box {
    cursor: pointer;
    width: 325px;
    height: 249px;
    background: none;
    perspective: 1000px
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.45s;
    transform-style: preserve-3d
}

.flip-box-front {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%
}

.flip-box-back {
    position: absolute;
    z-index: 10;
    background:none;
    cursor: pointer;
    transform: rotateY(180deg);
    width: 100%;
    height: 100%
}

.goog-te-banner-frame {
    visibility: hidden !important
}

.goog-tooltip {
    visibility: hidden !important
}

.goog-tooltip:hover {
    visibility: hidden !important
}

.goog-text-highlight {
    pointer-events: inherit;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}