.aem-Grid .side-drawer.aem-GridColumn.aem-GridColumn--default--12 {
  float: unset !important;
  width: unset !important;
  clear: unset !important; }

.sidedrawer {
  overflow: hidden;
  position: relative; }

.side-drawer {
  display: none; }
  @media (min-width: 1024px) {
    .side-drawer {
      display: block;
      margin-top: 1px;
      position: fixed;
      right: -2px;
      z-index: 999;
      top: 200px; } }

.side-drawer--wrapper {
  max-width: 100%;
  position: relative;
  margin: 0 auto;
  direction: ltr;
  transition: all .6s ease-out;
  z-index: 0;
  right: 0;
  padding: 54px 0 0 0; }
  @media (min-width: 1024px) {
    .side-drawer--wrapper {
      z-index: 999;
      margin: 0;
      max-width: 700px;
      padding: 0;
      background: none; }
      .side-drawer--wrapper .side-drawer--content {
        transition: background-color 100ms linear;
        animation-direction: reverse; }
      .side-drawer--wrapper[data-expanded="false"] .side-drawer--content {
        width: 0;
        max-width: 0;
        right: 0; }
      .side-drawer--wrapper[data-expanded="true"] {
        right: 0; }
        .side-drawer--wrapper[data-expanded="true"] .side-drawer--content {
          width: 100%;
          max-width: 600px;
          right: 0; }
          .side-drawer--wrapper[data-expanded="true"] .side-drawer--content .iframe-general {
            text-align: center; } }
  @media (min-width: 1024px) {
    .side-drawer--wrapper.position-fixed {
      position: fixed;
      top: 50px; } }
  .side-drawer--wrapper .side-drawer--tab {
    padding: 0 15px;
    display: none; }
    @media (min-width: 1024px) {
      .side-drawer--wrapper .side-drawer--tab {
        position: relative;
        z-index: 1;
        cursor: pointer;
        float: left;
        display: block;
        left: -68px;
        top: -1px; } }
    @media (min-width: 1024px) {
      .side-drawer--wrapper .side-drawer--tab-close {
        display: block;
        content: "";
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        position: absolute;
        left: 30px;
        top: 21px;
        transition: all .6s ease-out;
        z-index: 9;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%2300A0FF' viewBox='0 0 19 19' style='enable-background:new 0 0 19 19;' xml:space='preserve'%3E%3Crect x='9' width='1' height='19'/%3E%3Crect x='9' transform='matrix(-1.836970e-16 1 -1 -1.836970e-16 19 1.776357e-15)' width='1' height='19'/%3E%3C/svg%3E%0A"); } }
    .side-drawer--wrapper .side-drawer--tab-title {
      display: block;
      position: relative;
      background-repeat: no-repeat;
      cursor: pointer;
      white-space: nowrap;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 500;
      transform: rotate(-90deg); }
      .side-drawer--wrapper .side-drawer--tab-title:after {
        content: attr(aria-label);
        padding: 14px 56px 17px 23px;
        right: 0;
        position: absolute;
        white-space: nowrap;
        color: #ffffff;
        font-size: 0.875rem;
        line-height: 1.5;
        display: block; }
  .side-drawer--wrapper .side-drawer--content {
    padding: 25px;
    z-index: 10;
    position: relative;
    padding: 0;
    transition: all 0.6s ease-out;
    float: right; }
    @media (max-width: 1024px) {
      .side-drawer--wrapper .side-drawer--content {
        width: 100%;
        float: none; } }
  .side-drawer--wrapper[data-expanded="true"] .side-drawer--tab-close {
    transform: rotate(45deg); }
  .side-drawer--wrapper .side-drawer--tab-title {
    color: var(--calcite-ui-text-1);
    background-color: none; }
    @media (min-width: 1024px) {
      .side-drawer--wrapper .side-drawer--tab-title:after {
        background-color: var(--esri-ui-opacity90-inverse);
        color: var(--calcite-ui-text-1); } }
  .side-drawer--wrapper .side-drawer--content {
    background-color: var(--calcite-ui-background); }
    @media (min-width: 1024px) {
      .side-drawer--wrapper .side-drawer--content {
        border: 1px solid var(--calcite-ui-border-3);
        border-width: 1px 0 1px 1px; } }
  .side-drawer--wrapper .side-drawer--tab-content {
    background: var(--calcite-ui-background);
    border: 1px solid var(--calcite-ui-border-3);
    border-width: 1px 0 1px 1px; }