@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
.lazyframe {
  background-color: currentColor;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.lazyframe__title {
  z-index: 3;
  padding: 15px 17px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.lazyframe__title:after {
  z-index: -1;
}

.lazyframe:hover {
  cursor: pointer;
}

.lazyframe:before {
  content: "";
  width: 100%;
  padding-top: 100%;
  display: block;
}

.lazyframe[data-ratio="16:9"]:before {
  padding-top: 56.25%;
}

.lazyframe[data-ratio="4:3"]:before {
  padding-top: 75%;
}

.lazyframe[data-ratio="1:1"]:before {
  padding-top: 100%;
}

.lazyframe iframe {
  z-index: 5;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.lazyframe[data-vendor="youtube"], .lazyframe[data-vendor="youtube_nocookie"] {
  background-color: #e52d27;
  font-family: Roboto, Arial, Helvetica, sans-serif;
}

.lazyframe[data-vendor="youtube"] .lazyframe__title, .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title {
  color: #eee;
  text-shadow: 0 0 2px #0000007f;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: #0000;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 18px;
  transition: color .1s cubic-bezier(.4, 0, 1, 1);
}

.lazyframe[data-vendor="youtube"] .lazyframe__title:hover, .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:hover {
  color: #fff;
}

.lazyframe[data-vendor="youtube"] .lazyframe__title:before, .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:before {
  content: "";
  pointer-events: none;
  z-index: -1;
  -webkit-tap-highlight-color: #0000;
  background: linear-gradient(#0003, #0000);
  width: 100%;
  height: 98px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.lazyframe[data-vendor="youtube"]:before, .lazyframe[data-vendor="youtube_nocookie"]:before {
  padding-top: 56.25%;
}

.lazyframe[data-vendor="youtube"]:after, .lazyframe[data-vendor="youtube_nocookie"]:after {
  content: "";
  opacity: .81;
  z-index: 4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231F1F1F' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344L348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border: none;
  width: 68px;
  height: 48px;
  margin-top: -24px;
  margin-left: -34px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.lazyframe[data-vendor="youtube"]:hover:after, .lazyframe[data-vendor="youtube_nocookie"]:hover:after {
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23DD2C28' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344L348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E");
}

.lazyframe[data-vendor="vimeo"] {
  background-color: #00adef;
}

.lazyframe[data-vendor="vimeo"] .lazyframe__title {
  color: #00adef;
  text-rendering: optimizeLegibility;
  user-select: none;
  -webkit-font-smoothing: auto;
  -webkit-tap-highlight-color: #0000;
  background-color: #00000080;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.lazyframe[data-vendor="vimeo"]:before {
  padding-top: 48.25%;
}

.lazyframe[data-vendor="vimeo"]:after {
  content: "";
  z-index: 3;
  background-color: #00000080;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' baseProfile='tiny' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M7.765 16.89l8.47-4.89-8.47-4.89'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 5px;
  width: 65px;
  height: 40px;
  display: block;
  position: relative;
  bottom: 10px;
  left: 10px;
}

.lazyframe[data-vendor="vimeo"]:hover:after {
  background-color: #00adef;
}

.lazyframe[data-vendor="vine"] {
  background-color: #00bf8f;
}

.lazyframe[data-vendor="vine"] .lazyframe__title {
  color: #fff;
  white-space: nowrap;
  z-index: 3;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  position: relative;
}

.lazyframe[data-vendor="vine"] .lazyframe__title:after {
  content: "";
  z-index: -1;
  background-image: linear-gradient(to top, #17171700 0, #171717b3 100%);
  height: 115px;
  padding: 24px 70px 24px 24px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.lazyframe[data-vendor="vine"]:before {
  padding-top: 100%;
}

.lazyframe[data-vendor="vine"]:after {
  content: "";
  z-index: 4;
  background-color: #00000080;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='136' height='136' viewBox='0 0 136 136'%3E%3Cpath fill='%23FFF' d='M56 44c-.7 0-1.4.2-2 .5-1.2.8-2 2-2 3.5v40c0 1.4.8 2.8 2 3.5.6.3 1.3.5 2 .5s1.4-.2 2-.5l34.6-20c1.3-.7 2-2 2-3.5 0-1.4-.7-2.8-2-3.5L58 44.5c-.6-.3-1.3-.5-2-.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.lazyframe[data-vendor="vine"]:hover:after {
  background-color: #000000bf;
}

.ac {
  --color-white: #fff;
  --color-light-grey: #eee;
  --color-grey: #8a8a8a;
  --color-black: #111;
  border: 1px solid var(--color-light-grey);
  background-color: var(--color-white);
  box-sizing: border-box;
  margin-bottom: 8px;
}

.ac .ac-header {
  margin: 0;
  padding: 0;
}

.ac .ac-trigger {
  color: var(--color-black);
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border: 0;
  width: 100%;
  margin: 0;
  padding: 8px 32px 8px 8px;
  font: bold 16px Arial, sans-serif;
  text-decoration: none;
  transition: color .25s;
  display: block;
  position: relative;
}

.ac .ac-trigger:after {
  content: "+";
  text-align: center;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
}

.ac .ac-trigger:focus {
  color: var(--color-grey);
}

.ac .ac-panel {
  transition-property: height, visibility;
  transition-timing-function: ease;
  overflow: hidden;
}

.ac .ac-panel .ac-text {
  color: var(--color-black);
  margin: 0;
  padding: 8px;
  font: 15px / 24px Arial, sans-serif;
}

.ac.js-enabled .ac-panel {
  visibility: hidden;
}

.ac.is-active .ac-panel {
  visibility: visible;
}

.ac.is-active > .ac-header .ac-trigger:after {
  content: "–";
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  background-color: var(--background-site);
  font-family: Inter, "system-ui", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 62.5%;
  line-height: 1.15;
}

*, :before, :after {
  box-sizing: inherit;
}

body {
  background-color: var(--background-site);
  color: var(--text-high-contrast);
  font-size: 1.6rem;
  line-height: 1.65;
}

.theme-light {
  --brand-primary: #2f70c1;
  --brand-secondary: #7461c3;
  --brand-alternative: #137886;
  --background-site: #f9f9f9;
  --background-code: #f4f4f4;
  --text-body: #36313d;
  --text-comment: #635e69;
  --text-high-contrast: #313131;
  --text-medium-contrast: #635e69;
  --text-low-contrast: #746d76;
  --detail-high-contrast: silver;
  --detail-medium-contrast: #eaeaea;
  --detail-low-contrast: #f0f0f2;
  --admonition-note: #2e6dbc;
  --admonition-warning: #ffc409;
  --admonition-danger: #dc2626;
  --brand-primary-rgb-value: 47, 112, 193;
  --brand-secondary-rgb-value: 116, 97, 195;
  --brand-alternative-rgb-value: 19, 120, 134;
  --background-site-rgb-value: 249, 249, 249;
  --background-code-rgb-value: 244, 244, 244;
  --text-body-rgb-value: 54, 49, 61;
  --text-comment-rgb-value: 99, 94, 105;
  --text-high-contrast-rgb-value: 49, 49, 49;
  --text-medium-contrast-rgb-value: 99, 94, 105;
  --text-low-contrast-rgb-value: 116, 109, 118;
  --detail-high-contrast-rgb-value: 192, 192, 192;
  --detail-medium-contrast-rgb-value: 234, 234, 234;
  --detail-low-contrast-rgb-value: 240, 240, 242;
  --admonition-note-rgb-value: 46, 109, 188;
  --admonition-warning-rgb-value: 255, 196, 9;
  --admonition-danger-rgb-value: 220, 38, 38;
}

.theme-dark {
  --brand-primary: #8ab4f8;
  --brand-secondary: #c1a8e2;
  --brand-alternative: #88babf;
  --background-site: #000;
  --background-code: #0c0c0c;
  --text-body: #dedede;
  --text-comment: #aaa;
  --text-high-contrast: #e6e6e6;
  --text-medium-contrast: #cacaca;
  --text-low-contrast: #aaa;
  --detail-high-contrast: #656565;
  --detail-medium-contrast: #191919;
  --detail-low-contrast: #151515;
  --admonition-note: #8ab4f8;
  --admonition-warning: #fdba74;
  --admonition-danger: #dc2626;
  --brand-primary-rgb-value: 138, 180, 248;
  --brand-secondary-rgb-value: 193, 168, 226;
  --brand-alternative-rgb-value: 136, 186, 191;
  --background-site-rgb-value: 0, 0, 0;
  --background-code-rgb-value: 12, 12, 12;
  --text-body-rgb-value: 222, 222, 222;
  --text-comment-rgb-value: 170, 170, 170;
  --text-high-contrast-rgb-value: 230, 230, 230;
  --text-medium-contrast-rgb-value: 202, 202, 202;
  --text-low-contrast-rgb-value: 170, 170, 170;
  --detail-high-contrast-rgb-value: 101, 101, 101;
  --detail-medium-contrast-rgb-value: 25, 25, 25;
  --detail-low-contrast-rgb-value: 21, 21, 21;
  --admonition-note-rgb-value: 138, 180, 248;
  --admonition-warning-rgb-value: 253, 186, 116;
  --admonition-danger-rgb-value: 220, 38, 38;
}

.embla {
  max-width: inherit;
  --slide-height: 19rem;
  --slide-spacing: 1rem;
  --slide-size: 100%;
  margin: auto;
}

.embla__viewport {
  overflow: hidden;
}

.embla__container {
  touch-action: pan-y pinch-zoom;
  margin-left: 0;
  display: flex;
}

.embla__slide {
  flex: 0 0 var(--slide-size);
  min-width: 0;
  padding-left: 0;
  transform: translate3d(0, 0, 0);
}

.embla__slide__number {
  box-shadow: inset 0 0 0 .2rem var(--detail-medium-contrast);
  height: var(--slide-height);
  user-select: none;
  border-radius: 1.8rem;
  justify-content: center;
  align-items: center;
  font-size: 4rem;
  font-weight: 600;
  display: flex;
}

.embla__controls {
  justify-content: center;
  gap: 1.2rem;
  margin-top: 1.8rem;
  display: flex;
}

.embla__buttons {
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: .6rem;
  display: grid;
}

.embla__button {
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), .5);
  appearance: none;
  touch-action: manipulation;
  cursor: pointer;
  box-shadow: inset 0 0 0 .2rem var(--detail-medium-contrast);
  z-index: 1;
  width: 3.6rem;
  height: 3.6rem;
  color: var(--text-body);
  background-color: #0000;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.embla__button:disabled {
  color: var(--detail-high-contrast);
}

.embla__button__svg {
  width: 35%;
  height: 35%;
}

.embla__dots {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-right: -.6rem;
  display: flex;
}

.embla__dot {
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), .5);
  appearance: none;
  touch-action: manipulation;
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.embla__dot:after {
  content: "";
  background-color: #d5d5d5;
  border-radius: 50%;
  align-items: center;
  width: 1.4rem;
  height: 1.4rem;
  display: flex;
  box-shadow: 0 0 0 .2rem #d5d5d550;
}

.embla__dot--selected:after {
  background-color: #adadad;
  box-shadow: inset 0 0 0 .2rem #adadad50;
}
/*# sourceMappingURL=10plus.6cff4534.css.map */