.page-enter-active { transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1); }
.page-leave-active { transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
.page-enter-from, .page-leave-to { opacity: 0; }
:root { --rebranding-loading-bg: #e5e5e5; --rebranding-loading-bar: #222; }
.app[data-v-d12de11f] { align-items: center; flex-direction: column; height: 100%; justify-content: center; width: 100%; }
.title[data-v-d12de11f] { font-size: 34px; font-weight: 300; letter-spacing: 2.45px; line-height: 30px; margin: 30px; }
.DynamicAnnouncer[data-v-cc1e3fda], .TitleAnnouncer[data-v-1a8a037a] { height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; clip: rect(0px, 0px, 0px, 0px); border-width: 0px; white-space: nowrap; }
.publish-studio-style[data-v-74fe0335], .product-font-style[data-v-ed93fc7d] { transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); }
.spinner[data-v-36413753] { animation: 1s linear 0s infinite normal none running loading-spin-36413753; height: 16px; pointer-events: none; width: 16px; }
.spinner[data-v-36413753]::before { border-color: transparent currentcolor currentcolor transparent; border-style: solid; border-width: 2px; opacity: 0.2; }
.spinner[data-v-36413753]::after, .spinner[data-v-36413753]::before { border-radius: 50%; box-sizing: border-box; content: ""; height: 100%; position: absolute; width: 100%; }
.spinner[data-v-36413753]::after { border-color: currentcolor transparent transparent currentcolor; border-style: solid; border-width: 2px; opacity: 1; }
@keyframes loading-spin-36413753 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@font-face { font-family: grandam; font-style: normal; font-weight: 400; src: url("https://storage.googleapis.com/studio-front/fonts/grandam.ttf") format("truetype"); }
@font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: local("Material Icons"), local("MaterialIcons-Regular"), url("/images/assets/MaterialIcons-Regular.woff2") format("woff2"), url("/images/assets/MaterialIcons-Regular.woff") format("woff"), url("/images/assets/MaterialIcons-Regular.ttf") format("truetype"); }
.StudioCanvas { display: flex; height: auto; min-height: 100dvh; }
.StudioCanvas > .sd { min-height: 100dvh; overflow: clip; }
a, abbr, address, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, loop-box, main, mark, menu, nav, object, ol, p, pre, q, samp, section, select, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video { border: 0px; font-family: sans-serif; line-height: 1; list-style: none; margin: 0px; padding: 0px; text-decoration: none; -webkit-font-smoothing: antialiased; backface-visibility: hidden; box-sizing: border-box; color: rgb(51, 51, 51); transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); word-spacing: 1px; }
a:focus:not(:focus-visible), button:focus:not(:focus-visible), summary:focus:not(:focus-visible) { outline: none; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote::after, blockquote::before, q::after, q::before { content: none; }
a, button { background: transparent; font-size: 100%; margin: 0px; padding: 0px; vertical-align: baseline; }
ins { text-decoration: none; }
ins, mark { background-color: rgb(255, 255, 153); color: rgb(0, 0, 0); }
mark { font-style: italic; font-weight: 700; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0px; }
hr { border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204); display: block; height: 1px; margin: 1em 0px; padding: 0px; }
input, select { vertical-align: middle; }
textarea { resize: none; }
.clearfix::after { clear: both; content: ""; display: block; }
[slot="after"] button { overflow-anchor: none; }
.sd { flex-flow: column; max-width: 100%; pointer-events: all; z-index: 0; align-content: center; align-items: center; display: flex; flex: 0 0 auto; position: relative; }
.sd::-webkit-scrollbar { display: none; }
.sd, .sd.richText * { transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11; }
input.sd, textarea.sd { align-content: normal; }
.sd[tabindex]:focus { outline: none; }
.sd[tabindex]:focus-visible { outline: -webkit-focus-ring-color solid 1px; }
input[type="email"], input[type="tel"], input[type="text"], select, textarea { appearance: none; }
select { cursor: pointer; }
.frame { display: block; overflow: hidden; }
.frame > iframe { height: 100%; width: 100%; }
.frame .formrun-embed > iframe:not(:first-child) { display: none !important; }
.image { position: relative; }
.image::before { background-position: 50% center; background-size: cover; border-radius: inherit; content: ""; height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; transition: inherit; width: 100%; z-index: -2; }
.sd.file { cursor: pointer; flex-direction: row; outline: transparent solid 2px; outline-offset: -1px; overflow-wrap: anywhere; word-break: break-word; }
.sd.file:focus-within { outline-color: -webkit-focus-ring-color; }
.file > input[type="file"] { opacity: 0; pointer-events: none; position: absolute; }
.sd.text, .sd:where(.icon) { place-content: center; align-items: center; display: flex; flex-direction: row; overflow: visible; overflow-wrap: anywhere; word-break: break-word; }
.sd:where(.icon.fa) { display: inline-flex; }
.material-icons { align-items: center; display: inline-flex; font-family: "Material Icons"; font-size: 24px; font-style: normal; font-weight: 400; justify-content: center; letter-spacing: normal; line-height: 1; text-transform: none; white-space: nowrap; overflow-wrap: normal; direction: ltr; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.sd:where(.icon.material-symbols) { align-items: center; display: flex; font-style: normal; font-variation-settings: "FILL" var(--symbol-fill,0),"wght" var(--symbol-weight,400); justify-content: center; min-height: 1em; min-width: 1em; }
.sd.material-symbols-outlined { font-family: "Material Symbols Outlined"; }
.sd.material-symbols-rounded { font-family: "Material Symbols Rounded"; }
.sd.material-symbols-sharp { font-family: "Material Symbols Sharp"; }
.sd.material-symbols-weight-100 { --symbol-weight: 100; }
.sd.material-symbols-weight-200 { --symbol-weight: 200; }
.sd.material-symbols-weight-300 { --symbol-weight: 300; }
.sd.material-symbols-weight-400 { --symbol-weight: 400; }
.sd.material-symbols-weight-500 { --symbol-weight: 500; }
.sd.material-symbols-weight-600 { --symbol-weight: 600; }
.sd.material-symbols-weight-700 { --symbol-weight: 700; }
.sd.material-symbols-fill { --symbol-fill: 1; }
a, a.icon, a.text { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.15); }
.fixed { z-index: 2; }
.sticky { z-index: 1; }
.button { transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); }
.button, .link { cursor: pointer; }
.submitLoading { opacity: 0.5 !important; pointer-events: none !important; }
.richText { display: block; word-break: break-word; }
.richText [data-thread], .richText a, .richText blockquote, .richText em, .richText h1, .richText h2, .richText h3, .richText h4, .richText li, .richText ol, .richText p, .richText p > code, .richText pre, .richText pre > code, .richText s, .richText strong, .richText table tbody, .richText table tbody tr, .richText table tbody tr > td, .richText table tbody tr > th, .richText u, .richText ul { backface-visibility: visible; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-align: inherit; }
.richText p { display: block; margin: 10px 0px; }
.richText > p { min-height: 1em; }
.richText img, .richText video { height: auto; max-width: 100%; vertical-align: bottom; }
.richText h1 { display: block; font-size: 3em; font-weight: 700; margin: 20px 0px; }
.richText h2 { font-size: 2em; }
.richText h2, .richText h3 { display: block; font-weight: 700; margin: 10px 0px; }
.richText h3 { font-size: 1em; }
.richText h4, .richText h5 { font-weight: 600; }
.richText h4, .richText h5, .richText h6 { display: block; font-size: 1em; margin: 10px 0px; }
.richText h6 { font-weight: 500; }
.richText [data-type="table"] { overflow-x: auto; }
.richText [data-type="table"] p { white-space: pre-line; word-break: break-all; }
.richText table { border: 1px solid rgb(242, 242, 242); border-collapse: collapse; border-spacing: unset; color: rgb(26, 26, 26); font-size: 14px; line-height: 1.4; margin: 10px 0px; table-layout: auto; }
.richText table tr th { background: rgba(245, 245, 245, 0.5); }
.richText table tr td, .richText table tr th { border: 1px solid rgb(242, 242, 242); max-width: 240px; min-width: 100px; padding: 12px; }
.richText table tr td p, .richText table tr th p { margin: 0px; }
.richText blockquote { border-left: 3px solid rgba(0, 0, 0, 0.15); font-style: italic; margin: 10px 0px; padding: 10px 15px; }
.richText [data-type="embed_code"] { margin: 20px 0px; position: relative; }
.richText [data-type="embed_code"] > .height-adjuster > .wrapper { position: relative; }
.richText [data-type="embed_code"] > .height-adjuster > .wrapper[style*="padding-top"] iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.richText [data-type="embed_code"][data-embed-sandbox="true"] { display: block; overflow: hidden; }
.richText [data-type="embed_code"][data-embed-code-type="instagram"] > .height-adjuster > .wrapper[style*="padding-top"] { padding-top: 100%; }
.richText [data-type="embed_code"][data-embed-code-type="instagram"] > .height-adjuster > .wrapper[style*="padding-top"] blockquote { height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%; }
.richText [data-type="embed_code"][data-embed-code-type="codepen"] > .height-adjuster > .wrapper { padding-top: 50%; }
.richText [data-type="embed_code"][data-embed-code-type="codepen"] > .height-adjuster > .wrapper iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.richText [data-type="embed_code"][data-embed-code-type="slideshare"] > .height-adjuster > .wrapper { padding-top: 56.25%; }
.richText [data-type="embed_code"][data-embed-code-type="slideshare"] > .height-adjuster > .wrapper iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.richText [data-type="embed_code"][data-embed-code-type="speakerdeck"] > .height-adjuster > .wrapper { padding-top: 56.25%; }
.richText [data-type="embed_code"][data-embed-code-type="speakerdeck"] > .height-adjuster > .wrapper iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.richText [data-type="embed_code"][data-embed-code-type="snapwidget"] > .height-adjuster > .wrapper { padding-top: 30%; }
.richText [data-type="embed_code"][data-embed-code-type="snapwidget"] > .height-adjuster > .wrapper iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.richText [data-type="embed_code"][data-embed-code-type="firework"] > .height-adjuster > .wrapper fw-embed-feed { user-select: none; }
.richText [data-type="embed_code_empty"] { display: none; }
.richText ul { margin: 0px 0px 0px 20px; }
.richText ul li { list-style: disc; margin: 10px 0px; }
.richText ul li p { margin: 0px; }
.richText ol { margin: 0px 0px 0px 20px; }
.richText ol li { list-style: decimal; margin: 10px 0px; }
.richText ol li p { margin: 0px; }
.richText hr { border-top: 1px solid rgb(204, 204, 204); margin: 10px 0px; }
.richText p > code { background: rgb(238, 238, 238); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 6px; display: inline; margin: 2px; padding: 0px 5px; }
.richText pre { background: rgb(238, 238, 238); border-radius: 6px; font-family: Menlo, Monaco, "Courier New", monospace; margin: 20px 0px; padding: 25px 35px; white-space: pre-wrap; }
.richText pre code { border: none; padding: 0px; }
.richText strong { color: inherit; display: inline; font-family: inherit; font-weight: 900; }
.richText em { font-style: italic; }
.richText a, .richText u { text-decoration: underline; }
.richText a { color: rgb(0, 124, 255); display: inline; }
.richText s { text-decoration: line-through; }
.richText [data-type="table_of_contents"] { background-color: rgb(245, 245, 245); border-radius: 2px; color: rgb(97, 97, 97); font-size: 16px; list-style: none; margin: 0px; padding: 24px 24px 8px; text-decoration: underline; }
.richText [data-type="table_of_contents"] .toc_list { margin: 0px; }
.richText [data-type="table_of_contents"] .toc_item { color: currentcolor; font-weight: inherit; list-style: none; font-size: inherit !important; }
.richText [data-type="table_of_contents"] .toc_item > a { border: none; color: currentcolor; font-weight: inherit; text-decoration: none; font-size: inherit !important; }
.richText [data-type="table_of_contents"] .toc_item > a:hover { opacity: 0.7; }
.richText [data-type="table_of_contents"] .toc_item--1 { margin: 0px 0px 16px; }
.richText [data-type="table_of_contents"] .toc_item--2 { margin: 0px 0px 16px; padding-left: 2rem; }
.richText [data-type="table_of_contents"] .toc_item--3 { margin: 0px 0px 16px; padding-left: 4rem; }
.sd.section { align-content: center !important; align-items: center !important; flex-flow: column !important; height: auto !important; max-width: 100% !important; padding: 0px !important; width: 100% !important; }
.sd.section-inner { position: static !important; }
@property --g-angle { syntax: "<angle>"; inherits: false; initial-value: 180deg; }
@property --g-color-0 { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --g-position-0 { syntax: "<percentage>"; inherits: false; initial-value: .01%; }
@property --g-color-1 { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --g-position-1 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-2 { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --g-position-2 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-3 { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --g-position-3 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-4 { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --g-position-4 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-5 { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --g-position-5 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-6 { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --g-position-6 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-7 { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --g-position-7 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-8 { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --g-position-8 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-9 { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --g-position-9 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-10 { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --g-position-10 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-11 { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --g-position-11 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
.snackbar[data-v-e23c1c77] { align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(237, 237, 237); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.08) 0px 16px 48px -8px, rgba(0, 0, 0, 0.11) 0px 10px 25px -5px; display: flex; flex-direction: row; gap: 8px; justify-content: space-between; left: 50%; max-width: 90vw; padding: 16px 20px; position: fixed; top: 32px; transform: translate(-50%); user-select: none; width: 480px; z-index: 9999; }
.snackbar.v-enter-active[data-v-e23c1c77], .snackbar.v-leave-active[data-v-e23c1c77] { transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); }
.snackbar.v-enter-from[data-v-e23c1c77], .snackbar.v-leave-to[data-v-e23c1c77] { opacity: 0; transform: translate(-50%, -10px); }
.snackbar .convey[data-v-e23c1c77] { align-items: center; display: flex; flex-direction: row; gap: 8px; padding: 0px; }
.snackbar .convey .icon[data-v-e23c1c77] { background-position: 50% center; background-repeat: no-repeat; flex-shrink: 0; height: 24px; width: 24px; }
.snackbar .convey .message[data-v-e23c1c77] { font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; white-space: pre-line; }
.snackbar .convey.error .icon[data-v-e23c1c77] { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23f84f65' fill-rule='evenodd' d='M12 22.5c5.799 0 10.5-4.701 10.5-10.5S17.799 1.5 12 1.5 1.5 6.201 1.5 12 6.201 22.5 12 22.5M9.046 7.455a1.125 1.125 0 0 0-1.591 1.59L10.409 12l-2.954 2.954a1.125 1.125 0 0 0 1.59 1.592L12 13.59l2.955 2.955a1.125 1.125 0 0 0 1.59-1.591L13.592 12l2.955-2.954a1.125 1.125 0 0 0-1.591-1.591L12 10.409z' clip-rule='evenodd'/%3E%3C/svg%3E"); }
.snackbar .convey.error .message[data-v-e23c1c77] { color: rgb(248, 79, 101); }
.snackbar .convey.success .icon[data-v-e23c1c77] { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23111' fill-rule='evenodd' d='M12 20.125a8.125 8.125 0 1 0 0-16.25 8.125 8.125 0 0 0 0 16.25M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10' clip-rule='evenodd'/%3E%3Cpath fill='%23111' fill-rule='evenodd' d='M7.337 11.287a.94.94 0 0 1 1.326 0l1.812 1.812 4.287-4.287a.938.938 0 0 1 1.326 1.326l-4.95 4.95a.94.94 0 0 1-1.326 0l-2.475-2.475a.94.94 0 0 1 0-1.326' clip-rule='evenodd'/%3E%3C/svg%3E"); }
.snackbar .convey.success .message[data-v-e23c1c77] { color: rgb(17, 17, 17); }
.snackbar .button[data-v-e23c1c77] { align-items: center; border-radius: 40px; color: rgb(75, 156, 251); display: flex; flex-shrink: 0; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 700; justify-content: center; line-height: 16px; padding: 4px 8px; }
.snackbar .button[data-v-e23c1c77]:hover { background: rgb(245, 245, 245); }
.studio-banner-popover[data-v-7ec52b2d] { background: transparent; border: none; top: unset; right: unset; bottom: 20px; left: 20px; padding: 0px; position: fixed; }
a[data-v-7ec52b2d] { align-items: center; border-radius: 4px; display: flex; height: 20px; justify-content: center; perspective: 300px; transition: linear; width: 84px; }
@media (hover: hover) {
  a[data-v-7ec52b2d] { transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); will-change: width, height; }
  a[data-v-7ec52b2d]:hover { height: 32px; width: 200px; }
}
[data-v-7ec52b2d] .custom-fill path { fill: var(--a5f5a722); }
.fade-enter-active[data-v-7ec52b2d], .fade-leave-active[data-v-7ec52b2d] { position: absolute; transform: translateZ(0px); transition: opacity 0.3s cubic-bezier(0.4, 0.4, 0, 1); will-change: opacity, transform; }
.fade-enter-from[data-v-7ec52b2d], .fade-leave-to[data-v-7ec52b2d] { opacity: 0; }
.design-canvas__modal { height: 100%; pointer-events: none; position: fixed; transition: none; width: 100%; z-index: 2; }
.design-canvas__modal:focus { outline: none; }
.design-canvas__modal.v-enter-active .studio-canvas, .design-canvas__modal.v-leave-active, .design-canvas__modal.v-leave-active .studio-canvas { transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); }
.design-canvas__modal.v-enter-active .studio-canvas *, .design-canvas__modal.v-leave-active .studio-canvas * { transition: none !important; }
.design-canvas__modal.isNone { transition: none; }
.design-canvas__modal .design-canvas__modal__base { height: 100%; left: 0px; pointer-events: auto; position: fixed; top: 0px; transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); width: 100%; z-index: -1; }
.design-canvas__modal .studio-canvas { height: 100%; pointer-events: none; }
.design-canvas__modal .studio-canvas > * { pointer-events: none; background: none !important; }
.sd[data-s-b8fc1744-d6a5-4cb3-97f4-422674d62117] { place-content: center; align-items: center; background: rgba(0, 0, 0, 0.16); flex-flow: column; height: 100%; width: 100%; max-width: 100%; }
.sd[data-s-ed129ec9-3da8-4cc8-a114-10c71de969c5] { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-width: 0px; border-style: solid; border-color: rgb(238, 238, 238); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 15px 0px; flex: 0 0 auto; gap: 0px; height: calc(75% - 40px); margin: 20px; overflow: hidden auto; padding: 0px; width: 800px; --gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; --gap-v-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; --gap-uuid: ed129ec9-3da8-4cc8-a114-10c71de969c5; max-width: calc(100% - 40px); }
@media screen and (max-width: 840px) {
  .sd[data-s-ed129ec9-3da8-4cc8-a114-10c71de969c5] { flex: 0 0 auto; height: 75%; --gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; --gap-v-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; }
}
@media screen and (max-width: 540px) {
  .sd[data-s-ed129ec9-3da8-4cc8-a114-10c71de969c5] { flex: 0 0 auto; height: calc(75% - 20px); margin: 10px; --gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; --gap-v-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; max-width: calc(100% - 20px); }
}
@media screen and (max-width: 320px) {
  .sd[data-s-ed129ec9-3da8-4cc8-a114-10c71de969c5] { margin: 10px; --gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; --gap-v-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; }
}
.sd[data-s-16b64a38-0f9d-4ab1-b71c-65681bf36b0a] { background: rgb(255, 255, 255); border-radius: 50%; bottom: auto; color: rgb(95, 77, 55); font-size: 24px; margin: 0px; padding: 10px; position: absolute; right: 14px; top: 14px; z-index: 2; max-width: 100%; }
@media screen and (max-width: 540px) {
  .sd[data-s-16b64a38-0f9d-4ab1-b71c-65681bf36b0a] { font-size: 16px; padding: 6px; right: 8px; top: 8px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-16b64a38-0f9d-4ab1-b71c-65681bf36b0a] { font-size: 14px; padding: 2px; right: 8px; top: 8px; }
}
.sd[data-s-495ec4f3-e34e-476b-b604-b74aa1ff55d9] { flex: 0 0 auto; height: auto; width: calc(100% - (var(--gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5) * 0)); max-width: calc(100% - (var(--gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5) * 0)); }
.sd[data-s-57181620-d788-4807-ac81-0601d4411611] { place-content: flex-start; align-items: flex-start; background: transparent; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); display: flex; flex: 0 0 auto; gap: 20px; height: auto; margin: 0px; padding: 20px 30px; width: calc(100% - (var(--gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5) * 0)); --gap-h-57181620-d788-4807-ac81-0601d4411611: 0px; --gap-v-57181620-d788-4807-ac81-0601d4411611: 20px; --gap-uuid: 57181620-d788-4807-ac81-0601d4411611; max-width: calc(100% - (var(--gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5) * 0)); }
@media screen and (max-width: 1140px) {
  .sd[data-s-57181620-d788-4807-ac81-0601d4411611] { display: flex; --gap-h-57181620-d788-4807-ac81-0601d4411611: 0px; --gap-v-57181620-d788-4807-ac81-0601d4411611: 20px; }
}
@media screen and (max-width: 840px) {
  .sd[data-s-57181620-d788-4807-ac81-0601d4411611] { display: flex; --gap-h-57181620-d788-4807-ac81-0601d4411611: 0px; --gap-v-57181620-d788-4807-ac81-0601d4411611: 20px; }
}
@media screen and (max-width: 540px) {
  .sd[data-s-57181620-d788-4807-ac81-0601d4411611] { display: flex; --gap-h-57181620-d788-4807-ac81-0601d4411611: 0px; --gap-v-57181620-d788-4807-ac81-0601d4411611: 20px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-57181620-d788-4807-ac81-0601d4411611] { display: flex; --gap-h-57181620-d788-4807-ac81-0601d4411611: 0px; --gap-v-57181620-d788-4807-ac81-0601d4411611: 20px; }
}
.sd[data-s-eee80a54-584a-4329-81d5-feb45f6c05aa] { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 0px; padding: 0px; --gap-h-eee80a54-584a-4329-81d5-feb45f6c05aa: 0px; --gap-v-eee80a54-584a-4329-81d5-feb45f6c05aa: 0px; --gap-uuid: eee80a54-584a-4329-81d5-feb45f6c05aa; }
.sd[data-s-7fe61801-7db6-45b1-8c34-7a30a1656c82] { border-width: 0px 0px 1px; border-style: dotted; border-color: rgb(132, 115, 95); color: rgb(51, 51, 51); flex: 0 0 auto; font-family: var(--s-font-ca82ec5f); font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; padding: 10px 0px; text-align: left; width: calc(100% - (var(--gap-h-eee80a54-584a-4329-81d5-feb45f6c05aa) * 0)); max-width: calc(100% - (var(--gap-h-eee80a54-584a-4329-81d5-feb45f6c05aa) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) {
  .sd[data-s-7fe61801-7db6-45b1-8c34-7a30a1656c82] { font-size: 18px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-7fe61801-7db6-45b1-8c34-7a30a1656c82] { font-size: 16px; }
}
.sd[data-s-0907bab1-6fd7-4ac4-b014-807f7bf84bac] { color: rgb(51, 51, 51); font-family: var(--s-font-ca82ec5f); font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) {
  .sd[data-s-0907bab1-6fd7-4ac4-b014-807f7bf84bac] { font-size: 16px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-0907bab1-6fd7-4ac4-b014-807f7bf84bac] { font-size: 14px; }
}
.sd[data-s-7fc7efe9-71a0-45dc-84f9-30ee380d47e6] { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 0px; padding: 0px; --gap-h-7fc7efe9-71a0-45dc-84f9-30ee380d47e6: 0px; --gap-v-7fc7efe9-71a0-45dc-84f9-30ee380d47e6: 0px; --gap-uuid: 7fc7efe9-71a0-45dc-84f9-30ee380d47e6; }
.sd[data-s-1dde3653-32cd-4dbc-ae79-b4e0b60c5a38] { border-width: 0px 0px 1px; border-style: dotted; border-color: rgb(132, 115, 95); color: rgb(51, 51, 51); flex: 0 0 auto; font-family: var(--s-font-ca82ec5f); font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; padding: 10px 0px; text-align: left; width: calc(100% - (var(--gap-h-7fc7efe9-71a0-45dc-84f9-30ee380d47e6) * 0)); max-width: calc(100% - (var(--gap-h-7fc7efe9-71a0-45dc-84f9-30ee380d47e6) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) {
  .sd[data-s-1dde3653-32cd-4dbc-ae79-b4e0b60c5a38] { font-size: 18px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-1dde3653-32cd-4dbc-ae79-b4e0b60c5a38] { font-size: 16px; }
}
.sd[data-s-91689949-c8d3-493c-8375-278e10aa5c7c] { color: rgb(51, 51, 51); font-family: var(--s-font-ca82ec5f); font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) {
  .sd[data-s-91689949-c8d3-493c-8375-278e10aa5c7c] { font-size: 16px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-91689949-c8d3-493c-8375-278e10aa5c7c] { font-size: 14px; }
}
.sd[data-s-3e1ec730-8f81-462a-baca-c69ec8e09b15] { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 0px; padding: 0px; --gap-h-3e1ec730-8f81-462a-baca-c69ec8e09b15: 0px; --gap-v-3e1ec730-8f81-462a-baca-c69ec8e09b15: 0px; --gap-uuid: 3e1ec730-8f81-462a-baca-c69ec8e09b15; }
.sd[data-s-42d682ab-eef6-41a0-938a-73701f1b9328] { border-width: 0px 0px 1px; border-style: dotted; border-color: rgb(132, 115, 95); color: rgb(51, 51, 51); flex: 0 0 auto; font-family: var(--s-font-ca82ec5f); font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; padding: 10px 0px; text-align: left; width: calc(100% - (var(--gap-h-3e1ec730-8f81-462a-baca-c69ec8e09b15) * 0)); max-width: calc(100% - (var(--gap-h-3e1ec730-8f81-462a-baca-c69ec8e09b15) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) {
  .sd[data-s-42d682ab-eef6-41a0-938a-73701f1b9328] { font-size: 18px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-42d682ab-eef6-41a0-938a-73701f1b9328] { font-size: 16px; }
}
.sd[data-s-e576a88e-406a-4888-b89b-7c9ab8f460e6] { color: rgb(51, 51, 51); font-family: var(--s-font-ca82ec5f); font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) {
  .sd[data-s-e576a88e-406a-4888-b89b-7c9ab8f460e6] { font-size: 16px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-e576a88e-406a-4888-b89b-7c9ab8f460e6] { font-size: 14px; }
}
body { background: rgba(0, 0, 0, 0.16); transition: background 0.5s cubic-bezier(0.4, 0.4, 0, 1); }
.sd[data-s-b8fc1744-d6a5-4cb3-97f4-422674d62117] { place-content: center; align-items: center; background: rgba(0, 0, 0, 0.16); flex-flow: column; height: 100%; width: 100%; max-width: 100%; }
.sd[data-s-ed129ec9-3da8-4cc8-a114-10c71de969c5] { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-width: 0px; border-style: solid; border-color: rgb(238, 238, 238); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 15px 0px; flex: 0 0 auto; gap: 0px; height: calc(75% - 40px); margin: 20px; overflow: hidden auto; padding: 0px; width: 800px; --gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; --gap-v-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; --gap-uuid: ed129ec9-3da8-4cc8-a114-10c71de969c5; max-width: calc(100% - 40px); }
@media screen and (max-width: 840px) {
  .sd[data-s-ed129ec9-3da8-4cc8-a114-10c71de969c5] { flex: 0 0 auto; height: 75%; --gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; --gap-v-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; }
}
@media screen and (max-width: 540px) {
  .sd[data-s-ed129ec9-3da8-4cc8-a114-10c71de969c5] { flex: 0 0 auto; height: calc(75% - 20px); margin: 10px; --gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; --gap-v-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; max-width: calc(100% - 20px); }
}
@media screen and (max-width: 320px) {
  .sd[data-s-ed129ec9-3da8-4cc8-a114-10c71de969c5] { margin: 10px; --gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; --gap-v-ed129ec9-3da8-4cc8-a114-10c71de969c5: 0px; }
}
.sd[data-s-16b64a38-0f9d-4ab1-b71c-65681bf36b0a] { background: rgb(255, 255, 255); border-radius: 50%; bottom: auto; color: rgb(95, 77, 55); font-size: 24px; margin: 0px; padding: 10px; position: absolute; right: 14px; top: 14px; z-index: 2; max-width: 100%; }
@media screen and (max-width: 540px) {
  .sd[data-s-16b64a38-0f9d-4ab1-b71c-65681bf36b0a] { font-size: 16px; padding: 6px; right: 8px; top: 8px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-16b64a38-0f9d-4ab1-b71c-65681bf36b0a] { font-size: 14px; padding: 2px; right: 8px; top: 8px; }
}
.sd[data-s-495ec4f3-e34e-476b-b604-b74aa1ff55d9] { flex: 0 0 auto; height: auto; width: calc(100% - (var(--gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5) * 0)); max-width: calc(100% - (var(--gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5) * 0)); }
.sd[data-s-57181620-d788-4807-ac81-0601d4411611] { place-content: flex-start; align-items: flex-start; background: transparent; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); display: flex; flex: 0 0 auto; gap: 20px; height: auto; margin: 0px; padding: 20px 30px; width: calc(100% - (var(--gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5) * 0)); --gap-h-57181620-d788-4807-ac81-0601d4411611: 0px; --gap-v-57181620-d788-4807-ac81-0601d4411611: 20px; --gap-uuid: 57181620-d788-4807-ac81-0601d4411611; max-width: calc(100% - (var(--gap-h-ed129ec9-3da8-4cc8-a114-10c71de969c5) * 0)); }
@media screen and (max-width: 1140px) {
  .sd[data-s-57181620-d788-4807-ac81-0601d4411611] { display: flex; --gap-h-57181620-d788-4807-ac81-0601d4411611: 0px; --gap-v-57181620-d788-4807-ac81-0601d4411611: 20px; }
}
@media screen and (max-width: 840px) {
  .sd[data-s-57181620-d788-4807-ac81-0601d4411611] { display: flex; --gap-h-57181620-d788-4807-ac81-0601d4411611: 0px; --gap-v-57181620-d788-4807-ac81-0601d4411611: 20px; }
}
@media screen and (max-width: 540px) {
  .sd[data-s-57181620-d788-4807-ac81-0601d4411611] { display: flex; --gap-h-57181620-d788-4807-ac81-0601d4411611: 0px; --gap-v-57181620-d788-4807-ac81-0601d4411611: 20px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-57181620-d788-4807-ac81-0601d4411611] { display: flex; --gap-h-57181620-d788-4807-ac81-0601d4411611: 0px; --gap-v-57181620-d788-4807-ac81-0601d4411611: 20px; }
}
.sd[data-s-eee80a54-584a-4329-81d5-feb45f6c05aa] { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 0px; padding: 0px; --gap-h-eee80a54-584a-4329-81d5-feb45f6c05aa: 0px; --gap-v-eee80a54-584a-4329-81d5-feb45f6c05aa: 0px; --gap-uuid: eee80a54-584a-4329-81d5-feb45f6c05aa; }
.sd[data-s-7fe61801-7db6-45b1-8c34-7a30a1656c82] { border-width: 0px 0px 1px; border-style: dotted; border-color: rgb(132, 115, 95); color: rgb(51, 51, 51); flex: 0 0 auto; font-family: var(--s-font-ca82ec5f); font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; padding: 10px 0px; text-align: left; width: calc(100% - (var(--gap-h-eee80a54-584a-4329-81d5-feb45f6c05aa) * 0)); max-width: calc(100% - (var(--gap-h-eee80a54-584a-4329-81d5-feb45f6c05aa) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) {
  .sd[data-s-7fe61801-7db6-45b1-8c34-7a30a1656c82] { font-size: 18px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-7fe61801-7db6-45b1-8c34-7a30a1656c82] { font-size: 16px; }
}
.sd[data-s-0907bab1-6fd7-4ac4-b014-807f7bf84bac] { color: rgb(51, 51, 51); font-family: var(--s-font-ca82ec5f); font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) {
  .sd[data-s-0907bab1-6fd7-4ac4-b014-807f7bf84bac] { font-size: 16px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-0907bab1-6fd7-4ac4-b014-807f7bf84bac] { font-size: 14px; }
}
.sd[data-s-7fc7efe9-71a0-45dc-84f9-30ee380d47e6] { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 0px; padding: 0px; --gap-h-7fc7efe9-71a0-45dc-84f9-30ee380d47e6: 0px; --gap-v-7fc7efe9-71a0-45dc-84f9-30ee380d47e6: 0px; --gap-uuid: 7fc7efe9-71a0-45dc-84f9-30ee380d47e6; }
.sd[data-s-1dde3653-32cd-4dbc-ae79-b4e0b60c5a38] { border-width: 0px 0px 1px; border-style: dotted; border-color: rgb(132, 115, 95); color: rgb(51, 51, 51); flex: 0 0 auto; font-family: var(--s-font-ca82ec5f); font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; padding: 10px 0px; text-align: left; width: calc(100% - (var(--gap-h-7fc7efe9-71a0-45dc-84f9-30ee380d47e6) * 0)); max-width: calc(100% - (var(--gap-h-7fc7efe9-71a0-45dc-84f9-30ee380d47e6) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) {
  .sd[data-s-1dde3653-32cd-4dbc-ae79-b4e0b60c5a38] { font-size: 18px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-1dde3653-32cd-4dbc-ae79-b4e0b60c5a38] { font-size: 16px; }
}
.sd[data-s-91689949-c8d3-493c-8375-278e10aa5c7c] { color: rgb(51, 51, 51); font-family: var(--s-font-ca82ec5f); font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) {
  .sd[data-s-91689949-c8d3-493c-8375-278e10aa5c7c] { font-size: 16px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-91689949-c8d3-493c-8375-278e10aa5c7c] { font-size: 14px; }
}
.sd[data-s-3e1ec730-8f81-462a-baca-c69ec8e09b15] { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 0px; padding: 0px; --gap-h-3e1ec730-8f81-462a-baca-c69ec8e09b15: 0px; --gap-v-3e1ec730-8f81-462a-baca-c69ec8e09b15: 0px; --gap-uuid: 3e1ec730-8f81-462a-baca-c69ec8e09b15; }
.sd[data-s-42d682ab-eef6-41a0-938a-73701f1b9328] { border-width: 0px 0px 1px; border-style: dotted; border-color: rgb(132, 115, 95); color: rgb(51, 51, 51); flex: 0 0 auto; font-family: var(--s-font-ca82ec5f); font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; padding: 10px 0px; text-align: left; width: calc(100% - (var(--gap-h-3e1ec730-8f81-462a-baca-c69ec8e09b15) * 0)); max-width: calc(100% - (var(--gap-h-3e1ec730-8f81-462a-baca-c69ec8e09b15) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) {
  .sd[data-s-42d682ab-eef6-41a0-938a-73701f1b9328] { font-size: 18px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-42d682ab-eef6-41a0-938a-73701f1b9328] { font-size: 16px; }
}
.sd[data-s-e576a88e-406a-4888-b89b-7c9ab8f460e6] { color: rgb(51, 51, 51); font-family: var(--s-font-ca82ec5f); font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) {
  .sd[data-s-e576a88e-406a-4888-b89b-7c9ab8f460e6] { font-size: 16px; }
}
@media screen and (max-width: 320px) {
  .sd[data-s-e576a88e-406a-4888-b89b-7c9ab8f460e6] { font-size: 14px; }
}
:root { --s-font-4e8843a2: 'Roboto Condensed',Roboto; --s-font-0a938584: 'Bebas Neue','霞白藤 B'; --s-font-d89fe65d: '霞白藤 B'; --s-font-bb9a5954: 'Source Code Pro'; --s-font-37a832e8: 'Noto Sans JP'; --s-font-858ef82c: 'Roboto Slab'; --s-font-5a863481: 'Zilla Slab'; --s-font-e6a0773e: 'Noto Sans JP'; --s-font-ca82ec5f: 'Zen Kaku Gothic New'; --s-font-46a50e79: 'Sawarabi Gothic'; }
#header-test { transition: top 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }
.scrolled { box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 3px; }

/* Studio.Design appear アニメーション無効化 */
.appear, .sd.appear { opacity: 1 !important; transform: none !important; transition-delay: 0ms !important; }