/* --- Maxym css ----- */

/*Heading rules H1*/
h1.notion-header__title,
h1.notion-heading {
 color: #414141;
 font-family: "Open Sans";
 font-size: 2.5em !important;
 font-style: normal;
 font-weight: 700;
 line-height: 110%;
 text-align: left;
}
@media only screen and (max-width: 680px) {
 h1.notion-header__title,
 h1.notion-heading {
  font-size: 2em !important;
 }
}

/*Heading rules H2*/
h2.notion-heading {
 color: #414141;
 font-family: "Open Sans";
 font-size: 36px !important;
 font-style: normal;
 font-weight: 600;
 line-height: 110%;
 text-align: left;
 margin: 84px 0px 8px 0px !important;
}
@media only screen and (max-width: 680px) {
 h2.notion-heading {
  color: #414141;
  font-family: "Open Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  text-align: left;
  margin: 40px 0px 12px 0px !important;
 }
}

/*Heading rules H3 */
h3.notion-heading {
 color: #414141;
 font-family: Roboto;
 font-size: 22px;
 font-style: normal;
 font-weight: 700;
 line-height: 110%;
 text-align: left;
}
@media only screen and (max-width: 680px) {
 h3.notion-heading {
  color: #414141;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-align: left;
 }
}

/*Paragraph text */
.notion-text.color-default,
.notion-text,
.notion-semantic-string {
 font-family: "Roboto";
 font-size: 18px;
 font-style: normal;
 font-weight: 400;
 line-height: 140%;
 text-align: left;
}

@media only screen and (max-width: 680px) {
 .notion-text.color-default,
 .notion-text {
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
 }
}
/*Right Border for the text block */
@media only screen and (max-width: 680px) {
 .notion-text.color-default {
  border-right: #cdcdcd solid 0px;
  border-radius: 5px;
  padding: 0px 0px 0px 0;
 }
}

/*Three Column Section with the hover effect */
blockquote.notion-quote {
 border-left-width: 0em !important;
 margin: 0;
 padding: 0;
}

blockquote.notion-quote.color-default .notion-column {
 border: #cdcdcd solid 1px;
 border-radius: 5px;
 padding: 24px;
 margin-top: 16px;
 position: relative;
 z-index: 1;
}

blockquote.notion-quote.color-default .notion-column :before {
 content: "";
 position: absolute;
 top: -1px;
 left: -1px;
 right: -1px;
 bottom: -1px;
 border: #cdcdcd solid 0px !important;
 border-radius: 5px;
 z-index: -1;
 background-color: #f1f1f1 !important;
 transition: background-color 0.3s ease;
}

blockquote.notion-quote.color-default .notion-column,
.notion-text.notion-text__content.notion-semantic-string:hover::before {
 background-color: #fcfcfc !important;
 border: #cdcdcd solid 1px !important;
}

/*Partners table */
.notion-quote.bg-brown {
 background-color: transparent;
}
.notion-quote.bg-brown
 .notion-column-list
 .notion-column
 .notion-image.align-start.page-width,
.normal {
 border: #cdcdcd solid 1px;
 border-radius: 5px;
 padding: 24px;
}

/*Three Column Section without the hover effect */
blockquote.notion-quote.bg-gray {
 background-color: transparent;
}
blockquote.notion-quote.bg-gray .notion-column {
 background-color: #f1f1f1;
 border: #cdcdcd solid 1px;
 border-radius: 5px;
 padding: 24px;
 margin-top: 16px;
}

/*Border radius for call to action in navbar */
.super-navbar__actions {
 --navbar-button-border-radii: 5px;
}

/*Database named “Linked”*/
.notion-collection-gallery.no-border-top.large {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 16px;
}
@media only screen and (max-width: 680px) {
 .notion-collection-gallery.no-border-top.large {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
 }
}
.notion-collection-gallery.no-border-top.large .notion-collection-card.gallery {
 border: #cdcdcd solid 1px;
 border-radius: 5px;
 padding: 24px;
 margin-top: 16px;
 position: relative;
 z-index: 1;
 box-shadow: none;
}

.notion-collection-gallery.no-border-top.large .notion-collection-card.gallery {
 border: #cdcdcd solid 1px;
 border-radius: 5px;
 padding: 24px;
 margin-top: 16px;
 position: relative;
 z-index: 1;
 box-shadow: none;
}
.notion-collection-gallery.no-border-top.large
 .notion-collection-card.gallery:before {
 content: "";
 position: absolute;
 top: -1px;
 left: -1px;
 right: -1px;
 bottom: -1px;
 border: #cdcdcd solid 1px !important;
 border-radius: 5px;
 z-index: -1;
 background-color: #f1f1f1 !important;
 transition: background-color 0.3s ease;
}
.notion-collection-gallery.no-border-top.large
 .notion-collection-card.gallery:hover::before {
 background-color: #fcfcfc !important;
 border: #cdcdcd solid 1px !important;
}
.notion-collection-gallery.no-border-top.large
 .notion-collection-card.gallery.no-click:hover
 .notion-property.notion-property__file.notion-collection-card__property {
 background-color: #f1f1f1;
 box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.notion-collection-card__content.notion-collection-card__property-list.no-title
 .notion-property.notion-property__rollup.notion-collection-card__property
 .notion-property.notion-property__title.notion-semantic-string
 .notion-link.notion-page.resource
 .notion-page__icon {
 display: none;
}
.notion-collection-card__content.notion-collection-card__property-list.no-title
 .notion-property.notion-property__rollup.notion-collection-card__property
 .notion-property.notion-property__title.notion-semantic-string
 .notion-link.notion-page.resource {
 padding: 0 0 0 0;
 margin-bottom: 24px;
}
.notion-collection-card__content.notion-collection-card__property-list.no-title
 .notion-property.notion-property__rollup.notion-collection-card__property
 .notion-property.notion-property__text.property-undefined.notion-semantic-string.no-wrap {
 white-space: normal;
 margin-bottom: 16px;
}
.notion-collection-card__content.notion-collection-card__property-list.no-title
 .notion-property.notion-collection-card__property.wrap {
 margin-bottom: 24px;
}
.notion-collection-card__content.notion-collection-card__property-list.no-title
 .notion-property.notion-collection-card__property.wrap
 .notion-pill {
 padding: 8px 16px;
 border-radius: 5px;
 margin-bottom: 12px;
}
.notion-collection-card__content.notion-collection-card__property-list.no-title
 .notion-property.notion-property__file.notion-collection-card__property {
 border: #cdcdcd solid 1px !important;
 border-radius: 50px;
 position: relative;
 width: 42px;
 height: 42px;
 margin-inline-end: 0px;
}
.notion-collection-card__content.notion-collection-card__property-list.no-title
 .notion-property.notion-property__file.notion-collection-card__property
 .notion-link {
 position: absolute;
 top: 50%;
 left: 55%;
 transform: translate(-50%, -50%);
}

/*Call to action */
.notion-collection.inline .notion-property.notion-property__text.notion-collection-card__property.no-wrap/*, .notion-collection.inline .notion-property.notion-property__text.notion-collection-card__property.notion-semantic-string NT*/ {
 display: inline-block;
 text-decoration: none !important;
 background-color: #16bc00;
 font-size: 14pt !important;
 font-weight: 500;
 line-height: 1em;
 letter-spacing: 0;
 text-transform: lowercase;
 font-size: small;
 padding: 16px 24px 13px 24px;
 color: white !important;
 border: none;
 border-radius: 5px;
}
.notion-collection.inline
 .notion-property.notion-property__text.notion-collection-card__property.no-wrap:first-letter,
.notion-collection.inline
 .notion-property.notion-property__text.notion-collection-card__property.no-wrap
 strong:first-letter {
 text-transform: uppercase;
}
.notion-collection.inline
 .notion-property.notion-property__text.notion-collection-card__property.notion-semantic-string:first-letter,
.notion-collection.inline
 .notion-property.notion-property__text.notion-collection-card__property.notion-semantic-string:first-letter {
 text-transform: uppercase;
}

.notion-collection.inline
 .notion-collection-board.no-border-top.large
 .notion-collection-card {
 box-shadow: none;
 height: 100%;
 width: 100%;
 max-width: 1200px;
 max-height: 725px;
 padding: 0px;
 display: flex;
 align-items: center;
 border: 0px solid #00b000;
}
.notion-collection.inline .notion-collection-board__column {
 padding: 0;
}
.notion-collection.inline .notion-collection-board__item {
 margin: 0;
}
.notion-collection.inline {
 margin: 32px 0 32px 0;
}
.notion-collection.inline .notion-collection-board.no-border-top.large {
 padding-bottom: 0;
}
.notion-collection.inline .notion-collection-board.no-border-top.large {
 padding-bottom: 0;
}
img.notion-collection-card__cover.large {
 fill: rgb(255, 255, 255);
 filter: brightness(1);
}

/* Hide Toggle list with the Brown BG */
.notion-toggle.bg-brown {
 display: none;
}

/* --- Maxym css ends here ----- */

:root {
 /*large collection card 4 rows*/
 --collection-card-cover-size-large: 270px !important;
 --collection-card-cover-size-medium: 215px !important;
 --column-spacing: 0.4rem;
 --padding-layout: 0.7rem !important;
}

html.theme-light {
 /*red to green*/
 --red-h: 113 !important;
 /*light gray*/
 --color-bg-gray: hsl(0, 0%, 93%) !important;
}

.notion-collection-board.large {
 border: none;
}

/*top most line in a page*/
div#block-root-divider {
 display: none;
}

