.oc-wrapper {
  position: fixed;
  z-index: 1001;
  width: 100%;
  height: 100%;
  pointer-events: none;
  top: 0; }

.oc-activator {
  position: absolute;
  isolation: isolate;
  width: 40px;
  height: 40px;
  right: 0;
  top: 30%;
  padding: 8px;
  transform-origin: right;
  transition: all 0.2s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: initial;
  cursor: pointer;
  color: white;
  box-sizing: border-box;
  z-index: 1002; }
  .oc-activator:hover {
    transform: scale(1.05); }
  .oc-activator:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transform: scale(1);
    transform-origin: left;
    transition: all 0.25s cubic-bezier(0, 0.24, 0.35, 1.43);
    background-color: currentColor; }
  .oc-activator.active:after {
    transform: scaleX(1.3); }
  @media (max-width: 768px) {
    .oc-activator {
      display: none; } }

#oc-activator-watchlist {
  top: 30%;
  background-color: #7A132B; }
  @media (max-width: 1024px) {
    #oc-activator-watchlist {
      top: 60%; } }
  #oc-activator-watchlist:after {
    background-color: #7A132B; }

#oc-activator-guide {
  top: calc(30% + 40px + 4px);
  background-color: #EEA423; }
  @media (max-width: 1024px) {
    #oc-activator-guide {
      top: calc(60% + 40px + 4px); } }
  #oc-activator-guide:after {
    background-color: #EEA423; }

#oc-activator-contact {
  top: calc(30% + 2 * 40px + 2 * 4px);
  background-color: #97B395; }
  @media (max-width: 1024px) {
    #oc-activator-contact {
      top: calc(60% + 2 * 40px + 2 * 4px); } }
  #oc-activator-contact:after {
    background-color: #97B395; }

.oc {
  pointer-events: initial; }

.uk-offcanvas-bar {
  height: 101%; }

#oc-guide-full-info {
  border: thin solid #40704D;
  padding: 16px;
  display: flex;
  background-color: #ffffff; }
  #oc-guide-full-info > span {
    flex: none;
    color: #40704D;
    margin-right: 8px; }
  #oc-guide-full-info > p {
    color: #40704D;
    font-weight: bold; }

#oc-guide-unfinished-info {
  border: thin solid #9C4F3E;
  padding: 16px;
  display: flex; }
  #oc-guide-unfinished-info > span {
    flex: none;
    color: #9C4F3E;
    margin-right: 8px; }
  #oc-guide-unfinished-info > p {
    color: #9C4F3E;
    font-weight: bold; }

.uk-offcanvas-page, .uk-offcanvas-container {
  overflow-x: initial !important; }