/* ===== Emmy Rappe: layout for the hand-built copy of the Readymag site ===== */

/* Zen Maru Gothic (SIL Open Font License), served from this site. Weights 300 and 400,
   latin + latin-ext, the same files Google Fonts served to the Readymag page. */
@font-face { font-family: "Zen Maru Gothic"; font-style: normal; font-weight: 300; font-display: swap;
  src: url(/fonts/ZenMaruGothic-300-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Zen Maru Gothic"; font-style: normal; font-weight: 300; font-display: swap;
  src: url(/fonts/ZenMaruGothic-300-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Zen Maru Gothic"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/fonts/ZenMaruGothic-400-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Zen Maru Gothic"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/fonts/ZenMaruGothic-400-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root { --s: 1; }
/* Readymag's reset (viewer.css), which its text layout depends on */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}
ol,ul{list-style:none}
body { line-height: 1; }
body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif;
  color: rgb(40, 40, 40); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
template { display: none; }

/* Layers, bottom to top, as Readymag stacks them:
   page background, fixed widgets, scrolling page, fixed-on-top widgets (phone), project-wide widgets. */
.lay .L { position: fixed; inset: 0; pointer-events: none; overflow: hidden; }
.lay .bg { z-index: 0; }
.lay .fx { z-index: 1; }
.lay .ctw { position: relative; z-index: 2; pointer-events: none; overflow: hidden; }
.lay .fxt { z-index: 3; }
.lay .ab { z-index: 4; }
.lay .ct { position: absolute; left: 0; top: 0; transform-origin: 0 0; }
.lay .rmwidget { position: absolute; box-sizing: border-box; pointer-events: auto; }
.lay .rmwidget.widget-shape:not(.icon):not(.div-instead-of-svg) { pointer-events: none; }
.lay .bg > .rmwidget.widget-background { position: absolute; inset: 0; }
.lay .bg video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* fixed widgets on phones are scaled about their centre, like Readymag does */
.lay-p .L > .rmwidget, .lay-p .L > .rm-pin { transform-origin: 50% 50%; }


/* the scroll-linked column moves on its own layer (translate, never top/left) */
[data-par] { will-change: translate; }

/* fade-ins: hidden until site.js starts them (Readymag load animations) */
.js .lay [data-anim] { opacity: 0; }
.js .lay [data-anim].in { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .js .lay [data-anim] { opacity: 1; transition: none !important; } }

/* ---- pictures: shown by the <img> itself (lazy), stretched to the frame as Readymag's background did;
   the 1px inset hairline (10% / 20% of #14190D) is drawn over the picture ---- */
.lay .rmwidget.widget-picture img.fill { object-fit: fill; }
.lay .rmwidget.widget-picture.hl1::after, .lay .rmwidget.widget-picture.hl2::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: rgba(20, 25, 13, 0.1) 0 0 0 1px inset; }
.lay .rmwidget.widget-picture.hl2::after { box-shadow: rgba(20, 25, 13, 0.2) 0 0 0 1px inset; }
.lay [data-lb]:focus-visible { outline: 1px solid rgb(146, 255, 0); outline-offset: 2px; }

/* ---- the menu: <button class="menu-btn"> + <dialog id="menu">, outside the two layouts ----
   Sizes are Readymag page units scaled like the rest of the page (--s: window width / 1024 on
   desktop, / 320 on phones). Phone values first; desktop in the one media query below. */
.menu-btn, .menu-close {
  position: fixed; z-index: 5; zoom: var(--s); top: -20.5px; right: 11px; width: 25px; height: 95px;
  margin: 0; padding: 0; border: 0; border-radius: 0; background: none; cursor: pointer; color: rgb(0, 0, 0);
}
.menu-btn svg { position: absolute; display: block; right: 0; top: 39.41px; width: 25px; height: 23px; }
.pg-1 .menu-btn { color: var(--menu-ink, rgb(251, 253, 246)); }   /* the home phone picture may set --menu-ink / --menu-op (index.html) */
.pg-1 .menu-btn .ic-d { display: none; }
.pg-1 .menu-btn .ic-p { fill-opacity: var(--menu-op, .64); display: block; right: -2px; top: 40px; width: 24px; height: 22px; }
.menu-btn:focus-visible, .menu-close:focus-visible { outline: 1px solid rgb(146, 255, 0); outline-offset: -1px; }

#menu {
  position: fixed; inset: 0; width: auto; height: auto; max-width: none; max-height: none; margin: 0; padding: 0;
  border: 0; border-radius: 0; background: rgb(20, 25, 13); color: rgb(250, 252, 247); overflow: auto; overscroll-behavior: contain;
}
#menu:not([open]) { display: none; }
#menu::backdrop { background: transparent; }
#menu nav {
  width: 320px; padding-top: 20px; transform: scale(var(--s)); transform-origin: 0 0;
  font-family: "Zen Maru Gothic"; font-weight: 300; font-size: 13px; line-height: 24px; letter-spacing: 1px;
  font-feature-settings: "liga" 0, "rlig" 0, "dlig" 0, "hlig" 0, "smcp" 0; text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased; overflow-wrap: break-word;
}
#menu p, #menu li { padding-left: 10px; }
#menu i { font-style: italic; }
#menu .m-name { font-weight: 400; font-size: 19px; line-height: 19px; margin-bottom: 40px; }
#menu .m-head { font-weight: 400; font-size: 15px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; }
#menu ul { margin-bottom: 24px; }
#menu .m-about { width: 265px; line-height: 20px; letter-spacing: 0.1px; text-align: justify; white-space: pre-wrap; }
#menu .m-more { line-height: 20px; }
/* links: underlined with a 1px line at 50%; the name and the headings are not; the current page's link is not;
   hover: green (Readymag link styles) */