/* toggle heading 1 with brown background is hidden 
.notion-toggle-heading-1.bg-brown, .notion-toggle.open.notion-toggle-heading-1.bg-brown, .notion-toggle.close.notion-toggle-heading-1.bg-brown{
    display: none !important;
}*/

/* hide page icon in databases */
.notion-property__title__icon-wrapper {
 display: none !important;
}

.bg-brown:has(iframe) {
 display: unset;
}

blockquote.color-brown {
 color: var(--color-text-brown);
 padding: unset !important;
 border-left: none !important;
}
blockquote.color-brown .notion-column {
 margin-inline-start: 5px !important;
}

/* transform brown background on text to light gray background */
.notion-text.bg-purple {
 background-color: var(--navbar-background-color-dark);
}

/* overfloat background of text if background is grey or brown by ld */
.notion-text.bg-purple,
.notion-text.bg-gray {
 margin-left: -50vw !important;
 margin-right: -50vw !important;
 padding-left: 50vw !important;
 padding-right: 50vw !important;
 box-sizing: border-box;
 overflow-x: hidden;
 padding-top: 30px;
}

html,
body {
 /* hides horizontal scroll bar */
 overflow-x: clip;
}

/* align text inside text at the same level by ld */
.notion-text__children {
 margin-left: 0;
}

/* move title over the cover image for artices */
/*make this look better */
main.parent-page__article .notion-header__title-wrapper {
 color: #fff;
 margin-top: -200px !important;
 margin-bottom: 100px;
 min-height: 105px;
}

main.parent-page__article .notion-header__title-wrapper h1 {
 background-color: rgba(98, 98, 98, 0.6);
}

@media only screen and (max-width: 680px) {
 main.parent-page__article .notion-header__title-wrapper {
  font-size: 2em;
  padding-top: 15px;
 }
}

/* font effects basd on code formatting */
.highlighted-color.color-purple code {
 all: unset;
 font-family: var(--secondary-font) !important;
 font-size: 2em;
 color: var(--color-text-default) !important;
 padding-bottom: 0;
 padding-top: 0;
}

.highlighted-color.color-green code {
 all: unset;
 font-family: var(--secondary-font) !important;
 font-size: 2em !important;
 color: var(--color-text-green) !important;
 padding-top: 0;
 padding-bottom: 0;
}

.highlighted-color.color-orange code {
 all: unset;
 font-family: var(--secondary-font) !important;
 font-size: 3.1em !important;
 color: var(--color-text-default) !important;
 padding-top: 0;
 padding-bottom: 0;
}

.highlighted-color.color-yellow code {
 all: unset;
 font-family: var(--secondary-font) !important;
 font-size: 3.1em !important;
 color: var(--color-text-green) !important;
 padding-top: 0;
 padding-bottom: 0;
}

/* showing icons on callouts */
/* brown bg => transparent bg */
.notion-callout.bg-brown-light .notion-callout__icon {
 display: block;
 background-color: transparent;
 border-color: var(--color-border-default) !important;
}

.notion-callout.bg-brown-light {
 background-color: transparent;
 border-color: var(--color-border-default) !important;
}

/* brown text => light gray bg */
.notion-callout.color-gray-light .notion-callout__icon {
 display: block;
 background-color: var(--color-bg-gray-light);
 border-color: var(--color-border-default) !important;
}

.notion-callout.color-gray-light {
 background-color: var(--color-bg-gray-light);
 border-color: var(--color-border-default) !important;
}

/* green text => green bg */
.notion-callout.color-green-light .notion-callout__icon {
 display: block;
 background-color: var(--color-bg-green-light);
 border-color: var(--color-bg-green-light) !important;
}

.notion-callout.color-green-light {
 background-color: var(--color-bg-green-light);
 border-color: var(--color-bg-green-light) !important;
}

/* bolded links & buttons */
strong a.notion-link.link,
a.notion-link.link strong {
 display: inline-block;
 text-decoration: none !important;
 border-style: solid;
 border-top-width: 0px;
 border-right-width: 0px;
 border-left-width: 0px;
 border-bottom-width: 3px;
 color: black !important;
 border-radius: 0 !important;
 border-color: var(--color-green);
 background-color: rgba(131, 149, 149, 0);
 padding-top: 10px;
 padding-right: 2px;
 padding-bottom: 10px;
 padding-left: 2px;
 font-weight: 600;
 font-size: 15px;
 font-size: 0.93rem;
 line-height: 1em;
 text-transform: capitalize;
 letter-spacing: 0;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 text-transform: uppercase;
 font-size: small;
}

.notion-semantic-string .link {
 border-bottom: none;
 display: inline-block;
 color: #108c00;
 text-decoration: none;
}

.notion-semantic-string  a[href^="mailto:"]/*, .notion-semantic-string  a[href^="tel:"]*/ {
 color: #de00ee;
}

.notion-semantic-string .link:hover {
 filter: brightness(80%);
}

p a span.highlighted-background:has(strong),
p strong span.highlighted-background:has(a) {
 background-color: transparent !important;
}

/*Link on BOLD text with GREEN background */
span.highlighted-background.bg-green a.notion-link.link strong,
span.highlighted-background.bg-green strong a.notion-link.link,
a.notion-link.link span.highlighted-background.bg-green strong {
 display: inline-block;
 text-decoration: none !important;
 background-color: #16bc00;
 font-size: 14pt !important;
 font-weight: 500;
 line-height: 1em;
 letter-spacing: 0;
 text-transform: unset;
 font-size: small;
 padding: 20px 24px;
 color: white !important;
 border: none;
 clip-path: polygon(
  var(--edge-size) 0%,
  100% 0,
  100% calc(100% - var(--edge-size)),
  100% 100%,
  0 100%,
  0% var(--edge-size)
 );
 --edge-size: 0.56em;
}

span.highlighted-background.bg-green a.notion-link.link strong:hover,
span.highlighted-background.bg-green strong a.notion-link.link:hover,
a.notion-link.link span.highlighted-background.bg-green strong:hover {
 filter: brightness(107%);
}

p span.bg-green:has(strong a) {
 background: unset;
}

/*Link on BOLD, GREEN text*/
span.highlighted-color.color-green strong a.notion-link.link,
span.highlighted-color.color-green a.notion-link.link strong {
 display: inline-block;
 text-decoration: none !important;
 border-style: solid;
 color: black !important;
 background-color: rgba(131, 149, 149, 0);
 font-weight: 600;
 letter-spacing: 0;
 text-transform: uppercase;
 font-size: small;
 border: 2px solid black;
 padding: 15px 15px 12px 15px;
}

/*Link on BOLD text with GRAY background */
span.highlighted-background.bg-gray strong a.notion-link.link,
span.highlighted-background.bg-gray a.notion-link.link strong {
 align-items: center;
 appearance: none;
 background-color: #fff;
 border-style: none;
 box-shadow: rgba(0, 0, 0, 0.2) 0 3px 5px -1px, rgba(0, 0, 0, 0.14) 0 6px 10px 0,
  rgba(0, 0, 0, 0.12) 0 1px 18px 0;
 display: inline-flex;
 font-size: 14px;
 font-weight: 500;
 height: 48px;
 justify-content: center;
 letter-spacing: 0.25px;
 line-height: normal;
 max-width: 100%;
 padding: 18px 24px;
 position: relative;
 text-align: center;
 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),
  opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, 0.2, 1) 0ms;
 width: auto;
 border-radius: 24px;
}

span.highlighted-background.bg-gray strong a.notion-link.link:hover,
span.highlighted-background.bg-gray a.notion-link.link strong:hover {
 box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
 filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.2));
 transition: box-shadow 1s;
}

span.highlighted-background.bg-gray:has(a) {
 background: transparent;
}

/*Link on BOLD, GRAY text*/
span.highlighted-color.color-gray strong a.notion-link.link,
span.highlighted-color.color-gray a.notion-link.link strong {
 align-items: center;
 appearance: none;
 background-color: #fff;
 border-style: none;
 box-shadow: rgba(0, 0, 0, 0.2) 0 3px 5px -1px, rgba(0, 0, 0, 0.14) 0 6px 10px 0,
  rgba(0, 0, 0, 0.12) 0 1px 18px 0;
 display: inline-flex;
 font-size: 14px;
 font-weight: 500;
 height: 48px;
 justify-content: center;
 letter-spacing: 0.25px;
 line-height: normal;

 max-width: 100%;
 padding: 2px 24px;
 position: relative;
 text-align: center;
 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),
  opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, 0.2, 1) 0ms;
 width: auto;
 border-radius: 24px;
 background: #00b000;
 color: white !important;
}

/*Quote elements*/
blockquote {
 position: relative;
 padding-left: 1em;
 border-left: 0.2em solid #16bc00 !important;
 line-height: 1.5em;
 font-weight: 100;
}

