@charset "utf-8";

:root { --b-100: #F2F3F7; --s-700: #37546D; }

.woot-widget-holder { box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px; opacity: 1; will-change: transform, opacity; transform: translateY(0px); transition: opacity 0.2s linear 0s, transform 0.25s linear 0s; overflow: hidden !important; position: fixed !important; z-index: 2147483000 !important; }

.woot-widget-holder.woot-widget-holder--flat { box-shadow: none; border-radius: 0px; border: 1px solid var(--b-100); }

.woot-widget-holder iframe { border: 0px; color-scheme: normal; height: 100% !important; width: 100% !important; max-height: 100vh !important; }

.woot-widget-holder.has-unread-view { height: auto; bottom: 94px; border: 0px; border-radius: 0px !important; min-height: 80px !important; box-shadow: none !important; }

.woot-widget-bubble { background: rgb(31, 147, 255); border-radius: 100px; border-width: 0px; bottom: 20px; cursor: pointer; height: 64px; padding: 0px; position: fixed; user-select: none; width: 64px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 24px !important; z-index: 2147483000 !important; }

.woot-widget-bubble.woot-widget-bubble--flat { border-radius: 0px; }

.woot-widget-holder.woot-widget-holder--flat { bottom: 90px; }

.woot-widget-bubble.woot-widget-bubble--flat { height: 56px; width: 56px; }

.woot-widget-bubble.woot-widget-bubble--flat svg { margin: 16px; }

.woot-widget-bubble.woot-widget-bubble--flat.woot--close::before, .woot-widget-bubble.woot-widget-bubble--flat.woot--close::after { left: 28px; top: 16px; }

.woot-widget-bubble.unread-notification::after { content: ""; position: absolute; width: 12px; height: 12px; background: rgb(255, 64, 64); border-radius: 100%; top: 0px; right: 0px; border: 2px solid rgb(255, 255, 255); transition: background 0.2s ease 0s; }

.woot-widget-bubble.woot-widget--expanded { bottom: 24px; display: flex; align-items: center; height: 48px !important; width: auto !important; }

.woot-widget-bubble.woot-widget--expanded div { align-items: center; color: rgb(255, 255, 255); display: flex; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 500; justify-content: center; padding-right: 20px; width: auto !important; }

.woot-widget-bubble.woot-widget--expanded.woot-widget-bubble-color--lighter div { color: var(--s-700); }

.woot-widget-bubble.woot-widget--expanded svg { height: 20px; margin: 14px 8px 14px 16px; width: 20px; }

.woot-widget-bubble.woot-elements--left { left: 20px; }

.woot-widget-bubble.woot-elements--right { right: 20px; }

.woot-widget-bubble:hover { background: rgb(31, 147, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 32px !important; }

.woot-widget-bubble svg { color: revert; font: revert; font-palette: revert; font-synthesis: revert; forced-color-adjust: revert; text-orientation: revert; text-rendering: revert; -webkit-font-smoothing: revert; -webkit-locale: revert; -webkit-text-orientation: revert; -webkit-writing-mode: revert; writing-mode: revert; zoom: revert; accent-color: revert; place-content: revert; place-items: revert; place-self: revert; alignment-baseline: revert; animation-composition: revert; animation: revert; app-region: revert; appearance: revert; aspect-ratio: revert; backdrop-filter: revert; backface-visibility: revert; background: revert; background-blend-mode: revert; baseline-shift: revert; baseline-source: revert; block-size: revert; border-block: revert; border: revert; border-radius: revert; border-collapse: revert; border-end-end-radius: revert; border-end-start-radius: revert; border-inline: revert; border-start-end-radius: revert; border-start-start-radius: revert; inset: revert; box-shadow: revert; box-sizing: revert; break-after: revert; break-before: revert; break-inside: revert; buffered-rendering: revert; caption-side: revert; caret-color: revert; clear: revert; clip: revert; clip-path: revert; clip-rule: revert; color-interpolation: revert; color-interpolation-filters: revert; color-rendering: revert; color-scheme: revert; columns: revert; column-fill: revert; gap: revert; column-rule: revert; column-span: revert; contain: revert; contain-intrinsic-block-size: revert; contain-intrinsic-size: revert; contain-intrinsic-inline-size: revert; container: revert; content: revert; content-visibility: revert; counter-increment: revert; counter-reset: revert; counter-set: revert; cursor: revert; cx: revert; cy: revert; d: revert; display: revert; dominant-baseline: revert; empty-cells: revert; fill: revert; fill-opacity: revert; fill-rule: revert; filter: revert; flex: revert; flex-flow: revert; float: revert; flood-color: revert; flood-opacity: revert; grid: revert; grid-area: revert; height: 24px; hyphenate-character: revert; hyphenate-limit-chars: revert; hyphens: revert; image-orientation: revert; image-rendering: revert; initial-letter: revert; inline-size: revert; inset-block: revert; inset-inline: revert; isolation: revert; letter-spacing: revert; lighting-color: revert; line-break: revert; list-style: revert; margin-block: revert; margin: 20px; margin-inline: revert; marker: revert; mask: revert; mask-type: revert; math-depth: revert; math-shift: revert; math-style: revert; max-block-size: revert; max-height: revert; max-inline-size: revert; max-width: revert; min-block-size: revert; min-height: revert; min-inline-size: revert; min-width: revert; mix-blend-mode: revert; object-fit: revert; object-position: revert; object-view-box: revert; offset: revert; opacity: revert; order: revert; orphans: revert; outline: revert; outline-offset: revert; overflow-anchor: revert; overflow-clip-margin: revert; overflow-wrap: revert; overflow: revert; overlay: revert; overscroll-behavior-block: revert; overscroll-behavior-inline: revert; overscroll-behavior: revert; padding-block: revert; padding: revert; padding-inline: revert; page: revert; page-orientation: revert; paint-order: revert; perspective: revert; perspective-origin: revert; pointer-events: revert; position: revert; quotes: revert; r: revert; resize: revert; rotate: revert; ruby-position: revert; rx: revert; ry: revert; scale: revert; scroll-behavior: revert; scroll-margin-block: revert; scroll-margin: revert; scroll-margin-inline: revert; scroll-padding-block: revert; scroll-padding: revert; scroll-padding-inline: revert; scroll-snap-align: revert; scroll-snap-stop: revert; scroll-snap-type: revert; scroll-timeline: revert; scrollbar-gutter: revert; shape-image-threshold: revert; shape-margin: revert; shape-outside: revert; shape-rendering: revert; size: revert; speak: revert; stop-color: revert; stop-opacity: revert; stroke: revert; stroke-dasharray: revert; stroke-dashoffset: revert; stroke-linecap: revert; stroke-linejoin: revert; stroke-miterlimit: revert; stroke-opacity: revert; stroke-width: revert; tab-size: revert; table-layout: revert; text-align: revert; text-align-last: revert; text-anchor: revert; text-combine-upright: revert; text-decoration: revert; text-decoration-skip-ink: revert; text-emphasis: revert; text-emphasis-position: revert; text-indent: revert; text-overflow: revert; text-shadow: revert; text-size-adjust: revert; text-transform: revert; text-underline-offset: revert; text-underline-position: revert; white-space: revert; timeline-scope: revert; touch-action: revert; transform: revert; transform-box: revert; transform-origin: revert; transform-style: revert; transition: revert; translate: revert; user-select: revert; vector-effect: revert; vertical-align: revert; view-timeline: revert; view-transition-name: revert; visibility: revert; border-spacing: revert; -webkit-box-align: revert; -webkit-box-decoration-break: revert; -webkit-box-direction: revert; -webkit-box-flex: revert; -webkit-box-ordinal-group: revert; -webkit-box-orient: revert; -webkit-box-pack: revert; -webkit-box-reflect: revert; -webkit-line-break: revert; -webkit-line-clamp: revert; -webkit-mask-box-image: revert; -webkit-mask: revert; -webkit-mask-composite: revert; -webkit-print-color-adjust: revert; -webkit-rtl-ordering: revert; -webkit-ruby-position: revert; -webkit-tap-highlight-color: revert; -webkit-text-combine: revert; -webkit-text-decorations-in-effect: revert; -webkit-text-fill-color: revert; -webkit-text-security: revert; -webkit-text-stroke: revert; -webkit-user-drag: revert; -webkit-user-modify: revert; widows: revert; width: 24px; will-change: revert; word-break: revert; word-spacing: revert; x: revert; y: revert; z-index: revert; }

.woot-widget-bubble.woot-widget-bubble-color--lighter path { fill: var(--s-700); }

@media only screen and (min-width: 667px) {
  .woot-widget-holder.woot-elements--left { left: 20px; }
  .woot-widget-holder.woot-elements--right { right: 20px; }
}

.woot--close:hover { opacity: 1; }

.woot--close::before, .woot--close::after { background-color: rgb(255, 255, 255); content: " "; display: inline; height: 24px; left: 32px; position: absolute; top: 20px; width: 2px; }

.woot-widget-bubble-color--lighter.woot--close::before, .woot-widget-bubble-color--lighter.woot--close::after { background-color: var(--s-700); }

.woot--close::before { transform: rotate(45deg); }

.woot--close::after { transform: rotate(-45deg); }

.woot--hide { opacity: 0; bottom: -100vh !important; top: unset !important; visibility: hidden !important; z-index: -1 !important; }

.woot-widget--without-bubble { bottom: 20px !important; }

.woot-widget-holder.woot--hide { transform: translateY(40px); }

.woot-widget-bubble.woot--close { transform: translateX(0px) scale(1) rotate(0deg); transition: transform 300ms ease 0s, opacity 100ms ease 0s, visibility 0ms linear 0ms, bottom 0ms linear 0ms; }

.woot-widget-bubble.woot--close.woot--hide { transform: translateX(8px) scale(0.75) rotate(45deg); transition: transform 300ms ease 0s, opacity 200ms ease 0s, visibility 0ms linear 500ms, bottom 0ms ease 200ms; }

.woot-widget-bubble { transform-origin: center center; will-change: transform, opacity; transform: translateX(0px) scale(1) rotate(0deg); transition: transform 300ms ease 0s, opacity 100ms ease 0s, visibility 0ms linear 0ms, bottom 0ms linear 0ms; }

.woot-widget-bubble.woot--hide { transform: translateX(8px) scale(0.75) rotate(-30deg); transition: transform 300ms ease 0s, opacity 200ms ease 0s, visibility 0ms linear 500ms, bottom 0ms ease 200ms; }

.woot-widget-bubble.woot-widget--expanded { transform: translateX(0px); transition: transform 300ms ease 0s, opacity 100ms ease 0s, visibility 0ms linear 0ms, bottom 0ms linear 0ms; }

.woot-widget-bubble.woot-widget--expanded.woot--hide { transform: translateX(8px); transition: transform 300ms ease 0s, opacity 200ms ease 0s, visibility 0ms linear 500ms, bottom 0ms ease 200ms; }

.woot-widget-bubble.woot-widget-bubble--flat.woot--close { transform: translateX(0px); transition: transform 300ms ease 0s, opacity 10ms ease 0s, visibility 0ms linear 0ms, bottom 0ms linear 0ms; }

.woot-widget-bubble.woot-widget-bubble--flat.woot--close.woot--hide { transform: translateX(8px); transition: transform 300ms ease 0s, opacity 200ms ease 0s, visibility 0ms linear 500ms, bottom 0ms ease 200ms; }

.woot-widget-bubble.woot-widget--expanded.woot-widget-bubble--flat { transform: translateX(0px); transition: transform 300ms ease 0s, opacity 200ms ease 0s, visibility 0ms linear 0ms, bottom 0ms linear 0ms; }

.woot-widget-bubble.woot-widget--expanded.woot-widget-bubble--flat.woot--hide { transform: translateX(8px); transition: transform 300ms ease 0s, opacity 200ms ease 0s, visibility 0ms linear 500ms, bottom 0ms ease 200ms; }

@media only screen and (max-width: 667px) {
  .woot-widget-holder { height: 100%; right: 0px; top: 0px; width: 100%; }
  .woot-widget-holder iframe { min-height: 100% !important; }
  .woot-widget-holder.has-unread-view { height: auto; right: 0px; width: auto; bottom: 0px; top: auto; max-height: 100vh; padding: 0px 8px; }
  .woot-widget-holder.has-unread-view iframe { min-height: unset !important; }
  .woot-widget-holder.has-unread-view.woot-elements--left { left: 0px; }
  .woot-widget-bubble.woot--close { bottom: 60px; opacity: 0; visibility: hidden !important; z-index: -1 !important; }
}

@media only screen and (min-width: 667px) {
  .woot-widget-holder { border-radius: 16px; bottom: 104px; height: calc((90% - 64px) - 20px); max-height: 640px !important; min-height: 250px !important; width: 400px !important; }
}

.woot-hidden { display: none !important; }