#menu a { color: inherit; text-decoration: none; background: linear-gradient(to right, rgba(250, 252, 247, 0.5) 0%, rgba(250, 252, 247, 0.5) 100%) 0px 99% / 1px 1px repeat-x; }
#menu a:hover { color: rgba(146, 255, 0, 0.8); background-image: linear-gradient(to right, rgba(146, 255, 0, 0.5) 0%, rgba(146, 255, 0, 0.5) 100%); }
#menu .m-name a, #menu .m-head a, #menu a[aria-current] { background: none; }
#menu .m-more a[aria-current] { color: transparent; }
#menu a:focus-visible { outline: 1px solid rgb(146, 255, 0); outline-offset: 1px; }
#menu:focus { outline: none; }
.menu-close { background: none; }

@media (min-width: 768px) {
  .menu-btn, .menu-close { top: 0; right: 19.51px; }
  .menu-btn svg { right: -0.51px; top: 39.59px; }
  .pg-1 .menu-btn .ic-d { display: block; right: -1.52px; top: 39.59px; width: 25px; height: 24px; }
  .pg-1 .menu-btn .ic-p { display: none; }
  #menu nav { width: 1036.13px; margin: -0.28px 0 0 -0.5px; padding-top: 24px; transform: none; zoom: var(--s); }
  #menu p, #menu li { padding-left: 20px; }
  #menu .m-name { padding-left: 18px; font-weight: 300; font-size: 37px; line-height: 37px; letter-spacing: 2.8px; margin-bottom: 43px; }
  #menu .m-about { width: 264.13px; }
  #menu .m-more { line-height: 28px; }
}