blockquote.notion-quote.large {
 position: relative;
 text-align: center;
 padding: 1rem 1.2rem;
 width: 80%;
 color: #484748;
 background: linear-gradient(to right, #16bc00 4px, transparent 4px) 0 100%,
  linear-gradient(to left, #16bc00 4px, transparent 4px) 100% 0,
  linear-gradient(to bottom, gray 4px, transparent 4px) 100% 0,
  linear-gradient(to top, gray 4px, transparent 4px) 0 100%;
 background-repeat: no-repeat;
 background-size: 20px 20px;
 border-left: none !important;
}

blockquote.notion-quote.large:before,
blockquote.notion-quote.large:after {
 position: absolute;
 color: #00b000;
 font-size: 1.3em;
}

blockquote.notion-quote.large:before {
 content: "\201e";
 top: -12px;
 margin-right: -20px;
 right: 100%;
}

blockquote.notion-quote.large:after {
 content: "\201c";
 margin-left: -20px;
 left: 100%;
 top: auto;
 bottom: -20px;
}

blockquote.notion-quote.bg-green {
 background: #fff;
 padding: 15px 20px 15px 45px;
 margin: 0 0 20px;
 font-size: 1em;
 line-height: 1.2;
 box-shadow: 2px 2px 15px #ccc;
 border-right-style: solid;
 border-right-width: 2px;
}

/* buttons to the bottom inside notion callout */
.notion-callout p:has(strong a.link) {
 margin-top: auto;
}

.notion-callout p:has(span strong a.link) {
 margin-top: auto;
}

/* bloblockquote bg-brown with a button inside*/
blockquote:has(p span span strong a),
blockquote:has(p span span a strong) {
 border-left: none !important;
}

/*clickable image hover*/
a picture img:hover {
 opacity: 0.9;
}

/* layout=board, preview=small */
/* by ldidelot => social icons list */
.notion-collection-board.no-border-top.small .notion-collection-card {
 box-shadow: none;
 height: 100%;
 width: 100%;
 max-width: 80px;
 max-height: 80px;
 display: flex;
 align-items: center;
 padding: 0.5em;
}

.notion-collection-board.no-border-top.small .notion-pill {
 display: none;
}

.notion-collection-board.no-border-top.small .notion-property__title {
 display: none !important;
}

/*collection board small */
.notion-collection-board.small {
 display: flex;
 gap: unset;
 flex-direction: row;
 flex-wrap: nowrap;
}

.notion-collection-board.small .board .notion-collection-card__content {
 display: none;
}

div[id^="block-re-usable-synced-blocks-follow-us-on-social-media"]
 .notion-collection-board.small,
div[id*=" block-re-usable-synced-blocks-follow-us-on-social-media"]
 .notion-collection-board.small {
 gap: 0.4em;
 border: none;
 overflow-x: clip;
}

.notion-collection-board.small
 .notion-property.notion-property__select.property-undefined.notion-collection-board__column-header.no-wrap {
 display: none;
}

div[id^="block-re-usable-synced-blocks-follow-us-on-social-media"]
 .notion-collection-card,
div[id*=" block-re-usable-synced-blocks-follow-us-on-social-media"]
 .notion-collection-card {
 box-shadow: none;
 height: 100%;
 width: 100%;
 max-width: 70px;
 max-height: 70px;
 display: flex;
 align-items: center;
 padding: 0.5em;
}

.notion-collection-board__column {
 width: unset;
}

/* collection card numbers remove */
.notion-collection-board__column-header {
 display: none;
}

/* layout=board, preview=large */
/* by ldidelot => call to action */
.notion-collection-board.no-border-top.large .notion-collection-card {
 box-shadow: none;
 height: 100%;
 width: 100%;
 max-width: 800px;
 max-height: 800px;
 padding: 0px;
 display: flex;
 align-items: center;
 border: 1px solid #00b000;
}

.notion-collection-board.no-border-top.large .notion-pill {
 display: none;
}

.notion-collection-board.no-border-top.large .notion-property__title {
 font-family: var(--secondary-font) !important;
 font-size: 52px !important;
}

/* heading without cover image */
.notion-header__cover.no-cover {
 height: 0;
}

/* content margin fix */
notion-callout__content {
 margin-bottom: 8px;
 margin-top: 8px;
}

/* product images */
main[class^="page__products-"] .notion-property__file div:first-of-type,
main[class*=" page__products"] .notion-property__file div:first-of-type {
 height: 200px !important;
 width: 250px !important;
 overflow: hidden;
}

main[class^="page__products-"] .notion-property__file img,
main[class*=" page__products"] .notion-property__file img {
 object-fit: scale-down !important;
}

main[class^="page__products-"] .notion-page__property-name,
main[class*=" page__products"] .notion-page__property-name {
 display: none;
}

main[class^="page__products-"]
 .notion-page__properties
 .notion-property.notion-property__file,
main[class*=" page__products"]
 .notion-page__properties
 .notion-property.notion-property__file {
 display: flex;
 align-items: baseline;
 border-radius: 3px;
 width: 60vw;
 min-height: 36px;
 padding: 6px 8px 7px;
 font-size: 14px;
 overflow: auto;
 flex-wrap: nowrap;
 flex-direction: row;
 align-content: flex-start;
 justify-content: flex-start;
 flex-wrap: nowrap;
 transition: transform 0.5s ease;
}

main[class^="page__products-"]
 .notion-page__properties
 .notion-property.notion-property__file
 img:hover,
main[class*=" page__products"]
 .notion-page__properties
 .notion-property.notion-property__file
 img:hover {
 transform: scale(1.5);
 transition: transform 0.5s ease;
}

/* hardware images */
main[class^="page__voxbi-hardware-"] .notion-property__file div:first-of-type,
main[class*=" page__voxbi-hardware"] .notion-property__file div:first-of-type {
 height: 200px !important;
 width: 250px !important;
 overflow: hidden;
}

main[class^="page__voxbi-hardware-"] .notion-property__file img,
main[class*=" page__voxbi-hardware"] .notion-property__file img {
 object-fit: scale-down !important;
}

main[class^="page__voxbi-hardware-"] .notion-page__property-name,
main[class*=" page__voxbi-hardware"] .notion-page__property-name {
 display: none;
}

main[class^="page__voxbi-hardware-"]
 .notion-page__properties
 .notion-property.notion-property__file,
main[class*=" page__voxbi-hardware"]
 .notion-page__properties
 .notion-property.notion-property__file {
 display: flex;
 align-items: baseline;
 border-radius: 3px;
 width: 60vw;
 min-height: 36px;
 padding: 6px 8px 7px;
 font-size: 14px;
 overflow: auto;
 flex-wrap: nowrap;
 flex-direction: row;
 align-content: flex-start;
 justify-content: flex-start;
 flex-wrap: nowrap;
 transition: transform 0.5s ease;
}

main[class^="page__voxbi-hardware-"]
 .notion-page__properties
 .notion-property.notion-property__file
 img:hover,
main[class*=" page__voxbi-hardware"]
 .notion-page__properties
 .notion-property.notion-property__file
 img:hover {
 transform: scale(1.5);
 transition: transform 0.5s ease;
}

/* mixvoip-certified images */
main[class^="page__company-mixvoip-certified-"]
 .notion-property__file
 div:first-of-type,
main[class*=" page__company-mixvoip-certified"]
 .notion-property__file
 div:first-of-type {
 height: 200px !important;
 width: 250px !important;
 overflow: hidden;
}

main[class^="page__company-mixvoip-certified-"] .notion-property__file img,
main[class*=" page__company-mixvoip-certified"] .notion-property__file img {
 object-fit: scale-down !important;
}

main[class^="page__company-mixvoip-certified-"] .notion-page__property-name,
main[class*=" page__company-mixvoip-certified"] .notion-page__property-name {
 display: none;
}

main[class^="page__company-mixvoip-certified-"]
 .notion-page__properties
 .notion-property.notion-property__file,
main[class*=" page__company-mixvoip-certified"]
 .notion-page__properties
 .notion-property.notion-property__file {
 display: flex;
 align-items: baseline;
 border-radius: 3px;
 width: 60vw;
 min-height: 36px;
 padding: 6px 8px 7px;
 font-size: 14px;
 overflow: auto;
 flex-wrap: nowrap;
 flex-direction: row;
 align-content: flex-start;
 justify-content: flex-start;
 flex-wrap: nowrap;
 transition: transform 0.5s ease;
}

main[class^="page__company-mixvoip-certified-"]
 .notion-page__properties
 .notion-property.notion-property__file
 img:hover,
main[class*=" page__company-mixvoip-certified"]
 .notion-page__properties
 .notion-property.notion-property__file
 img:hover {
 transform: scale(1.5);
 transition: transform 0.5s ease;
}

/* H3 & div with orange color under clickable image   */
h3:has(span.color-orange a) {
 margin-top: -115px !important;
 background: rgba(255, 255, 255, 0.75);
}

div:has(span.color-orange) {
 background: rgba(255, 255, 255, 0.75);
}

.color-orange a,
.color-orange {
 color: black;
}

/* dropdown to buttons */
.notion-dropdown__menu-header,
.notion-dropdown__option-icon,
.notion-dropdown__button svg:first-of-type {
 display: none !important;
}

.notion-dropdown {
 width: 100% !important;
 z-index: 1 !important;
}

article .notion-dropdown__menu-wrapper {
 margin-bottom: 16px !important;
 position: relative !important;
}

.notion-dropdown__menu-wrapper .notion-dropdown__menu {
 width: 100% !important;
 transform: none !important;
 left: auto !important;
 top: auto !important;
}

.notion-dropdown__menu-wrapper
 .notion-dropdown__menu
 .notion-dropdown__option-list {
 padding: 0px !important;
 flex-wrap: wrap !important;
}

.notion-dropdown__menu-wrapper .notion-dropdown__menu .notion-dropdown__option {
 padding: 5px 16px !important;
 height: 50px !important;
 border: 2px solid #f3f3f3;
 clip-path: polygon(
  var(--edge-size) 0%,
  100% 0,
  100% calc(100% - var(--edge-size)),
  calc(100% - var(--edge-size)) 100%,
  0 100%,
  0% var(--edge-size)
 );
 --edge-size: 0.65em;
 filter: brightness(95%);
}

.notion-dropdown__button {
 display: none !important;
}

.notion-dropdown__menu.initial-state {
 z-index: 1 !important;
 opacity: 1 !important;
 transform: none !important;
}

.notion-dropdown__menu.animate-in.animate-out,
.notion-dropdown__menu.animate-in,
.notion-dropdown__menu.animate-out {
 animation: none !important;
}

.notion-dropdown__menu {
 width: 80% !important;
 margin: 0 auto !important;
 background: none !important;
 box-shadow: unset !important;
 position: relative !important;
}

.notion-dropdown__menu .notion-dropdown__option-list {
 display: flex !important;
 gap: 8px !important;
}

.notion-dropdown__menu .notion-dropdown__option.active {
 background: #f3f3f3 !important;
 border: 2px solid #f3f3f3;
}

/* dropdown breadcrumbs fix  */
.super-navbar__breadcrumbs .notion-dropdown {
 display: inline-flex;
 align-items: center;
}

.super-navbar__breadcrumbs .notion-breadcrumb__dropdown-option-title {
 width: auto;
}

.super-navbar .notion-dropdown__menu-wrapper {
 margin-bottom: 0 !important;
}

.super-navbar__breadcrumbs
 .notion-dropdown__menu-wrapper
 .notion-dropdown__menu
 .notion-dropdown__option {
 padding: 1px !important;
 height: auto !important;
 border: none !important;
}

.super-navbar__breadcrumbs .notion-dropdown {
 width: auto !important;
}

.super-navbar__breadcrumbs .notion-dropdown__menu.initial-state.close {
 min-width: unset;
}

.super-navbar__breadcrumbs .notion-dropdown__menu.animate-out.close {
 display: contents;
}

.super-navbar__breadcrumbs
 p.notion-breadcrumb__item.notion-breadcrumb__ellipsis {
 display: none;
}

/*breadcrumbs icon removal*/
a.notion-link.notion-breadcrumb__item.has-icon div:first-child {
 display: none;
}

/*remove breadcrumbs home on mobile*/
@media only screen and (max-width: 680px) {
a.notion-link.notion-breadcrumb__item[href="/"] {
  display: none;
    }
.super-navbar__breadcrumbs{
  display:none
  }
}

/* small galery eaderover effect  */
.notion-collection-gallery.small .notion-collection-card__content {
 position: absolute !important;
 bottom: 0 !important;
 background: rgba(0, 0, 0, 0.45) !important;
 color: white !important;
 width: 100% !important;
 padding: 6px !important;
 opacity: 0;
 transition: opacity 0.1s ease-in !important;
 font-size: 0.8rem;
}

.notion-collection-card:hover {
 filter: brightness(85%);
}

.notion-collection-card .notion-property__title {
 line-height: 1.5;
 display: flex;
 align-items: flex-start;
}
.notion-collection-gallery.small
 .notion-collection-card:hover
 .notion-collection-card__content {
 opacity: 1 !important;
}

.notion-collection-gallery.small {
 display: flex;
 flex-wrap: wrap;
 align-content: flex-start;
 justify-content: center;
}

.notion-collection-gallery.small .notion-collection-card.gallery {
 flex-grow: 1;
 flex-basis: 110px;
 max-width: 140px;
 box-shadow: none;
 border-radius: 0;
}

.notion-collection-gallery.small .notion-collection-card__property-list {
 font-size: 0.8rem;
}

/* collection card large CTA */
/*heading and font fix*/
.notion-collection-gallery
 .notion-property.notion-property__title.notion-collection-card__property.notion-semantic-string {
 font-size: medium;
 font-weight: 500;
 line-height: 1.5em;
 margin-bottom: 1.7em;
}

.notion-collection-board.large
 .notion-collection-card__content.notion-collection-card__property-list {
 position: absolute;
}

.notion-collection-board.large .notion-collection-board__item {
 display: flex !important;
 flex-direction: column-reverse;
 align-content: space-between;
 justify-content: space-evenly;
 align-items: center;
}

.notion-collection-board.large .notion-collection-card.board {
 align-items: center;
 flex-direction: column;
 justify-content: center;
 color: white;
}

.notion-collection-board.large {
 display: flex !important;
}


img.notion-collection-card__cover.large {
 filter: brightness(50%);
}
#page-articles img.notion-collection-card__cover.large{filter: brightness(100%);}

/* notion collection card shape and hover */

.notion-collection-card {
 clip-path: polygon(
  var(--edge-size) 0%,
  100% 0,
  100% calc(100% - var(--edge-size)),
  calc(100% - var(--edge-size)) 100%,
  0 100%,
  0% var(--edge-size)
 );
 --edge-size: 0.65em;
 filter: brightness(95%);
 box-shadow: none;
 padding-bottom: 20px; /* space for tags */
}

.notion-collection-card:hover {
 filter: brightness(85%);
}

/* circle dashed darkgray icon hides header
.notion-header__title-wrapper:has( img[src*="circle-dashed_gray.svg"]) {
    display:none ;
}
a picture img[src*="circle-dashed_gray.svg"]{display:none}
a .notion-breadcrumb__item has-icon{display:none}*/

/* disable writer click */
.notion-page__properties a.notion-link.notion-page.resource.small {
 pointer-events: none;
}

/*footer*/
@media only screen and (max-width: 680px) {
 #block-8c24e0047d164a679837a91f54e691d9 div {
  flex-basis: 50%;
  min-width: 135px;
 }
}

#block-8c24e0047d164a679837a91f54e691d9 {
 /* background: var(--footer-background-color); */
 margin-left: -50vw !important;
 margin-right: -45vw !important;
 padding-left: 50vw !important;
 padding-right: 50vw !important;
 border-top: gray 5px solid;
 background: #f5f5f5;
 padding-bottom: 30px;
 border-bottom: gray 2px solid;
}

.notion-root.has-footer {
 padding-bottom: 0;
}

#block-8c24e0047d164a679837a91f54e691d9 a {
 text-decoration: none;
 color: unset;
 /* text-transform: uppercase;
  font-size: small; */
 font-size: 0.94em;
 line-height: 1.7em;
}

#block-8c24e0047d164a679837a91f54e691d9 a:hover,
a.notion-link.super-footer__link:hover {
 filter: brightness(10%);
 transition: all 0.09s linear;
 font-weight: 500;
}

.super-footer__icons a.notion-link:hover svg {
 width: 29px;
 height: 29px;
 filter: brightness(10%);
 transition: all 0.09s linear;
}

#block-8c24e0047d164a679837a91f54e691d9 h3 {
 margin-top: 2.77rem !important;
 margin-bottom: 0.1rem !important;
 font-size: 1.21em;
}

#block-8c24e0047d164a679837a91f54e691d9 h3::first-letter {
 text-decoration: 2px underline;
 text-underline-offset: 7px;
 text-decoration-color: #16bc00;
}

a.notion-link.super-footer__logo:hover {
 padding-top: 1px;
}

/* top navigation */
.super-navbar__list-content {
 border: 1px solid gainsboro;
 background: #f5f5f5;
}

ul.super-navbar__list-content-column {
 margin: 18px;
}

.super-navbar__list-item-heading,
.super-navbar__item,
.super-navbar__list {
 font-size: 1.05rem;
 letter-spacing: 0.14px;
}

/*color brown on table*/
[style*="background: var(--color-bg-brown)"] {
 background-color: transparent;
}

/*color-brown center */
:has(> .color-brown),
:has([style*="--color-bg-brown"]) {
 text-align: center;
}

.color-brown {
 color: var(--color-text-default);
}

[style*="--color-bg-brown"] {
 background: transparent !important;
}

.bg-brown {
 display: flex;
 justify-content: center;
 align-items: center;
 background-color: transparent;
 flex-wrap: wrap;
 /*flex: 1;*/
 text-align: center;
}

article .color-brown {
 text-align: center;
}

/*no cover header spacing */
.notion-header__cover.no-cover {
 max-height: 60px;
}

/* column width mobile fast fix*/
.notion-column:has(.notion-callout) {
 flex-grow: 1;
 min-width: 250px;
}