/* ---- lightbox (Readymag picture preview): #14190D at 35% over the page, picture fitted ---- */
.lightbox { position: fixed; inset: 0; z-index: 10; background: rgba(20, 25, 13, 0.353); display: flex; align-items: center; justify-content: center; cursor: zoom-out; }
.lightbox[hidden] { display: none; }
.lightbox img { max-width: 100vw; max-height: 100vh; width: auto; height: auto; object-fit: contain; display: block; }
.lb-close { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; border-radius: 0; }
.lb-close::before, .lb-close::after { content: ""; position: absolute; left: 50%; top: 50%; width: 24px; height: 2px; background: #fff; }
.lb-close::before { transform: translate(-50%, -50%) rotate(45deg); }
.lb-close::after { transform: translate(-50%, -50%) rotate(-45deg); }

/* ===== Readymag viewer and text styles used by these pages (pruned from viewer.css and the live page) ===== */
a.external-link, a.maglink, a.goback-link, a.anchor-link { cursor: pointer; }
.rmwidget { position: absolute; }
.rmwidget.widget-background { width: 100%; height: 100%; }
.rmwidget.widget-background .video-background { width: 100%; height: 100%; }
.rmwidget.widget-background .video-background .overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.rmwidget.widget-background .video-background .video-container { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.rmwidget.video { overflow: hidden; transform: translateZ(0px); }
.rmwidget.video iframe { position: absolute; left: 0px; top: 0px; opacity: 0; }
.rmwidget.video iframe.fade-out, .rmwidget.video.no-transparency iframe { opacity: 1; }
.rmwidget.widget-picture.preview-enabled { cursor: zoom-in; }
.rmwidget.widget-picture img, .rmwidget.widget-picture svg, .rmwidget.widget-picture div { top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; }
.rmwidget.widget-picture.fixMobileImageStretch img { object-fit: cover; }
.rmwidget.widget-picture div { background-size: 100% 100%; background-repeat: no-repeat; }
.rmwidget.widget-picture .saveable { opacity: 0 !important; }
.rmwidget.widget-picture.full-width { overflow: hidden; }
.rmwidget.widget-picture.full-width img { width: 100%; height: auto; }
.rmwidget.widget-picture.full-width div { background-size: cover; }
.rmwidget.widget-picture.full-height { overflow: hidden; }
.rmwidget.widget-picture.full-height img { width: auto; height: 100%; }
.rmwidget.widget-picture.full-height div { background-size: cover; }
.rmwidget.widget-shape { pointer-events: none; font-size: 0px; line-height: 0; }
.rmwidget.widget-shape.div-instead-of-svg, .rmwidget.widget-shape.icon { display: flex; justify-content: center; align-items: center; pointer-events: all; }
.rmwidget.widget-shape img { display: block; width: 100%; height: 100%; object-fit: contain; }
.css-q2pcac { box-sizing: border-box; display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; --editor-border-color: transparent; direction: ltr; overflow: visible; width: 71.1111%; height: 71.1111%; zoom: 0.711111; transform: scale(1.40625); transform-origin: left top; }
.css-q2pcac .text-viewer { overflow-wrap: break-word; white-space: normal; }
.css-q2pcac div[data-contents="true"], .css-q2pcac .text-viewer { font-feature-settings: "liga" 0, "rlig" 0, "dlig" 0, "hlig" 0, "smcp" 0; -webkit-line-break: after-white-space; white-space: pre-wrap; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.css-1v4mgry { background-color: rgba(250, 252, 247, 0); box-sizing: border-box; display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; --editor-border-color: transparent; direction: ltr; overflow: visible; width: 71.1111%; height: 71.1111%; zoom: 0.711111; transform: scale(1.40625); transform-origin: left top; }
.css-1v4mgry ::selection { color: rgb(20, 25, 13); background-color: rgb(250, 252, 247); }
.css-1v4mgry .text-viewer { overflow-wrap: break-word; white-space: normal; }
.css-1v4mgry div[data-contents="true"], .css-1v4mgry .text-viewer { font-feature-settings: "liga" 0, "rlig" 0, "dlig" 0, "hlig" 0, "smcp" 0; -webkit-line-break: after-white-space; white-space: pre-wrap; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.css-1wvgh67 { background-color: rgba(250, 252, 247, 0); box-sizing: border-box; display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; --editor-border-color: transparent; direction: ltr; overflow: visible; width: 71.1111%; height: 71.1111%; zoom: 0.711111; transform: scale(1.40625); transform-origin: left top; }
.css-1wvgh67 ::selection { color: rgb(250, 252, 247); background-color: rgb(250, 252, 247); }
.css-1wvgh67 .text-viewer { overflow-wrap: break-word; white-space: normal; }
.css-1wvgh67 div[data-contents="true"], .css-1wvgh67 .text-viewer { font-feature-settings: "liga" 0, "rlig" 0, "dlig" 0, "hlig" 0, "smcp" 0; -webkit-line-break: after-white-space; white-space: pre-wrap; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.css-dpw4n9 { box-sizing: border-box; display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; --editor-border-color: transparent; direction: ltr; overflow: visible; width: 71.1111%; height: 71.1111%; zoom: 0.711111; transform: scale(1.40625); transform-origin: left top; }
.css-dpw4n9 ::selection { color: rgb(0, 0, 0); background-color: rgb(181, 216, 255); }
.css-dpw4n9 .text-viewer { overflow-wrap: break-word; white-space: normal; }
.css-dpw4n9 div[data-contents="true"], .css-dpw4n9 .text-viewer { font-feature-settings: "liga" 0, "rlig" 0, "dlig" 0, "hlig" 0, "smcp" 0; -webkit-line-break: after-white-space; white-space: pre-wrap; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.align-justify { text-align: justify !important; }
.link-style-5ccc007f-3a83-47af-9cc4-db192f5d42ca { text-decoration: none; background: none; color: rgb(20, 25, 13); }
.link-style-5ccc007f-3a83-47af-9cc4-db192f5d42ca .hover, .link-style-5ccc007f-3a83-47af-9cc4-db192f5d42ca:hover { text-decoration: none; background: none; color: rgba(35, 79, 30, 0.8) !important; }
.link-style-1d34b9aa-5024-4778-9fd3-13798ceaf3c2 { text-decoration: none; background: none; color: rgb(250, 252, 247); }
.link-style-1d34b9aa-5024-4778-9fd3-13798ceaf3c2 .hover, .link-style-1d34b9aa-5024-4778-9fd3-13798ceaf3c2:hover { text-decoration: none; background: none; color: rgba(146, 255, 0, 0.8) !important; }
.link-style-1d34b9aa-5024-4778-9fd3-13798ceaf3c2.current { text-decoration: none; padding-bottom: 1px; background: none; color: rgb(250, 252, 247); }
.link-style-d0fd1070-5f67-469e-8ce0-2fd496984669 { text-decoration: none; background: linear-gradient(to right, rgba(250, 252, 247, 0.5) 0%, rgba(250, 252, 247, 0.5) 100%) 0px 99% / 1px 1px repeat-x; color: rgb(250, 252, 247); }
.link-style-d0fd1070-5f67-469e-8ce0-2fd496984669 .hover, .link-style-d0fd1070-5f67-469e-8ce0-2fd496984669:hover { text-decoration: none; background: linear-gradient(to right, rgba(146, 255, 0, 0.5) 0%, rgba(146, 255, 0, 0.5) 100%) 0px 99% / 1px 1px repeat-x; color: rgba(146, 255, 0, 0.8) !important; }
.link-style-d0fd1070-5f67-469e-8ce0-2fd496984669.current { text-decoration: none; background: none; color: rgba(250, 252, 247, 0); }
.link-style-c8c0cf97-1154-46ea-b6b7-754d94a4d2bb { text-decoration: none; background: linear-gradient(to right, rgba(250, 252, 247, 0.5) 0%, rgba(250, 252, 247, 0.5) 100%) 0px 99% / 1px 1px repeat-x; color: rgb(250, 252, 247); }
.link-style-c8c0cf97-1154-46ea-b6b7-754d94a4d2bb * { color: rgb(250, 252, 247); }
.link-style-c8c0cf97-1154-46ea-b6b7-754d94a4d2bb .hover, .link-style-c8c0cf97-1154-46ea-b6b7-754d94a4d2bb:hover { text-decoration: none; background: linear-gradient(to right, rgba(146, 255, 0, 0.5) 0%, rgba(146, 255, 0, 0.5) 100%) 0px 99% / 1px 1px repeat-x; color: rgba(146, 255, 0, 0.8) !important; }
.link-style-c8c0cf97-1154-46ea-b6b7-754d94a4d2bb .hover *, .link-style-c8c0cf97-1154-46ea-b6b7-754d94a4d2bb:hover * { color: rgba(146, 255, 0, 0.8) !important; }
.link-style-c8c0cf97-1154-46ea-b6b7-754d94a4d2bb.current { text-decoration: none; background: none; color: rgb(250, 252, 247); }
.link-style-c8c0cf97-1154-46ea-b6b7-754d94a4d2bb.current * { color: rgb(250, 252, 247); }
.unstyled { font-size: 18px; line-height: 26px; font-family: Inter; font-weight: 400; font-style: normal; }
.style-07bc6ccc-459c-459a-9ab9-3af047bf8ab9 { font-family: "Zen Maru Gothic"; font-weight: 400; font-size: 10px; line-height: 20px; letter-spacing: 1.3px; font-style: normal; color: rgb(20, 25, 13); padding-right: 10px; text-align: left; padding-left: 10px; }
.style-741dd5b0-60c1-4b6a-884a-230e2b8054cd { font-family: "Zen Maru Gothic"; font-weight: 400; font-size: 12px; line-height: 20px; letter-spacing: 1px; font-style: normal; color: rgb(20, 25, 13); text-align: left; padding-left: 10px; }
.style-d4bd23de-30a1-42bf-b0ff-76f13640a5e3 { font-family: "Zen Maru Gothic"; font-weight: 300; font-size: 37px; line-height: 37px; letter-spacing: 4.6px; font-style: normal; color: rgb(250, 252, 247); padding-left: 20px; text-align: left; }
.style-3a408178-37dc-459d-bde6-5575a2cdd65b { font-family: "Zen Maru Gothic"; font-weight: 300; font-size: 37px; line-height: 37px; letter-spacing: 4.6px; font-style: normal; color: rgb(20, 25, 13); padding-left: 20px; text-align: left; }
.style-046fdade-e076-45af-ac1a-c4b1a4d318f9 { font-family: "Zen Maru Gothic"; font-weight: 400; font-size: 15px; line-height: 20px; letter-spacing: 2px; font-style: normal; color: rgb(250, 252, 247); text-transform: uppercase; padding-left: 10px; text-align: justify; white-space: normal; }
.style-7b81094e-d902-4a6e-9f96-22a9cbbc1202 { font-family: "Zen Maru Gothic"; font-weight: 400; font-size: 15px; line-height: 20px; letter-spacing: 2px; font-style: normal; color: rgb(20, 25, 13); text-transform: uppercase; padding-left: 20px; text-align: justify; white-space: normal; }
.style-2926d98c-c5ab-4042-bca9-7216fea76bbb { font-family: "Zen Maru Gothic"; font-weight: 300; font-size: 13px; line-height: 20px; letter-spacing: 1px; font-style: normal; color: rgb(250, 252, 247); padding-left: 10px; text-align: left; }
.style-2bf73034-06ca-4859-a336-9305e9ac8d1a { font-family: "Zen Maru Gothic"; font-weight: 400; font-size: 10px; line-height: 20px; letter-spacing: 0.2px; font-style: normal; color: rgb(20, 25, 13); padding-left: 20px; padding-right: 15px; text-align: left; }
.css-1hjul1e { box-sizing: border-box; display: flex; flex-direction: column; height: auto; -webkit-box-pack: start; justify-content: flex-start; --editor-border-color: transparent; direction: ltr; overflow: visible; }
.css-1hjul1e .text-viewer { overflow-wrap: break-word; white-space: normal; }
.css-1hjul1e div[data-contents="true"], .css-1hjul1e .text-viewer { font-feature-settings: "liga" 0, "rlig" 0, "dlig" 0, "hlig" 0, "smcp" 0; -webkit-line-break: after-white-space; white-space: pre-wrap; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.css-7x441a { background-color: rgb(250, 252, 247); box-sizing: border-box; display: flex; flex-direction: column; height: auto; -webkit-box-pack: start; justify-content: flex-start; --editor-border-color: transparent; direction: ltr; overflow: visible; }
.css-7x441a ::selection { color: rgb(20, 25, 13); background-color: rgb(250, 252, 247); }
.css-7x441a .text-viewer { overflow-wrap: break-word; white-space: normal; }
.css-7x441a div[data-contents="true"], .css-7x441a .text-viewer { font-feature-settings: "liga" 0, "rlig" 0, "dlig" 0, "hlig" 0, "smcp" 0; -webkit-line-break: after-white-space; white-space: pre-wrap; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.css-8yriyw { background-color: rgba(250, 252, 247, 0); box-sizing: border-box; display: flex; flex-direction: column; height: auto; -webkit-box-pack: start; justify-content: flex-start; --editor-border-color: transparent; direction: ltr; overflow: visible; }
.css-8yriyw ::selection { color: rgb(250, 252, 247); background-color: rgb(250, 252, 247); }
.css-8yriyw .text-viewer { overflow-wrap: break-word; white-space: normal; }
.css-8yriyw div[data-contents="true"], .css-8yriyw .text-viewer { font-feature-settings: "liga" 0, "rlig" 0, "dlig" 0, "hlig" 0, "smcp" 0; -webkit-line-break: after-white-space; white-space: pre-wrap; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.css-1m18f4w { background-color: rgba(250, 252, 247, 0); box-sizing: border-box; display: flex; flex-direction: column; height: auto; -webkit-box-pack: start; justify-content: flex-start; --editor-border-color: transparent; direction: ltr; overflow: visible; }
.css-1m18f4w ::selection { color: rgb(0, 0, 0); background-color: rgb(181, 216, 255); }
.css-1m18f4w .text-viewer { overflow-wrap: break-word; white-space: normal; }
.css-1m18f4w div[data-contents="true"], .css-1m18f4w .text-viewer { font-feature-settings: "liga" 0, "rlig" 0, "dlig" 0, "hlig" 0, "smcp" 0; -webkit-line-break: after-white-space; white-space: pre-wrap; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.css-1q2r8xl { height: 100%; object-fit: cover; opacity: 1; width: 100%; }
.css-1nio6a2 { box-sizing: border-box; height: 377px; width: 671px; }
.css-1nio6a2 div:has(> iframe) { display: block; zoom: calc(0.711111); }
.css-1nio6a2 iframe { width: 100%; height: 100%; }
.css-8q4b5i { background-color: rgb(250, 252, 247); box-sizing: border-box; display: flex; flex-direction: column; height: auto; -webkit-box-pack: start; justify-content: flex-start; --editor-border-color: transparent; direction: ltr; overflow: visible; }
.css-8q4b5i ::selection { color: rgb(0, 0, 0); background-color: rgb(181, 216, 255); }
.css-8q4b5i .text-viewer { overflow-wrap: break-word; white-space: normal; }
.css-8q4b5i div[data-contents="true"], .css-8q4b5i .text-viewer { font-feature-settings: "liga" 0, "rlig" 0, "dlig" 0, "hlig" 0, "smcp" 0; -webkit-line-break: after-white-space; white-space: pre-wrap; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.css-16m8cv0 { box-sizing: border-box; height: 300px; width: 300px; }
.css-16m8cv0 div:has(> iframe) { display: block; }
.css-16m8cv0 iframe { width: 100%; height: 100%; }
.css-4t6jau { background-color: rgb(250, 252, 247); box-sizing: border-box; display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; --editor-border-color: transparent; direction: ltr; overflow: visible; width: 71.1111%; height: 71.1111%; zoom: 0.711111; transform: scale(1.40625); transform-origin: left top; }
.css-4t6jau ::selection { color: rgb(20, 25, 13); background-color: rgb(250, 252, 247); }
.css-4t6jau .text-viewer { overflow-wrap: break-word; white-space: normal; }
.css-4t6jau div[data-contents="true"], .css-4t6jau .text-viewer { font-feature-settings: "liga" 0, "rlig" 0, "dlig" 0, "hlig" 0, "smcp" 0; -webkit-line-break: after-white-space; white-space: pre-wrap; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.css-16q2r79 { box-sizing: border-box; height: 378px; width: 671px; }
.css-16q2r79 div:has(> iframe) { display: block; zoom: calc(0.711111); }
.css-16q2r79 iframe { width: 100%; height: 100%; }
.css-1t65h7o { box-sizing: border-box; height: 376px; width: 672px; }
.css-1t65h7o div:has(> iframe) { display: block; zoom: calc(0.711111); }
.css-1t65h7o iframe { width: 100%; height: 100%; }
.css-1jhsjqu { box-sizing: border-box; height: 301px; width: 301px; }
.css-1jhsjqu div:has(> iframe) { display: block; }
.css-1jhsjqu iframe { width: 100%; height: 100%; }
.css-6rjzd6 { box-sizing: border-box; height: 503px; width: 503px; }
.css-6rjzd6 div:has(> iframe) { display: block; zoom: calc(0.711111); }
.css-6rjzd6 iframe { width: 100%; height: 100%; }
.css-1lvv7i8 { box-sizing: border-box; height: 225px; width: 225px; }
.css-1lvv7i8 div:has(> iframe) { display: block; }
.css-1lvv7i8 iframe { width: 100%; height: 100%; }