.notion-column:has(.notion-text__content) {
 flex-grow: 1;
 /* min-width: 135px;*/
 min-width: 200px;
}

.notion-column-list .notion-column .notion-callout,
.notion-column-list .notion-column .notion-callout .notion-callout__content {
 flex-grow: 1;
 clip-path: polygon(
  var(--edge-size) 0%,
  100% 0,
  100% calc(100% - var(--edge-size)),
  calc(100% - var(--edge-size)) 100%,
  0 100%,
  0% var(--edge-size)
 );
 --edge-size: 0.4em;
}

.notion-column-list
 .notion-column
 .notion-callout
 .notion-callout__content
 span.notion-semantic-string:has(span, strong > a) {
 margin-top: auto;
}

/*hides header icon*/
.notion-header__icon-wrapper.has-cover.has-icon-image,
img.notion-header__icon {
 display: none !important;
}

.notion-breadcrumb > a.has-icon img {
 display: none;
}

/*full-width fix*/
.super-root {
 max-width: 1300px;
 margin: auto;
}

.notion-header__cover,
nav.super-navbar.simple,
.super-navbar__breadcrumbs,
footer.super-footer {
 width: calc(100vw);
 margin-left: calc(-50vw + 50%);
}

.super-navbar__content,
.super-content-wrapper,
.super-footer__content {
 max-width: 1500px;
 margin: auto;
}

.super-content-wrapper {
 margin: unset;
}

.notion-breadcrumb {
 max-width: 1480px;
 margin: auto;
}

/*notion header image position fix*/
.notion-header__cover.has-cover img {
  object-position: 65% 50% !important;
}

/*notion align-start fix */
.notion-image.align-start {
 flex: 1;

 /* align-items: center;  -- this will align them in the center */
}
/* remove page title*/
.notion-header__title-wrapper {
 display: none;
}

/* remove zammad chat on mobile*/
@media only screen and (max-width: 546px) {
 .zammad-chat {
  display: none !important;
 }
}

/* smaller screen white spacing fix */
@media only screen and (max-width: 1024px) {
 .notion-text {
  min-height: unset;
 }
}

/* Max fixes*/
.notion-text.color-default,
.notion-text,
.notion-semantic-string {
 font-size: 17px;
}

.notion-link.notion-page.resource {
 border: none !important;
 background-color: unset !important;
 border-left: 2px solid gainsboro !important;
 border-radius: unset;
}

.notion-quote.bg-brown
 .notion-column-list
 .notion-column
 .notion-image.align-start.page-width,
.normal {
 border: none;
}

.notion-collection.inline
 .notion-property.notion-property__text.notion-collection-card__property.no-wrap,
.notion-collection.inline
 .notion-property.notion-property__text.notion-collection-card__property.notion-semantic-string {
 border: none;
 border-radius: 5px;
 /* display: flex;           breaks links inside text */
 background-color: unset;
 color: unset !important;
 /* font-weight: 500;         problematic in some cases */
 text-transform: none;
 padding: 21px 0px;
 justify-content: flex-start;
 font-size: 14px !important;
 line-height: unset;
}

/*Move Title over header image by choosing circle_gray.svg
@media only screen and (min-width: 546px){.notion-header__content .notion-header__title-wrapper:has(img[src*="circle_gray.svg"]) {
    margin-top: 2em;
}
}
*/

/*circle-gray - first element after banner goes over the banner
 main:has( img[src*="circle_gray.svg"]) article {
  margin-top: -310px;
}


@media only screen and (max-width: 546px){
main:has( img[src*="circle_gray.svg"]) article {
  margin-top: -250px;
}}
.notion-header__cover.has-cover {
  z-index: -1;
}*/

/*  database table view for faq */
tr.notion-collection-table__sub-item-row td:first-child {
 color: #00b000;
 width: 45px;
}

td.notion-collection-table__cell,
table.notion-collection-table {
 border: none;
}

.notion-collection-table__wrapper {
 overflow-x: unset;
}

/* FAQ headings fix */
.notion-collection-table
 .notion-collection-table__sub-item-row
 .notion-property.notion-property__title.notion-semantic-string {
 display: none;
}

/*toggle from clicking the row*/
.notion-collection-table__wrapper .notion-toggle {
 position: absolute;
 height: 8px;
 width: 60%;
}

/* FAQ toggle icon fixes*/
.notion-toggle__summary {
 padding: unset;
 margin-bottom: 1px;
}
.notion-toggle__trigger_icon {
 font-size: 2.1rem;
 font-weight: 700;
 height: 1.9rem;
 align-content: center;
}

.notion-toggle__trigger .notion-toggle__trigger_icon > span {
 padding-bottom: 0.2em;
}

.notion-collection-table__sub-item-row:has(.notion-toggle)
 .notion-collection-table__cell
 p.notion-property.notion-property__text:first-child {
 font-weight: 700;
}

/* tables fix */
tr {
 display: table-row !important;
}

.notion-collection-table__head .notion-collection-table__head-cell {
 width: unset !important;
}

.notion-table__wrapper{
  width:105%
}

td {
 /*min-width: unset !important;*/
 max-width: unset !important;}

@media only screen and (max-width: 680px) {
 .notion-table__cell {
  padding: 5px 2px;
 }

 .notion-table__cell .notion-semantic-string {
  font-size: 11px;
 }
}

/*main menu items*/
.super-navbar__item,
.super-navbar__list {
 color: black;
}

.super-navbar__list-arrow-wrapper[data-state="visible"],
.super-navbar__viewport[data-state="open"] {
 clip-path: polygon(
  var(--edge-size) 0%,
  100% 0,
  100% calc(100% - var(--edge-size)),
  calc(100% - var(--edge-size)) 100%,
  0 100%,
  0% var(--edge-size)
 );
 --edge-size: 0.75em;
 border: unset;
}

/* main menu dropdown position fix*/
.super-navbar__viewport-wrapper {
 width: 85%;
}

/* close button to main menu dropdowns - PROBABLY NOT NEEDED
.super-navbar__viewport:after {
  display: flex;
  content: "\00d7";
  position: absolute;
  right: 3px;
  top: 3px;
  width: 32px;
  height: 32px;
  opacity: 0.23;
  font-size: 26px;
  justify-content: center;
}

.hidden {
  display: none;
}*/

/* main menu  clip items*/
a.notion-link.super-navbar__list-item {
 clip-path: polygon(
  var(--edge-size) 0%,
  100% 0,
  100% calc(100% - var(--edge-size)),
  calc(100% - var(--edge-size)) 100%,
  0 100%,
  0% var(--edge-size)
 );
 --edge-size: 0.65em;
}

/* top main menu position sticky */
span.mixvoip-navbar {
  position: sticky;
  top: 0;
  z-index: 100;
}
nav.super-navbar.simple {
  top: 32px;
}
@media only screen and (max-width: 680px){
  center > a {
        font-size: 0.9em;
}}

/*collection card 1x1 image size fix*/
img.notion-collection-card__cover.large[src*="1x1"],
img.notion-collection-card__cover.large[src*="1x1"] {
 position: absolute;
 visibility: hidden;
}

/*notion pill position fix*/
.notion-collection-card__property.wrap:has(span.notion-pill) {
 position: absolute;
 bottom: 10px;
}

.notion-collection-card.gallery:has(span.notion-pill) {
 padding-bottom: 30px;
}

/*text with inner links fix */
.notion-property__text {
 display: block;
}

/*collection card heading */
.notion-property.notion-property__title.notion-collection-card__property.notion-semantic-string {
 padding-top: 8px;
 padding-left: 3px;
}

/*features page dropdown close/open fix */
.notion-collection-group__list
 .notion-collection-list
 .notion-collection-list__item-content {
 display: none;
}

/* headings */
h3.notion-heading:not(.toggle) {
 margin-top: 1.6rem !important;
 margin-bottom: 0.6rem;
}

/* collection card with icon .property-6c3e4a6f */
.notion-collection-card__content.notion-collection-card__property-list.no-title
 a.notion-link.notion-page.resource.small {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 10px;
 border: none !important;
 margin-bottom: 30px;
 z-index: 100;
}

.notion-collection-card__content.notion-collection-card__property-list.no-title
 a.notion-link.notion-page.resource.small
 span.notion-page__icon.small {
 /* align-items: flex-start; */
 display: none;
}

.notion-collection-gallery.large
 .notion-property.notion-property__file.notion-collection-card__property.property-6c3e4a6f {
 position: absolute;
 bottom: 15px;
 right: 15px;
 pointer-events: none;
 display: none;
}

.notion-collection-gallery.large:has(.property-6c3e4a6f)
 .notion-property.notion-property__rollup.notion-collection-card__property {
 margin-top: 30px;
 margin-bottom: 40px;
}

.notion-collection-card__content.notion-collection-card__property-list.no-title
 .notion-property.notion-collection-card__property.wrap {
 margin-bottom: 4px;
}

.notion-collection-gallery.large
 .notion-collection-card.gallery:hover
 .notion-property.notion-property__select.notion-collection-card__property.wrap {
 filter: hue-rotate(-113deg) contrast(110%);
 /* box-shadow: 160px 77px 20px 10px #0ff */
 padding-left: 2px;
}

/* spacing fixes */
h3 {
 padding-bottom: 10px !important;
}

/*callout clip*/
.notion-callout.border {
 clip-path: polygon(
  var(--edge-size) 0%,
  100% 0,
  100% calc(100% - var(--edge-size)),
  calc(100% - var(--edge-size)) 100%,
  0 100%,
  0% var(--edge-size)
 );
 --edge-size: 0.75em;
}

a[href^="tel:"]:hover {
 text-decoration: none;
}

/*a[href ^= 'tel:']:before{
content: '\260E';
padding-right: 5px;
} */

a[href^="tel:"] {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

/*header button clip*/
.super-navbar__cta {
 clip-path: polygon(
  var(--edge-size) 0%,
  100% 0,
  100% 100%,
  100% 100%,
  0 100%,
  0% var(--edge-size)
 );
 --edge-size: 0.6em;
 border-radius: 2.1px;
 padding: 9px 17px;
}

/* language switcher */
/*.weglot_switcher.toggle .language-option*/
.langswitcher a {
 clip-path: polygon(
  var(--edge-size) 0%,
  100% 0,
  100% 100%,
  100% 100%,
  0 100%,
  0% var(--edge-size)
 );
 --edge-size: 0.5em;
 text-decoration: none;
 padding: 6px;
}

/*.weglot_switcher.toggle .language-option:hover a*/
.langswitcher a:hover {
 /*border-bottom: #16bc00 2px solid;*/
 text-decoration: underline;
 background: green;
}

.langswitcher {
 padding: 5px;
}

.MIXVOIPLANG-active:hover {
 background-color: green !important;
}

/* top menu - book a meeting styling */
center a {
 color: white;
}

center a:hover {
 text-decoration-color: #16bc00;
 text-decoration-thickness: 2px;
}

center {
 margin-left: -50vw !important;
 margin-right: -50vw !important;
 padding-left: 50vw !important;
 padding-right: 50vw !important;
 box-sizing: border-box;
 overflow-x: hidden;
 background: #333;
 padding-top: 2px;
 padding-bottom: 1px;
}
center > a {
 margin-top: 4px;
 display: inline-flex;
}

/*semantic string somehow inside H3*/
h3 .notion-semantic-string {
 line-height: 1.75;
 font-size: var(--heading3-size);
 font-weight: 700;
}

/* collection board item fix*/
.notion-collection.inline .notion-collection-board__item {
 margin-top: 8px;
}
/*collection card hover effect */
.notion-collection-card.board:hover .notion-pill {
 filter: hue-rotate(-113deg) contrast(110%);
 padding-left: 2px;
}
/*collection cards with notion-pill headers*/
.notion-collection-board__column-header:has(.notion-pill) {
 display: flex;
}

/*collection board Medium fix*/
.notion-collection-board.medium {
 display: flex;
 flex-wrap: wrap;
}
.notion-collection-board.medium .notion-collection-board__column {
 flex-basis: 24%;
 padding-bottom: 8px;
 min-width: 215px;
}

/* CTA bg-brown with span bg-green with link*/
.notion-callout.bg-brown-light .bg-green a {
 padding: 20px 30px 20px 30px;
 background: #16bc00;
 color: white;
 text-decoration: none;
 margin-top: -100px;
 clip-path: polygon(
  var(--edge-size) 0%,
  100% 0,
  100% calc(100% - var(--edge-size)),
  100% 100%,
  0 100%,
  0% var(--edge-size)
 );
 --edge-size: 0.56em;
}

.notion-callout.bg-brown-light .bg-green a:after {
 content: "⇢";
 margin: 5px;
}

.notion-callout.bg-brown-light h3:has(.bg-green) {
 margin-top: -150px !important;
 margin-bottom: 30px !important;
 margin-left: 40px;
}

@media only screen and (max-width: 900px) {
 .notion-callout.bg-brown-light h3:has(.bg-green) {
  margin-top: -80px !important;
  margin-bottom: unseet !important;
  margin-left: 20px;
  font-size: 16px;
 }
}

.notion-callout.bg-brown-light .bg-green:hover a {
 filter: brightness(107%);
}

.notion-callout.bg-brown-light h3 span.bg-green {
 background: transparent;
}

/* Frequently Asked Questions (FAQs)*/
.bg-yellow .notion-collection tr {
 display: flex !important;
 flex-direction: column;
 justify-content: center;
 align-items: stretch;
 flex-wrap: nowrap;
}

.bg-yellow .notion-collection tr .notion-property__title {
 font-size: 1.3em;
 font-weight: 500;
 padding: 25px 0px 8px 0;
}

.bg-yellow .notion-collection td {
 overflow: visible;
 display: contents;
}

.bg-yellow .notion-collection td .notion-property__text {
 padding-left: 15px;
}

.bg-yellow .notion-collection td .notion-property__text:before {
 content: "/";
 font-weight: 700;
 font-style: italic;
 /* background: #ff7a18;*/
 color: #16bc00;
 padding: 0.3em;
 margin-right: 0.3em;
}

.bg-yellow:has(.notion-collection tr) {
 background: transparent;
}
.bg-yellow .notion-collection-table__head-cell {
 display: none;
}

/* articles columns */
.parent-page__articles .notion-column-list .notion-image.align-start {
 justify-content: start;
}

.parent-page__articles .notion-column-list .notion-image.align-start {
 flex: 0;
}

/*removes notion icon page*/
span.notion-page__icon.small:has(svg.notion-icon.notion-icon__page) {
 display: none;
}

td.notion-collection-table__cell.relation:has(
  svg.notion-icon.notion-icon__page
 ) {
 padding-left: 0;
}

/*collection lists*/
.notion-collection-list__item {
 clip-path: polygon(
  var(--edge-size) 0%,
  100% 0,
  100% calc(100% - var(--edge-size)),
  calc(100% - var(--edge-size)) 100%,
  0 100%,
  0% var(--edge-size)
 );
 --edge-size: 0.65em;
 padding: 5px;
 border-radius: 2px;
}

/* better looking tables*/
table {
 border-collapse: collapse;
 margin: 0.3em;
 clip-path: polygon(
  var(--edge-size) 0%,
  100% 0,
  100% calc(100% - var(--edge-size)),
  calc(100% - var(--edge-size)) 100%,
  0 100%,
  0% var(--edge-size)
 );
 --edge-size: 0.65em;
}

th {
 border-bottom: 1px solid #364043;
 font-size: 0.85em;
 font-weight: 600;
 padding: 0.3em 0.5em;
}
td {
 padding: 0.3em 0.5em;
}

tbody tr {
 transition: background 0.25s ease;
}

tbody tr:hover {
 background: #e9ffe9;
}

/* pdf inside gallery*/
.notion-collection-card__property {
 align-items: unset;
}

/*headers and H1*/
.notion-header {
 margin-bottom: unset;
}

h1.notion-header__title,
h1.notion-heading {
 font-size: 2.8em !important;
 margin-bottom: 25px;
}

/*bg yeellw image logos*/
.bg-yellow:has(.notion-image img) {
 background-color: transparent;
}

.bg-yellow:has(.notion-image img) img {
 margin: auto;
 max-width: 157px;
}

@media only screen and (max-width: 680px) {
 .bg-yellow:has(.notion-image img) .notion-column {
  width: 40% !important;
  -webkit-margin-start: 0 !important;
  margin-inline-start: 0 !important;
  padding: 2px;
  margin: 5%;
 }
}

/* breaks the links
.bg-yellow .notion-image:before {
 position: absolute;
 top: 50%;
 left: 50%;
 z-index: 2;
 display: block;
 content: "";
 border-radius: 70%;
 width: 120%;
 height: 120%;
 background: rgba(255, 255, 255, 0.25);
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 opacity: 0;
} */

.bg-yellow .notion-image:hover::before {
 -webkit-animation: circle 0.75s;
 animation: circle 0.75s;
}

@-webkit-keyframes circle {
 0% {
  opacity: 40%;
 }
 60% {
  opacity: 1;
 }
 100% {
  width: 0%;
  height: 0%;
  opacity: 0;
 }
}
@keyframes circle {
 0% {
  opacity: 0;
 }
 60% {
  opacity: 1;
 }
 100% {
  width: 0%;
  height: 0%;
  opacity: 0;
 }
}

/*images spacing fix*/
.notion-image {
 margin-top: 0;
}

h2.notion-heading {
 margin: 40px 0px 8px 0px !important;
}

/*notion column padding */
.notion-column {
 padding: 6px 0;
}

/* roadmap database board */
.notion-collection-board .notion-collection-board__column {
 background-color: transparent !important;
}

.notion-collection-board
 .notion-collection-board__column.bg-yellow-light
 .notion-collection-board__item
 .notion-collection-card {
 -webkit-box-shadow: inset 0px 11px 0px 0px var(--color-bg-yellow-light);
 -moz-box-shadow: inset 0px 11px 0px 0px var(--color-bg-yellow-light);
 box-shadow: inset 7px 0px 0px 0px var(--color-bg-yellow-light);
 border-radius: 0;
 background-color: var(--color-bg-yellow-light);
}
.notion-collection-board
 .notion-collection-board__column.bg-red-light
 .notion-collection-board__item
 .notion-collection-card {
 -webkit-box-shadow: inset 0px 11px 0px 0px var(--color-bg-red-light);
 -moz-box-shadow: inset 0px 11px 0px 0px var(--color-bg-red-light);
 box-shadow: inset 7px 0px 0px 0px var(--color-bg-red-light);
 border-radius: 0;
}
.notion-collection-board
 .notion-collection-board__column.bg-green-light
 .notion-collection-board__item
 .notion-collection-card {
 -webkit-box-shadow: inset 0px 11px 0px 0px var(--color-bg-green-light);
 -moz-box-shadow: inset 0px 11px 0px 0px var(--color-bg-green-light);
 box-shadow: inset 7px 0px 0px 0px var(--color-bg-green-light);
 border-radius: 0;
}
.notion-collection-board
 .notion-collection-board__column.bg-gray-light
 .notion-collection-board__item
 .notion-collection-card {
 -webkit-box-shadow: inset 0px 11px 0px 0px var(--color-bg-gray-light);
 -moz-box-shadow: inset 0px 11px 0px 0px var(--color-bg-gray-light);
 box-shadow: inset 7px 0px 0px 0px var(--color-bg-gray-light);
}
.notion-collection-board
 .notion-collection-board__column.bg-brown-light
 .notion-collection-board__item
 .notion-collection-card {
 -webkit-box-shadow: inset 0px 11px 0px 0px var(--color-bg-brown-light);
 -moz-box-shadow: inset 0px 11px 0px 0px var(--color-bg-brown-light);
 box-shadow: inset 7px 0px 0px 0px var(--color-bg-brown-light);
}
.notion-collection-board
 .notion-collection-board__column.bg-orange-light
 .notion-collection-board__item
 .notion-collection-card {
 -webkit-box-shadow: inset 0px 11px 0px 0px var(--color-bg-orange-light);
 -moz-box-shadow: inset 0px 11px 0px 0px var(--color-bg-orange-light);
 box-shadow: inset 7px 0px 0px 0px var(--color-bg-orange-light);
}
.notion-collection-board
 .notion-collection-board__column.bg-blue-light
 .notion-collection-board__item
 .notion-collection-card {
 -webkit-box-shadow: inset 0px 11px 0px 0px var(--color-bg-blue-light);
 -moz-box-shadow: inset 0px 11px 0px 0px var(--color-bg-blue-light);
 box-shadow: inset 7px 0px 0px 0px var(--color-bg-blue-light);
}
.notion-collection-board
 .notion-collection-board__column.bg-ping-light
 .notion-collection-board__item
 .notion-collection-card {
 -webkit-box-shadow: inset 0px 11px 0px 0px var(--color-bg-ping-light);
 -moz-box-shadow: inset 0px 11px 0px 0px var(--color-bg-ping-light);
 box-shadow: inset 7px 0px 0px 0px var(--color-bg-ping-light);
}

/* divider lines on yellow background */
.bg-yellow .notion-divider {
 display: none;
}

/* advanced support page form fix */
#page-contact-advanced-support-submission .notion-embed__container__wrapper {
 height: 1150px !important;
}

/* mobile menu fix */
@media (max-width: 546px) {
 .super-navbar__menu .super-navigation-menu__items {
  padding-top: 30px;
 }
 .super-navigation-menu__item,
 .super-navigation-menu__list-header {
  padding: 13px 8px;
 }
}
.super-navigation-menu__list-items {
 border-left: 1px solid #16bc00;
}

/*notion property text cut fix */
.notion-page__properties .notion-property{
 overflow:unset
}

/* notion button */
.notion-button__content {
  --color: #fff;
  --background: #232323;
  --background-hover: #16bc00;
 clip-path: polygon(var(--edge-size) 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% var(--edge-size));
  --edge-size: 0.8em;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  border-radius: 1px;
  padding: 17px 29px 17px 29px;
  transition: background 0.3s;
  color: var(--color)!important;
  background: var(--background);
  letter-spacing: 1px;
}

.notion-button__content span{
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  
}
/**/
.notion-button__content:before, .notion-button__content:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 3px;
  border-radius: 0px;
  background: var(--color);
  transform-origin: 10px 2px;
  transform: translateX(var(--cx, 0)) scale(0.5) rotate(var(--r, -45deg));
  top: 26px;
  right: 16px;
  transition: transform 0.3s;
}

.notion-button__content:after {
  --r: 45deg;
}

.notion-button__content:hover {
  --cx: 3px;
  background: var(--background);
}

/*faq menu*/
div#block-102848dcc39e80f7bca7d4fe4c09575c{
  margin-left:-10px;
  justify-content: space-around;

}
div#block-102848dcc39e80f7bca7d4fe4c09575c div {
  cursor: pointer;
  flex: 1 1 13%;
  margin-left: 10px!important;
  clip-path: polygon(var(--edge-size) 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% var(--edge-size));
  --edge-size: 0.8em;
  min-width: 135px !important;
}
div#block-102848dcc39e80f7bca7d4fe4c09575c div p{
  text-align: center;
  border: 1px solid gainsboro
}

div#block-102848dcc39e80f7bca7d4fe4c09575c div p a{
  border-bottom: none!important
}

div#block-102848dcc39e80f7bca7d4fe4c09575c div p:hover {
  filter: brightness(80%);
 }

 /*hide meta image */
 .property-undefined:has(img){display:none!important} 
 .property-undefined:has(img.notion-icon){display:flex!important}


 .MIXVOIPLANG-active {
  background-color: green;
}

/* 
.notion-collection.inline .notion-property.notion-property__text.notion-collection-card__property.no-wrap, .notion-collection.inline .notion-property.notion-property__text.notion-collection-card__property.notion-semantic-string {
display: inline-block;
text-decoration: none !important;
background-color: #16bc00;
font-size: 14pt !important;
font-weight: 500;
line-height: 1em;
letter-spacing: 0;
text-transform: lowercase;
font-size: small;
padding: 16px 24px 13px 24px;
color: white !important;
border: none;
border-radius: 5px;
} */


.weglot-link--active {
  background-color: green;
}


.notion-collection.inline .notion-property.notion-property__text.notion-collection-card__property.no-wrap:first-letter,
.notion-collection.inline .notion-property.notion-property__text.notion-collection-card__property.no-wrap strong:first-letter {
text-transform: uppercase;
}

.notion-collection.inline .notion-property.notion-property__text.notion-collection-card__property.notion-semantic-string:first-letter,
.notion-collection.inline .notion-property.notion-property__text.notion-collection-card__property.notion-semantic-string:first-letter {
text-transform: uppercase;
}



/* need help here https://ww.mixvoip.com/industries/communes
The link should be put on the parent box
The red color is only there for testing...colors dont need to be touched
*/
.notion-link.notion-page.resource { 
border: 2px solid red; 
background-color:blue;
 position: relative; 
}

.notion-callout { 
position: relative!important;
}

/* !! causing problems  notion callout for buttons


.notion-callout .notion-callout__content .notion-semantic-string span .notion-link {
position: absolute!important;
height: 100%!important;
width: 100%!important;
top: 0!important;
left: 0!important;
right: 0!important;
bottom: 0!important;
padding: 15px!important;
padding-left: 50px!important;
border: none!important;

}*/
.notion-collection__header-icon {
display: none !important;
}

/* !! causing problems

.notion-callout .notion-callout__content .notion-semantic-string span .notion-link {
background: #16BC00 !important;
} */

.notion-callout__icon {
z-index: 1 !important;
}


.notion-semantic-string .link {
opacity: 1 !important;
}
.notion-callout .notion-callout__content .notion-semantic-string span .notion-link {
padding-top: 20px !important;
}

/** ZAMMAD **/
.zammad-chat {
color: black;
position: fixed;
right: 30px;
bottom: 0;
font-size: 12px;
width: 33em;
height: 3.5em;
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
border-radius: 5px 5px 0 0;
will-change: bottom;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 999;
}
@media only screen and (max-width: 768px) {
.zammad-chat {
  right: 0;
  width: 100%;
  border-radius: 0 !important;
  font-size: 16px !important;
}
}
.zammad-chat--animate {
-webkit-transition: -webkit-transform 500ms;
transition: -webkit-transform 500ms;
-o-transition: transform 500ms;
transition: transform 500ms;
transition: transform 500ms, -webkit-transform 500ms;
}

.zammad-chat.zammad-chat-is-loaded {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 0;
}

.zammad-chat.zammad-chat-is-shown {
opacity: 1;
}

.zammad-chat.zammad-chat-is-open {
height: 30em;
}
@media only screen and (max-width: 768px) {
.zammad-chat.zammad-chat-is-open {
  height: 100%;
}
}

.zammad-chat-icon {
height: 2em;
width: 2em;
fill: currentColor;
vertical-align: top;
margin-right: 5px;
margin-top: 4px;
}

.zammad-chat-header {
padding: 0.5em 2.5em 0.5em 1em;
background: #D0F2CC;
color: #414141;
line-height: 2.5em;
height: 3.5em;
-webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.3) inset, 0 -1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.13);
box-shadow: 0 -1px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.3) inset, 0 -1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.13);
position: relative;
border-radius: 5px 5px 0 0;
overflow: hidden;
cursor: pointer;
}
@media only screen and (max-width: 768px) {
.zammad-chat-header {
  border-radius: 0 !important;
}
}

.zammad-chat.zammad-chat-is-open .zammad-chat-header {
cursor: default;
}

.zammad-chat-welcome-text {
font-size: 1.2em;
}

.zammad-chat-header-icon {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 3.4em;
text-align: center;
line-height: 3.4em;
cursor: pointer;
}
.zammad-chat-header-icon::before {
content: "";
display: inline-block;
}

.zammad-chat-header-icon-open,
.zammad-chat-header-icon-close {
fill: currentColor;
width: 1.6em;
height: auto;
vertical-align: middle;
}

.zammad-chat-header-icon-close {
width: 1.3em;
}

.zammad-chat-header-icon-close,
.zammad-chat.zammad-chat-is-open .zammad-chat-header-icon-open {
display: none;
}

.zammad-chat.zammad-chat-is-open .zammad-chat-header-icon-close {
display: inline;
}

.zammad-chat-agent {
float: left;
}

.zammad-chat-header-controls {
float: right;
}

.zammad-chat-agent-avatar {
border-radius: 100%;
margin-right: 0.6em;
float: left;
width: 2.5em;
}

.zammad-chat-agent-name {
font-weight: bold;
}

.zammad-chat-agent-status {
margin: 0.25em 1em;
display: inline-block;
line-height: 2em;
padding: 0 0.7em;
border-radius: 1em;
background: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04) inset;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04) inset;
}

.zammad-chat-agent-status::before {
content: "";
background: hsl(19deg, 90%, 51%);
display: inline-block;
height: 0.9em;
width: 0.9em;
border-radius: 100%;
position: relative;
margin-right: 0.3em;
vertical-align: middle;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04) inset;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04) inset;
}

.zammad-chat-agent-status[data-status=online]::before {
background: hsl(145deg, 51%, 55%);
}

.zammad-chat-agent-status[data-status=connecting]::before {
-webkit-animation: linear connect-fade 600ms infinite alternate;
animation: linear connect-fade 600ms infinite alternate;
background: hsl(41deg, 100%, 49%);
}

@-webkit-keyframes connect-fade {
from {
  opacity: 0.5;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
to {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
}

@keyframes connect-fade {
from {
  opacity: 0.5;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
to {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
}
.zammad-chat-modal {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 3.5em;
margin-top: 1px;
text-align: center;
background: white;
z-index: 1;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #414141;
}
.zammad-chat-modal:empty {
display: none;
}

.zammad-chat-modal-text {
font-size: 1.3em;
line-height: 1.45;
}
.zammad-chat-modal-text .zammad-chat-loading-animation {
font-size: 0.7em;
}
.zammad-chat-modal-text .zammad-chat-button {
margin-top: 1em;
font-size: 0.8em;
}

.zammad-chat-modal .zammad-chat-loading-animation {
margin-right: 8px;
vertical-align: middle;
}

.zammad-scroll-hint {
background: hsl(210deg, 8%, 98%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid hsl(0deg, 0%, 91%);
padding: 7px 10px 6px;
color: hsl(0deg, 0%, 60%);
cursor: pointer;
}
.zammad-scroll-hint.is-hidden {
display: none;
}

.zammad-scroll-hint-icon {
fill: hsl(210deg, 5%, 78%);
margin-right: 8px;
}

.zammad-chat-body {
padding: 0.5em 1em;
overflow: auto;
background: white;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: none;
-webkit-overflow-scrolling: touch;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
@media only screen and (max-width: 768px) {
.zammad-chat-body {
  height: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
}

.zammad-chat-is-open .zammad-chat-body {
display: block;
}

.zammad-chat-timestamp {
text-align: center;
color: hsl(0deg, 0%, 60%);
font-size: 0.9em;
margin: 1em 0;
}

.zammad-chat-status {
margin: 1em 0;
text-align: center;
}

.zammad-chat-message {
margin: 0.5em 0;
}

.zammad-chat-message-body {
white-space: pre-line;
word-wrap: break-word;
border-radius: 1em;
}

.zammad-chat-status-inner,
.zammad-chat-message-body {
padding: 0.5em 1em;
line-height: 1.4;
background: hsl(0deg, 0%, 93%);
display: inline-block;
max-width: 70%;
-webkit-box-shadow: 0 2px rgba(255, 255, 255, 0.15) inset, 0 0 0 1px rgba(0, 0, 0, 0.08) inset, 0 1px rgba(0, 0, 0, 0.02);
box-shadow: 0 2px rgba(255, 255, 255, 0.15) inset, 0 0 0 1px rgba(0, 0, 0, 0.08) inset, 0 1px rgba(0, 0, 0, 0.02);
}

.zammad-chat-status-inner {
background: #eee;
border-radius: 0.5em;
}

.zammad-chat-message--customer {
text-align: right;
}

.zammad-chat-message--customer + .zammad-chat-message--agent,
.zammad-chat-message--agent + .zammad-chat-message--customer {
margin-top: 1em;
}

.zammad-chat-message--customer .zammad-chat-message-body {
background: hsl(203deg, 67%, 53%);
color: white;
}

.zammad-chat-message--unread {
font-weight: bold;
}

.zammad-chat-message--typing .zammad-chat-message-body {
white-space: normal;
}

.zammad-chat-loading-animation {
display: inline-block;
}

.zammad-chat-loading-circle {
background: hsl(0deg, 0%, 85%);
border-radius: 100%;
height: 0.55em;
width: 0.55em;
display: inline-block;
-webkit-animation: ease-in-out load-fade 600ms infinite alternate;
animation: ease-in-out load-fade 600ms infinite alternate;
}

.zammad-chat-loading-circle + .zammad-chat-loading-circle {
-webkit-animation-delay: 0.13s;
animation-delay: 0.13s;
}

.zammad-chat-loading-circle + .zammad-chat-loading-circle + .zammad-chat-loading-circle {
-webkit-animation-delay: 0.26s;
animation-delay: 0.26s;
}

@-webkit-keyframes load-fade {
0% {
  opacity: 0.5;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
67% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
}

@keyframes load-fade {
0% {
  opacity: 0.5;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
67% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
}
.zammad-chat-controls {
overflow: hidden;
display: none;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
border-top: 1px solid hsl(0deg, 0%, 93%);
padding: 0;
margin: 0;
line-height: 1.4em;
-webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.01), 0 -1px rgba(0, 0, 0, 0.02);
box-shadow: 0 1px rgba(0, 0, 0, 0.01), 0 -1px rgba(0, 0, 0, 0.02);
position: relative;
background: white;
}

.zammad-chat-is-open .zammad-chat-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.zammad-chat-input {
margin: 0;
padding: 1em 2em;
float: left;
max-height: 6em;
min-height: 1.4em;
font-family: inherit;
line-height: 1.4em;
font-size: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: content-box;
box-sizing: content-box;
outline: none;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: auto;
}

.zammad-chat-input::-webkit-input-placeholder {
color: hsl(0deg, 0%, 85%);
}

.zammad-chat-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: inherit;
font-size: inherit;
line-height: initial;
background: hsl(203deg, 67%, 53%);
color: white;
padding: 0.5em 1.2em;
margin: 0.63em 1em;
cursor: pointer;
border: none;
border-radius: 1.5em;
-webkit-box-shadow: 0 2px rgba(255, 255, 255, 0.25) inset, 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px rgba(255, 255, 255, 0.25) inset, 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px rgba(0, 0, 0, 0.1);
outline: none;
display: inline-block;
}

.zammad-chat-send {
float: right;
}

.zammad-chat-button:disabled,
.zammad-chat-input:disabled {
cursor: not-allowed;
opacity: 0.3;
}

.zammad-chat-is-hidden {
display: none;
}

/*
# Flat Design
*/
.zammad-chat--flat .zammad-chat-header,
.zammad-chat--flat .zammad-chat-body {
border: none;
}

.zammad-chat--flat .zammad-chat-header {
-webkit-box-shadow: none;
box-shadow: none;
}

.zammad-chat--flat .zammad-chat-message-body {
-webkit-box-shadow: none;
box-shadow: none;
}

.zammad-chat--flat .zammad-chat-agent-status,
.zammad-chat--flat .zammad-chat-button,
.zammad-chat--flat .zammad-chat-status {
-webkit-box-shadow: none;
box-shadow: none;
}

.notion-callout .notion-callout__content .notion-semantic-string em span .notion-link {
  padding-top: unset !important;
}

/*yellow container with SVG with link hover effect */
.bg-yellow .notion-image a:has(img[src*="svg"]):hover {
  background: #fdfdfd;
  transform: scale(1.1);
  box-shadow: 0px 0px 10px #000;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.1);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.1);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.1);
  transition: all 200ms ease-in;
  clip-path: polygon(var(--edge-size) 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% var(--edge-size));
  --edge-size: 0.8em;
}

/*Lightbox styling for the product images*/
#lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

#lightbox img {
  max-width: 90%;
  max-height: 90%;
}