/* === https://momocamp.com/_nuxt/entry.COZKwndG.css === */ .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("/assets/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("/assets/fonts/MaterialIcons-Regular.woff2") format("woff2"), url("/assets/fonts/MaterialIcons-Regular.woff") format("woff"), url("/assets/fonts/MaterialIcons-Regular.ttf") format("truetype"); } .StudioCanvas { display: flex; height: auto; min-height: 100dvh; } .StudioCanvas > .sd { min-height: 100dvh; overflow: clip; } body, html { margin: 0px; padding: 0px; } :where(.render-canvas), :where(.render-canvas) a, :where(.render-canvas) abbr, :where(.render-canvas) address, :where(.render-canvas) article, :where(.render-canvas) aside, :where(.render-canvas) audio, :where(.render-canvas) b, :where(.render-canvas) blockquote, :where(.render-canvas) button, :where(.render-canvas) canvas, :where(.render-canvas) caption, :where(.render-canvas) cite, :where(.render-canvas) code, :where(.render-canvas) dd, :where(.render-canvas) del, :where(.render-canvas) details, :where(.render-canvas) dfn, :where(.render-canvas) div, :where(.render-canvas) dl, :where(.render-canvas) dt, :where(.render-canvas) em, :where(.render-canvas) fieldset, :where(.render-canvas) figcaption, :where(.render-canvas) figure, :where(.render-canvas) footer, :where(.render-canvas) form, :where(.render-canvas) h1, :where(.render-canvas) h2, :where(.render-canvas) h3, :where(.render-canvas) h4, :where(.render-canvas) h5, :where(.render-canvas) h6, :where(.render-canvas) header, :where(.render-canvas) hgroup, :where(.render-canvas) i, :where(.render-canvas) iframe, :where(.render-canvas) img, :where(.render-canvas) input, :where(.render-canvas) ins, :where(.render-canvas) kbd, :where(.render-canvas) label, :where(.render-canvas) legend, :where(.render-canvas) li, :where(.render-canvas) loop-box, :where(.render-canvas) main, :where(.render-canvas) mark, :where(.render-canvas) menu, :where(.render-canvas) nav, :where(.render-canvas) object, :where(.render-canvas) ol, :where(.render-canvas) p, :where(.render-canvas) pre, :where(.render-canvas) q, :where(.render-canvas) samp, :where(.render-canvas) section, :where(.render-canvas) select, :where(.render-canvas) small, :where(.render-canvas) span, :where(.render-canvas) strong, :where(.render-canvas) sub, :where(.render-canvas) summary, :where(.render-canvas) sup, :where(.render-canvas) table, :where(.render-canvas) tbody, :where(.render-canvas) td, :where(.render-canvas) textarea, :where(.render-canvas) tfoot, :where(.render-canvas) th, :where(.render-canvas) thead, :where(.render-canvas) time, :where(.render-canvas) tr, :where(.render-canvas) ul, :where(.render-canvas) var, :where(.render-canvas) 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; } :where(.render-canvas) a:focus:not(:focus-visible), :where(.render-canvas) button:focus:not(:focus-visible), :where(.render-canvas) summary:focus:not(:focus-visible) { outline: none; } :where(.render-canvas) nav ul { list-style: none; } :where(.render-canvas) blockquote, :where(.render-canvas) q { quotes: none; } :where(.render-canvas) blockquote::after, :where(.render-canvas) blockquote::before, :where(.render-canvas) q::after, :where(.render-canvas) q::before { content: none; } :where(.render-canvas) a, :where(.render-canvas) button { background: transparent; font-size: 100%; margin: 0px; padding: 0px; vertical-align: baseline; } :where(.render-canvas) ins { background-color: rgb(255, 255, 153); color: rgb(0, 0, 0); text-decoration: none; } :where(.render-canvas) mark { background-color: rgb(255, 255, 153); color: rgb(0, 0, 0); font-style: italic; font-weight: 700; } :where(.render-canvas) del { text-decoration: line-through; } :where(.render-canvas) abbr[title], :where(.render-canvas) dfn[title] { border-bottom: 1px dotted; cursor: help; } :where(.render-canvas) table { border-collapse: collapse; border-spacing: 0px; } :where(.render-canvas) hr { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(204, 204, 204) currentcolor currentcolor; border-image: none; display: block; height: 1px; margin: 1em 0px; padding: 0px; } :where(.render-canvas) input, :where(.render-canvas) select { vertical-align: middle; } :where(.render-canvas) textarea { resize: none; } :where(.render-canvas) .clearfix::after { clear: both; content: ""; display: block; } :where(.render-canvas) [slot="after"] button { overflow-anchor: none; } :where(.render-canvas) .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; } :where(.render-canvas) .sd::-webkit-scrollbar { display: none; } :where(.render-canvas) .sd, :where(.render-canvas) .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; } :where(.render-canvas) input.sd, :where(.render-canvas) textarea.sd { align-content: normal; } :where(.render-canvas) .sd[tabindex]:focus { outline: none; } :where(.render-canvas) .sd[tabindex]:focus-visible { outline: -webkit-focus-ring-color solid 1px; } :where(.render-canvas) input[type="email"], :where(.render-canvas) input[type="tel"], :where(.render-canvas) input[type="text"], :where(.render-canvas) select, :where(.render-canvas) textarea { appearance: none; } :where(.render-canvas) select { cursor: pointer; } :where(.render-canvas) .frame { display: block; overflow: hidden; } :where(.render-canvas) .frame > iframe { height: 100%; width: 100%; } :where(.render-canvas) .frame .formrun-embed > iframe:not(:first-child) { display: none !important; } :where(.render-canvas) .image { position: relative; } :where(.render-canvas) .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; } :where(.render-canvas) .sd.file { cursor: pointer; flex-direction: row; outline: transparent solid 2px; outline-offset: -1px; overflow-wrap: anywhere; word-break: break-word; } :where(.render-canvas) .sd.file:focus-within { outline-color: -webkit-focus-ring-color; } :where(.render-canvas) .file > input[type="file"] { opacity: 0; pointer-events: none; position: absolute; } :where(.render-canvas) .sd.text, :where(.render-canvas) .sd:where(.icon) { place-content: center; align-items: center; display: flex; flex-direction: row; overflow: visible; overflow-wrap: anywhere; word-break: break-word; } :where(.render-canvas) table.sd { place-content: unset; align-items: unset; display: table; flex-flow: unset; max-width: none; min-width: max-content; } :where(.render-canvas) thead.sd { display: table-header-group; z-index: auto; } :where(.render-canvas) tbody.sd { display: table-row-group; z-index: auto; } :where(.render-canvas) tr.sd { display: table-row; } :where(.render-canvas) td.sd, :where(.render-canvas) th.sd { display: table-cell; height: inherit; text-align: left; vertical-align: middle; } :where(.render-canvas) colgroup.sd { display: table-column-group; } :where(.render-canvas) col.sd { display: table-column; } :where(.render-canvas) .sd:where(.icon.fa) { display: inline-flex; } :where(.render-canvas) .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; } :where(.render-canvas) .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; } :where(.render-canvas) .sd.material-symbols-outlined { font-family: "Material Symbols Outlined"; } :where(.render-canvas) .sd.material-symbols-rounded { font-family: "Material Symbols Rounded"; } :where(.render-canvas) .sd.material-symbols-sharp { font-family: "Material Symbols Sharp"; } :where(.render-canvas) .sd.material-symbols-weight-100 { --symbol-weight: 100; } :where(.render-canvas) .sd.material-symbols-weight-200 { --symbol-weight: 200; } :where(.render-canvas) .sd.material-symbols-weight-300 { --symbol-weight: 300; } :where(.render-canvas) .sd.material-symbols-weight-400 { --symbol-weight: 400; } :where(.render-canvas) .sd.material-symbols-weight-500 { --symbol-weight: 500; } :where(.render-canvas) .sd.material-symbols-weight-600 { --symbol-weight: 600; } :where(.render-canvas) .sd.material-symbols-weight-700 { --symbol-weight: 700; } :where(.render-canvas) .sd.material-symbols-fill { --symbol-fill: 1; } :where(.render-canvas) a, :where(.render-canvas) a.icon, :where(.render-canvas) a.text { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.15); } :where(.render-canvas) .fixed { z-index: 2; } :where(.render-canvas) .sticky { z-index: 1; } :where(.render-canvas) .button { cursor: pointer; transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); } :where(.render-canvas) .link { cursor: pointer; } :where(.render-canvas) .submitLoading { opacity: 0.5 !important; pointer-events: none !important; } :where(.render-canvas) .richText { display: block; word-break: break-word; } :where(.render-canvas) .richText [data-thread], :where(.render-canvas) .richText a, :where(.render-canvas) .richText blockquote, :where(.render-canvas) .richText em, :where(.render-canvas) .richText h1, :where(.render-canvas) .richText h2, :where(.render-canvas) .richText h3, :where(.render-canvas) .richText h4, :where(.render-canvas) .richText li, :where(.render-canvas) .richText ol, :where(.render-canvas) .richText p, :where(.render-canvas) .richText p > code, :where(.render-canvas) .richText pre, :where(.render-canvas) .richText pre > code, :where(.render-canvas) .richText s, :where(.render-canvas) .richText strong, :where(.render-canvas) .richText table tbody, :where(.render-canvas) .richText table tbody tr, :where(.render-canvas) .richText table tbody tr > td, :where(.render-canvas) .richText table tbody tr > th, :where(.render-canvas) .richText u, :where(.render-canvas) .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; } :where(.render-canvas) .richText p { align-self: stretch; display: block; margin: 10px 0px; } :where(.render-canvas) .richText > p { min-height: 1em; } :where(.render-canvas) .richText img, :where(.render-canvas) .richText video { height: auto; max-width: 100%; vertical-align: bottom; } :where(.render-canvas) .richText h1 { align-self: stretch; display: block; font-size: 3em; font-weight: 700; margin: 20px 0px; } :where(.render-canvas) .richText h2 { align-self: stretch; display: block; font-size: 2em; font-weight: 700; margin: 10px 0px; } :where(.render-canvas) .richText h3 { align-self: stretch; display: block; font-size: 1em; font-weight: 700; margin: 10px 0px; } :where(.render-canvas) .richText h4 { align-self: stretch; display: block; font-size: 1em; font-weight: 600; margin: 10px 0px; } :where(.render-canvas) .richText h5 { align-self: stretch; display: block; font-size: 1em; font-weight: 600; margin: 10px 0px; } :where(.render-canvas) .richText h6 { align-self: stretch; display: block; font-size: 1em; font-weight: 500; margin: 10px 0px; } :where(.render-canvas) .richText [data-type="table"] { overflow-x: auto; } :where(.render-canvas) .richText [data-type="table"] p { white-space: pre-line; word-break: break-all; } :where(.render-canvas) .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; } :where(.render-canvas) .richText table tr th { background: rgba(245, 245, 245, 0.5); } :where(.render-canvas) .richText table tr td, :where(.render-canvas) .richText table tr th { border: 1px solid rgb(242, 242, 242); max-width: 240px; min-width: 100px; padding: 12px; } :where(.render-canvas) .richText table tr td p, :where(.render-canvas) .richText table tr th p { margin: 0px; } :where(.render-canvas) .richText blockquote { border-left: 3px solid rgba(0, 0, 0, 0.15); font-style: italic; margin: 10px 0px; padding: 10px 15px; } :where(.render-canvas) .richText [data-type="embed_code"] { margin: 20px 0px; position: relative; } :where(.render-canvas) .richText [data-type="embed_code"] > .height-adjuster > .wrapper { position: relative; } :where(.render-canvas) .richText [data-type="embed_code"] > .height-adjuster > .wrapper[style*="padding-top"] iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } :where(.render-canvas) .richText [data-type="embed_code"][data-embed-sandbox="true"] { display: block; overflow: hidden; } :where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="instagram"] > .height-adjuster > .wrapper[style*="padding-top"] { padding-top: 100%; } :where(.render-canvas) .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%; } :where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="codepen"] > .height-adjuster > .wrapper { padding-top: 50%; } :where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="codepen"] > .height-adjuster > .wrapper iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } :where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="slideshare"] > .height-adjuster > .wrapper { padding-top: 56.25%; } :where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="slideshare"] > .height-adjuster > .wrapper iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } :where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="speakerdeck"] > .height-adjuster > .wrapper { padding-top: 56.25%; } :where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="speakerdeck"] > .height-adjuster > .wrapper iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } :where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="snapwidget"] > .height-adjuster > .wrapper { padding-top: 30%; } :where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="snapwidget"] > .height-adjuster > .wrapper iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } :where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="firework"] > .height-adjuster > .wrapper fw-embed-feed { user-select: none; } :where(.render-canvas) .richText [data-type="embed_code_empty"] { display: none; } :where(.render-canvas) .richText [data-type="pdf_link"] { margin: 10px 0px; } :where(.render-canvas) .richText [data-type="video_block"] { margin: 10px 0px; } :where(.render-canvas) .richText ul { margin: 0px 0px 0px 20px; } :where(.render-canvas) .richText ul li { list-style: disc; margin: 10px 0px; } :where(.render-canvas) .richText ul li p { margin: 0px; } :where(.render-canvas) .richText ol { margin: 0px 0px 0px 20px; } :where(.render-canvas) .richText ol li { list-style: decimal; margin: 10px 0px; } :where(.render-canvas) .richText ol li p { margin: 0px; } :where(.render-canvas) .richText hr { border-top: 1px solid rgb(204, 204, 204); margin: 10px 0px; } :where(.render-canvas) .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; } :where(.render-canvas) .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; } :where(.render-canvas) .richText pre code { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; } :where(.render-canvas) .richText strong { color: inherit; display: inline; font-family: inherit; font-weight: 900; } :where(.render-canvas) .richText em { font-style: italic; } :where(.render-canvas) .richText u { text-decoration: underline; } :where(.render-canvas) .richText a { color: rgb(0, 124, 255); display: inline; text-decoration: underline; } :where(.render-canvas) .richText s { text-decoration: line-through; } :where(.render-canvas) .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; } :where(.render-canvas) .richText [data-type="table_of_contents"] .toc_list { margin: 0px; } :where(.render-canvas) .richText [data-type="table_of_contents"] .toc_item { color: currentcolor; font-weight: inherit; list-style: none; font-size: inherit !important; } :where(.render-canvas) .richText [data-type="table_of_contents"] .toc_item > a { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: currentcolor; font-weight: inherit; text-decoration: none; font-size: inherit !important; } :where(.render-canvas) .richText [data-type="table_of_contents"] .toc_item > a:hover { opacity: 0.7; } :where(.render-canvas) .richText [data-type="table_of_contents"] .toc_item--1 { margin: 0px 0px 16px; } :where(.render-canvas) .richText [data-type="table_of_contents"] .toc_item--2 { margin: 0px 0px 16px; padding-left: 2rem; } :where(.render-canvas) .richText [data-type="table_of_contents"] .toc_item--3 { margin: 0px 0px 16px; padding-left: 4rem; } :where(.render-canvas) .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; } :where(.render-canvas) .sd.section-inner { position: static !important; } @property --g-angle { syntax: ""; inherits: false; initial-value: 180deg; } @property --g-color-0 { syntax: ""; inherits: false; initial-value: transparent; } @property --g-position-0 { syntax: ""; inherits: false; initial-value: .01%; } @property --g-color-1 { syntax: ""; inherits: false; initial-value: transparent; } @property --g-position-1 { syntax: ""; inherits: false; initial-value: 100%; } @property --g-color-2 { syntax: ""; inherits: false; initial-value: transparent; } @property --g-position-2 { syntax: ""; inherits: false; initial-value: 100%; } @property --g-color-3 { syntax: ""; inherits: false; initial-value: transparent; } @property --g-position-3 { syntax: ""; inherits: false; initial-value: 100%; } @property --g-color-4 { syntax: ""; inherits: false; initial-value: transparent; } @property --g-position-4 { syntax: ""; inherits: false; initial-value: 100%; } @property --g-color-5 { syntax: ""; inherits: false; initial-value: transparent; } @property --g-position-5 { syntax: ""; inherits: false; initial-value: 100%; } @property --g-color-6 { syntax: ""; inherits: false; initial-value: transparent; } @property --g-position-6 { syntax: ""; inherits: false; initial-value: 100%; } @property --g-color-7 { syntax: ""; inherits: false; initial-value: transparent; } @property --g-position-7 { syntax: ""; inherits: false; initial-value: 100%; } @property --g-color-8 { syntax: ""; inherits: false; initial-value: transparent; } @property --g-position-8 { syntax: ""; inherits: false; initial-value: 100%; } @property --g-color-9 { syntax: ""; inherits: false; initial-value: transparent; } @property --g-position-9 { syntax: ""; inherits: false; initial-value: 100%; } @property --g-color-10 { syntax: ""; inherits: false; initial-value: transparent; } @property --g-position-10 { syntax: ""; inherits: false; initial-value: 100%; } @property --g-color-11 { syntax: ""; inherits: false; initial-value: transparent; } @property --g-position-11 { syntax: ""; inherits: false; initial-value: 100%; } .snackbar[data-v-b7eda576] { 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; box-sizing: border-box; display: flex; flex-direction: row; font-family: Inter, "Noto Sans JP", sans-serif; 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-b7eda576], .snackbar.v-leave-active[data-v-b7eda576] { transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); } .snackbar.v-enter-from[data-v-b7eda576], .snackbar.v-leave-to[data-v-b7eda576] { opacity: 0; transform: translate(-50%, -10px); } .snackbar .convey[data-v-b7eda576] { align-items: center; display: flex; flex-direction: row; gap: 8px; padding: 0px; } .snackbar .convey .icon[data-v-b7eda576] { background-position: 50% center; background-repeat: no-repeat; flex-shrink: 0; height: 24px; width: 24px; } .snackbar .convey .message[data-v-b7eda576] { font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; white-space: pre-line; } .snackbar .convey.error .icon[data-v-b7eda576] { 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-b7eda576] { color: rgb(248, 79, 101); } .snackbar .convey.success .icon[data-v-b7eda576] { 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-b7eda576] { color: rgb(17, 17, 17); } .snackbar .button[data-v-b7eda576] { align-items: center; background: transparent; border: 0px; border-radius: 40px; box-sizing: border-box; color: rgb(75, 156, 251); cursor: pointer; display: flex; flex-shrink: 0; font-family: inherit; font-size: 12px; font-style: normal; font-weight: 700; justify-content: center; line-height: 16px; margin: 0px; padding: 4px 8px; } .snackbar .button[data-v-b7eda576]:hover { background: rgb(245, 245, 245); } .studio-banner-popover[data-v-a7946717] { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; top: unset; right: unset; bottom: 20px; left: 20px; overflow: hidden; padding: 0px; position: fixed; } a[data-v-a7946717] { 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-a7946717] { transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); will-change: width, height; } a[data-v-a7946717]:hover { height: 32px; width: 200px; } } [data-v-a7946717] .custom-fill path { fill: var(--v205d2299); } .fade-enter-active[data-v-a7946717], .fade-leave-active[data-v-a7946717] { 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-a7946717], .fade-leave-to[data-v-a7946717] { 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; } /* === inline === */ .fa-brands, .fa-solid { -webkit-font-smoothing: antialiased; --fa-display: inline-flex; align-items: center; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; justify-content: center; line-height: 1; text-rendering: auto; } .fa-solid { font-family: "Font Awesome 6 Free"; font-weight: 900; } .fa-brands { font-family: "Font Awesome 6 Brands"; font-weight: 400; } :host, :root { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; --fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; } @font-face { font-display: block; font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; src: url("/assets/fonts/fa-solid-900.woff2") format("woff2"), url("/assets/fonts/fa-solid-900.ttf") format("truetype"); } @font-face { font-display: block; font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; src: url("/assets/fonts/fa-brands-400.woff2") format("woff2"), url("/assets/fonts/fa-brands-400.ttf") format("truetype"); } .fa-instagram::before { content: ""; } /* === inline === */ .sd[data-s-320c20e0-b4ac-4430-9d08-65c9953f310b] { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); inset: 0px 0px auto; flex: 0 0 auto; flex-flow: row; gap: 0px; height: 100px; margin: 0px; padding: 0px 60px; position: fixed; width: 100%; z-index: 3; --gap-h-320c20e0-b4ac-4430-9d08-65c9953f310b: 0px; --gap-v-320c20e0-b4ac-4430-9d08-65c9953f310b: 0px; --gap-uuid: 320c20e0-b4ac-4430-9d08-65c9953f310b; max-width: 100%; } @media screen and (max-width: 840px) { .sd[data-s-320c20e0-b4ac-4430-9d08-65c9953f310b] { padding: 0px 30px; --gap-h-320c20e0-b4ac-4430-9d08-65c9953f310b: 0px; --gap-v-320c20e0-b4ac-4430-9d08-65c9953f310b: 0px; } } @media screen and (max-width: 540px) { .sd[data-s-320c20e0-b4ac-4430-9d08-65c9953f310b] { flex: 0 0 auto; height: 90px; padding: 0px 20px; --gap-h-320c20e0-b4ac-4430-9d08-65c9953f310b: 0px; --gap-v-320c20e0-b4ac-4430-9d08-65c9953f310b: 0px; width: 100%; max-width: 100%; } } .sd[data-s-dc8f6477-f294-4834-90e2-213feb453f3b] { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px; padding: 0px; width: 1920px; --gap-h-dc8f6477-f294-4834-90e2-213feb453f3b: 0px; --gap-v-dc8f6477-f294-4834-90e2-213feb453f3b: 0px; --gap-uuid: dc8f6477-f294-4834-90e2-213feb453f3b; max-width: 100%; } .sd[data-s-4eb2a7a8-c24f-4da1-90c3-b953fbf743e3] { place-content: center; align-items: center; flex-flow: row; gap: 0px; padding: 0px; --gap-h-4eb2a7a8-c24f-4da1-90c3-b953fbf743e3: 0px; --gap-v-4eb2a7a8-c24f-4da1-90c3-b953fbf743e3: 0px; --gap-uuid: 4eb2a7a8-c24f-4da1-90c3-b953fbf743e3; } .sd[data-s-32c72bc5-7acd-45d1-8e3f-58c9af42a413] { flex: 0 0 auto; height: auto; width: 210px; max-width: 100%; } @media screen and (max-width: 540px) { .sd[data-s-32c72bc5-7acd-45d1-8e3f-58c9af42a413] { flex: 0 0 auto; width: 140px; max-width: 100%; } } .sd[data-s-1f982669-9c1e-44f6-8f86-92cfd341f385] { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: row; gap: 30px; height: auto; width: auto; --gap-h-1f982669-9c1e-44f6-8f86-92cfd341f385: 30px; --gap-v-1f982669-9c1e-44f6-8f86-92cfd341f385: 0px; --gap-uuid: 1f982669-9c1e-44f6-8f86-92cfd341f385; max-width: 100%; } .sd[data-s-7ba950c1-0414-49a5-aa95-9692dd4e068a] { color: rgb(51, 51, 51); font-family: var(--s-font-3f94313b); font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; text-align: left; transition-duration: 400ms; transition-timing-function: linear; width: auto; max-width: 100%; justify-content: flex-start; } .sd[data-s-7ba950c1-0414-49a5-aa95-9692dd4e068a]:hover { color: rgb(113, 91, 40); } @media screen and (max-width: 840px) { .sd[data-s-7ba950c1-0414-49a5-aa95-9692dd4e068a] { display: none; } } @media screen and (max-width: 540px) { .sd[data-s-7ba950c1-0414-49a5-aa95-9692dd4e068a] { display: none; } } @media screen and (max-width: 320px) { .sd[data-s-7ba950c1-0414-49a5-aa95-9692dd4e068a] { display: none; } } .sd[data-s-60257a28-b632-473e-b448-949c1af1f182] { color: rgb(51, 51, 51); font-family: var(--s-font-3f94313b); font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; text-align: left; transition-duration: 400ms; transition-timing-function: linear; width: auto; max-width: 100%; justify-content: flex-start; } .sd[data-s-60257a28-b632-473e-b448-949c1af1f182]:hover { color: rgb(113, 91, 40); } @media screen and (max-width: 840px) { .sd[data-s-60257a28-b632-473e-b448-949c1af1f182] { display: none; } } @media screen and (max-width: 540px) { .sd[data-s-60257a28-b632-473e-b448-949c1af1f182] { display: none; } } @media screen and (max-width: 320px) { .sd[data-s-60257a28-b632-473e-b448-949c1af1f182] { display: none; } } .sd[data-s-4c867d9f-06e8-4979-b7c6-b0cdf7971d28] { color: rgb(51, 51, 51); font-family: var(--s-font-3f94313b); font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; text-align: left; transition-duration: 400ms; transition-timing-function: linear; width: auto; max-width: 100%; justify-content: flex-start; } .sd[data-s-4c867d9f-06e8-4979-b7c6-b0cdf7971d28]:hover { color: rgb(113, 91, 40); } @media screen and (max-width: 840px) { .sd[data-s-4c867d9f-06e8-4979-b7c6-b0cdf7971d28] { display: none; } } @media screen and (max-width: 540px) { .sd[data-s-4c867d9f-06e8-4979-b7c6-b0cdf7971d28] { display: none; } } @media screen and (max-width: 320px) { .sd[data-s-4c867d9f-06e8-4979-b7c6-b0cdf7971d28] { display: none; } } .sd[data-s-c4302e82-49eb-4078-bb2f-15ecc5e116a7] { color: rgb(51, 51, 51); font-family: var(--s-font-3f94313b); font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; text-align: left; transition-duration: 400ms; transition-timing-function: linear; width: auto; max-width: 100%; justify-content: flex-start; } .sd[data-s-c4302e82-49eb-4078-bb2f-15ecc5e116a7]:hover { color: rgb(113, 91, 40); } @media screen and (max-width: 840px) { .sd[data-s-c4302e82-49eb-4078-bb2f-15ecc5e116a7] { display: none; } } @media screen and (max-width: 540px) { .sd[data-s-c4302e82-49eb-4078-bb2f-15ecc5e116a7] { display: none; } } @media screen and (max-width: 320px) { .sd[data-s-c4302e82-49eb-4078-bb2f-15ecc5e116a7] { display: none; } } .sd[data-s-483f74f9-fd53-4718-a43f-b0eed11946f1] { place-content: center; align-items: center; background: rgb(38, 38, 38); border-radius: 50%; flex: 0 0 auto; gap: 4px; height: 50px; transition-duration: 400ms; transition-timing-function: linear; width: 45px; --gap-h-483f74f9-fd53-4718-a43f-b0eed11946f1: 0px; --gap-v-483f74f9-fd53-4718-a43f-b0eed11946f1: 4px; --gap-uuid: 483f74f9-fd53-4718-a43f-b0eed11946f1; max-width: 100%; } .sd[data-s-483f74f9-fd53-4718-a43f-b0eed11946f1]:hover { background: rgb(113, 91, 40); --gap-h-483f74f9-fd53-4718-a43f-b0eed11946f1: 0px; --gap-v-483f74f9-fd53-4718-a43f-b0eed11946f1: 4px; } @media screen and (max-width: 540px) { .sd[data-s-483f74f9-fd53-4718-a43f-b0eed11946f1] { height: 50px; width: 49px; --gap-h-483f74f9-fd53-4718-a43f-b0eed11946f1: 0px; --gap-v-483f74f9-fd53-4718-a43f-b0eed11946f1: 4px; max-width: 100%; } } .sd[data-s-c1cd744c-592f-44c3-aeed-052b78106743] { background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; height: 2px; width: 20px; max-width: 100%; } .sd[data-s-b08116ca-059c-4026-9526-a46fcb18256d] { background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; height: 2px; width: 20px; max-width: 100%; } .sd[data-s-794a41ea-d6db-4c04-87b9-8b4859bc15d9] { background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; height: 2px; width: 20px; max-width: 100%; } /* === inline === */ .sd[data-s-cf82bf57-cd6d-4f2d-aea0-8dfba79b5d59] { place-content: center; align-items: center; flex-flow: row; padding: 0px; } .sd[data-s-ee087f5f-b95e-4f35-8230-fe75afebdfbe] { color: rgb(38, 38, 38); font-family: var(--s-font-d8a1ddec); font-size: 72px; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .sd[data-s-ee087f5f-b95e-4f35-8230-fe75afebdfbe] { font-size: 64px; } } @media screen and (max-width: 540px) { .sd[data-s-ee087f5f-b95e-4f35-8230-fe75afebdfbe] { font-size: 44px; } } @media screen and (max-width: 320px) { .sd[data-s-ee087f5f-b95e-4f35-8230-fe75afebdfbe] { font-size: 38px; } } /* === inline === */ .sd[data-s-f6de715c-44ce-44b5-b120-dc691fb427f7] { place-content: center; align-items: center; flex-flow: column; padding: 0px; transition-duration: 400ms; transition-timing-function: linear; } .sd[data-s-f6de715c-44ce-44b5-b120-dc691fb427f7]:hover { opacity: 1; } @media screen and (max-width: 840px) { .sd[data-s-f6de715c-44ce-44b5-b120-dc691fb427f7] { flex: 0 0 auto; height: 27px; width: 201px; max-width: 100%; } } .sd[data-s-b52fd181-fa19-44bd-8df6-aae4a7b9836e] { background: rgb(38, 38, 38); border-width: 2px; border-style: solid; border-color: rgb(38, 38, 38); border-radius: 32px; color: rgb(255, 245, 251); flex: 0 0 auto; font-family: var(--s-font-3f94313b); font-feature-settings: "palt"; font-size: 16px; font-weight: 600; height: 60px; letter-spacing: 0.06em; line-height: 1.7; text-align: center; width: 260px; max-width: 100%; justify-content: center; } .sd[data-s-f6de715c-44ce-44b5-b120-dc691fb427f7]:hover .sd[data-s-b52fd181-fa19-44bd-8df6-aae4a7b9836e] { background: rgb(255, 255, 255); color: rgb(38, 38, 38); transition-duration: 400ms; transition-timing-function: linear; } @media screen and (max-width: 540px) { .sd[data-s-b52fd181-fa19-44bd-8df6-aae4a7b9836e] { flex: 0 0 auto; height: 38px; width: 240px; max-width: 100%; } } /* === inline === */ .sd[data-s-663f1fd3-3351-47ba-9b1d-c5ce09993e48] { place-content: center; align-items: center; flex-flow: row; gap: 6px; padding: 0px; --gap-h-663f1fd3-3351-47ba-9b1d-c5ce09993e48: 6px; --gap-v-663f1fd3-3351-47ba-9b1d-c5ce09993e48: 0px; --gap-uuid: 663f1fd3-3351-47ba-9b1d-c5ce09993e48; } @media screen and (max-width: 540px) { .sd[data-s-663f1fd3-3351-47ba-9b1d-c5ce09993e48] { gap: 4px; --gap-h-663f1fd3-3351-47ba-9b1d-c5ce09993e48: 4px; --gap-v-663f1fd3-3351-47ba-9b1d-c5ce09993e48: 0px; } } .sd[data-s-a72fb1d4-1935-4446-8b2e-b846cbcc66f9] { background: rgb(113, 91, 40); border-radius: 50%; flex: 0 0 auto; height: 6px; width: 6px; max-width: 100%; } @media screen and (max-width: 540px) { .sd[data-s-a72fb1d4-1935-4446-8b2e-b846cbcc66f9] { flex: 0 0 auto; height: 5px; width: 5px; max-width: 100%; } } .sd[data-s-001c8698-c445-43ba-9fea-2e41fc1fc702] { color: rgb(113, 91, 40); font-family: var(--s-font-3f94313b); font-size: 14px; font-weight: 600; height: auto; letter-spacing: 0.02em; line-height: 1.7; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .sd[data-s-001c8698-c445-43ba-9fea-2e41fc1fc702] { font-size: 12px; } } /* === inline === */ .sd[data-s-345f79e7-5caf-4a5c-9414-e86901f6c375] { place-content: center flex-start; align-items: center; border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: auto; overflow: hidden; padding: 150px 0px 75px; width: 100%; max-width: 100%; } @media screen and (max-width: 540px) { .sd[data-s-345f79e7-5caf-4a5c-9414-e86901f6c375] { padding: 130px 0px 60px; } } .sd[data-s-ac1894f7-9ca1-4f71-97c5-e4172dc26c06] { place-content: center; align-items: center; flex-flow: column; margin: 0px 60px; padding: 0px; max-width: calc(100% - 120px); } @media screen and (max-width: 840px) { .sd[data-s-ac1894f7-9ca1-4f71-97c5-e4172dc26c06] { margin: 0px 30px; max-width: calc(100% - 60px); } } @media screen and (max-width: 540px) { .sd[data-s-ac1894f7-9ca1-4f71-97c5-e4172dc26c06] { margin: 0px 20px; max-width: calc(100% - 40px); } } .sd[data-s-96befd08-492f-4a8f-acae-34e2fc51f686] { place-content: center space-between; align-items: center; border-width: 0px 0px 1px; border-style: solid; border-color: rgba(38, 38, 38, 0.1); flex: 0 0 auto; flex-flow: row; padding: 0px 0px 40px; width: 1280px; max-width: 100%; } @media screen and (max-width: 540px) { .sd[data-s-96befd08-492f-4a8f-acae-34e2fc51f686] { padding: 0px 0px 30px; } } .sd[data-s-4d095cc8-6405-446b-89d2-108f0bfee951] { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 0px; width: 1280px; --gap-h-4d095cc8-6405-446b-89d2-108f0bfee951: 0px; --gap-v-4d095cc8-6405-446b-89d2-108f0bfee951: 0px; --gap-uuid: 4d095cc8-6405-446b-89d2-108f0bfee951; max-width: 100%; } .sd[data-s-4d095cc8-6405-446b-89d2-108f0bfee951]:hover { opacity: 1; --gap-h-4d095cc8-6405-446b-89d2-108f0bfee951: 0px; --gap-v-4d095cc8-6405-446b-89d2-108f0bfee951: 0px; } @media screen and (max-width: 540px) { .sd[data-s-4d095cc8-6405-446b-89d2-108f0bfee951] { place-content: center; align-items: center; --gap-h-4d095cc8-6405-446b-89d2-108f0bfee951: 0px; --gap-v-4d095cc8-6405-446b-89d2-108f0bfee951: 0px; } } .sd[data-s-ca6213ac-9547-466c-b02b-5c046a09357b] { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 80px; padding: 0px 0px 40px; width: calc(100% - (var(--gap-h-4d095cc8-6405-446b-89d2-108f0bfee951) * 0)); --gap-h-ca6213ac-9547-466c-b02b-5c046a09357b: 80px; --gap-v-ca6213ac-9547-466c-b02b-5c046a09357b: 0px; --gap-uuid: ca6213ac-9547-466c-b02b-5c046a09357b; max-width: calc(100% - (var(--gap-h-4d095cc8-6405-446b-89d2-108f0bfee951) * 0)); } @media screen and (max-width: 840px) { .sd[data-s-ca6213ac-9547-466c-b02b-5c046a09357b] { gap: 40px; --gap-h-ca6213ac-9547-466c-b02b-5c046a09357b: 40px; --gap-v-ca6213ac-9547-466c-b02b-5c046a09357b: 0px; } } @media screen and (max-width: 540px) { .sd[data-s-ca6213ac-9547-466c-b02b-5c046a09357b] { place-content: center; align-items: center; padding: 0px 0px 30px; --gap-h-ca6213ac-9547-466c-b02b-5c046a09357b: 80px; --gap-v-ca6213ac-9547-466c-b02b-5c046a09357b: 0px; } } .sd[data-s-b35a2eab-635d-4fd2-8a62-e2ccbcac7899] { flex: 0 0 auto; height: auto; width: 300px; max-width: 100%; } @media screen and (max-width: 1140px) { .sd[data-s-b35a2eab-635d-4fd2-8a62-e2ccbcac7899] { flex: 0 0 auto; width: 280px; max-width: 100%; } } @media screen and (max-width: 840px) { .sd[data-s-b35a2eab-635d-4fd2-8a62-e2ccbcac7899] { flex: 0 0 auto; width: 180px; max-width: 100%; } } @media screen and (max-width: 540px) { .sd[data-s-b35a2eab-635d-4fd2-8a62-e2ccbcac7899] { flex: 0 0 auto; width: 220px; max-width: 100%; } } .sd[data-s-9d62b712-8498-4ff9-8137-97ad5f4aaf0c] { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: wrap; gap: 30px; margin: 0px -2px 0px 0px; padding: 0px; width: auto; --gap-h-9d62b712-8498-4ff9-8137-97ad5f4aaf0c: 30px; --gap-v-9d62b712-8498-4ff9-8137-97ad5f4aaf0c: 30px; --gap-uuid: 9d62b712-8498-4ff9-8137-97ad5f4aaf0c; max-width: calc(100% + 2px); } @media screen and (max-width: 540px) { .sd[data-s-9d62b712-8498-4ff9-8137-97ad5f4aaf0c] { display: none; --gap-h-9d62b712-8498-4ff9-8137-97ad5f4aaf0c: 30px; --gap-v-9d62b712-8498-4ff9-8137-97ad5f4aaf0c: 30px; } } @media screen and (max-width: 320px) { .sd[data-s-9d62b712-8498-4ff9-8137-97ad5f4aaf0c] { display: none; --gap-h-9d62b712-8498-4ff9-8137-97ad5f4aaf0c: 30px; --gap-v-9d62b712-8498-4ff9-8137-97ad5f4aaf0c: 30px; } } .sd[data-s-e255aa0e-89fd-437f-a9e0-52196a778f77] { place-content: flex-start flex-end; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 30px; height: auto; padding: 0px; width: calc(100% - (var(--gap-h-9d62b712-8498-4ff9-8137-97ad5f4aaf0c) * 0)); --gap-h-e255aa0e-89fd-437f-a9e0-52196a778f77: 30px; --gap-v-e255aa0e-89fd-437f-a9e0-52196a778f77: 30px; --gap-uuid: e255aa0e-89fd-437f-a9e0-52196a778f77; max-width: calc(100% - (var(--gap-h-9d62b712-8498-4ff9-8137-97ad5f4aaf0c) * 0)); } @media screen and (max-width: 1140px) { .sd[data-s-e255aa0e-89fd-437f-a9e0-52196a778f77] { gap: 25px; --gap-h-e255aa0e-89fd-437f-a9e0-52196a778f77: 25px; --gap-v-e255aa0e-89fd-437f-a9e0-52196a778f77: 25px; } } @media screen and (max-width: 840px) { .sd[data-s-e255aa0e-89fd-437f-a9e0-52196a778f77] { gap: 20px; --gap-h-e255aa0e-89fd-437f-a9e0-52196a778f77: 20px; --gap-v-e255aa0e-89fd-437f-a9e0-52196a778f77: 20px; } } .sd[data-s-31a50799-4733-4f87-bde3-0d705684034c] { place-content: center; align-items: center; flex-flow: column; padding: 0px; transition-duration: 400ms; transition-timing-function: linear; } .sd[data-s-4d095cc8-6405-446b-89d2-108f0bfee951]:hover .sd[data-s-31a50799-4733-4f87-bde3-0d705684034c]:hover { opacity: 0.4; } .sd[data-s-c8ce147d-c6e8-4ee5-80cb-12993f654e51] { color: rgb(38, 38, 38); flex: 0 0 auto; font-family: var(--s-font-3f94313b); font-size: 14px; font-weight: 600; height: auto; letter-spacing: 0.02em; line-height: 1; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .sd[data-s-c8ce147d-c6e8-4ee5-80cb-12993f654e51] { font-size: 12px; } } @media screen and (max-width: 540px) { .sd[data-s-c8ce147d-c6e8-4ee5-80cb-12993f654e51] { font-size: 20px; } } @media screen and (max-width: 320px) { .sd[data-s-c8ce147d-c6e8-4ee5-80cb-12993f654e51] { font-size: 18px; } } .sd[data-s-99ec5fb4-dedf-4d35-8169-f188a952bea3] { color: rgb(38, 38, 38); flex: 0 0 auto; font-family: var(--s-font-3f94313b); font-feature-settings: "palt"; font-size: 12px; font-weight: 600; height: auto; letter-spacing: 0.06em; line-height: 1.7; margin: 0px; padding: 0px; text-align: left; width: 356px; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .sd[data-s-99ec5fb4-dedf-4d35-8169-f188a952bea3] { padding: 0px 0px 40px; } } .sd[data-s-9b2d1a06-8859-44dc-854e-71bd4e6da013] { place-content: center space-between; align-items: center; border-radius: 0px; flex-flow: row; gap: 24px; padding: 0px; width: calc(100% - (var(--gap-h-4d095cc8-6405-446b-89d2-108f0bfee951) * 0)); --gap-h-9b2d1a06-8859-44dc-854e-71bd4e6da013: 24px; --gap-v-9b2d1a06-8859-44dc-854e-71bd4e6da013: 0px; --gap-uuid: 9b2d1a06-8859-44dc-854e-71bd4e6da013; max-width: calc(100% - (var(--gap-h-4d095cc8-6405-446b-89d2-108f0bfee951) * 0)); } @media screen and (max-width: 840px) { .sd[data-s-9b2d1a06-8859-44dc-854e-71bd4e6da013] { padding: 1px; width: 100%; --gap-h-9b2d1a06-8859-44dc-854e-71bd4e6da013: 24px; --gap-v-9b2d1a06-8859-44dc-854e-71bd4e6da013: 0px; } } @media screen and (max-width: 540px) { .sd[data-s-9b2d1a06-8859-44dc-854e-71bd4e6da013] { place-content: center; align-items: center; flex-flow: column; gap: 30px; padding: 30px; --gap-h-9b2d1a06-8859-44dc-854e-71bd4e6da013: 0px; --gap-v-9b2d1a06-8859-44dc-854e-71bd4e6da013: 30px; } } .sd[data-s-a0e883a5-b735-449f-a2d8-cd7bbc550900] { height: 39px; width: 38px; z-index: -3; max-width: 100%; } .sd[data-s-a0e883a5-b735-449f-a2d8-cd7bbc550900]::before { background-repeat: no-repeat; } .sd[data-s-56e85d92-e369-4fcc-a340-9eb7b3a1bf0d] { place-content: center; align-items: center; background: rgb(38, 38, 38); border-width: 2px; border-style: solid; border-color: rgb(38, 38, 38); border-radius: 48px; flex: 0 0 auto; flex-flow: column; height: 72px; padding: 0px; transition-duration: 400ms; transition-timing-function: linear; width: 320px; max-width: 100%; } .sd[data-s-4d095cc8-6405-446b-89d2-108f0bfee951]:hover .sd[data-s-56e85d92-e369-4fcc-a340-9eb7b3a1bf0d]:hover { background: rgba(38, 38, 38, 0); opacity: 1; } @media screen and (max-width: 840px) { .sd[data-s-56e85d92-e369-4fcc-a340-9eb7b3a1bf0d] { flex: 0 0 auto; height: 60px; width: 260px; max-width: 100%; } } @media screen and (max-width: 540px) { .sd[data-s-56e85d92-e369-4fcc-a340-9eb7b3a1bf0d] { flex: 0 0 auto; height: 72px; width: 320px; max-width: 100%; } } .sd[data-s-8fe57966-8395-4123-b008-22c2d0bd823f] { background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgb(38, 38, 38); border-radius: 0px; color: rgb(255, 255, 255); flex: 0 0 auto; font-family: var(--s-font-3f94313b); font-feature-settings: "palt"; font-size: 18px; font-weight: 600; height: auto; letter-spacing: 0.06em; line-height: 1.7; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; } .sd[data-s-56e85d92-e369-4fcc-a340-9eb7b3a1bf0d]:hover .sd[data-s-8fe57966-8395-4123-b008-22c2d0bd823f] { color: rgb(38, 38, 38); transition-duration: 400ms; transition-timing-function: linear; } @media screen and (max-width: 540px) { .sd[data-s-8fe57966-8395-4123-b008-22c2d0bd823f] { flex: 0 0 auto; font-size: 16px; } } .sd[data-s-6ed09cc4-3fca-4b26-9ec7-5fa62409f1ec] { place-content: flex-end center; align-items: flex-end; border-width: 0px; border-style: solid; border-color: rgb(38, 38, 38); flex: 0 0 auto; flex-flow: column; height: 100%; left: 0px; margin: 0px; padding: 0px 20px 0px 0px; position: absolute; top: 0px; width: 100%; max-width: 100%; } .sd[data-s-f1230c5d-3243-4d53-86cb-6659ec814f00] { color: rgb(255, 255, 255); font-size: 24px; transition-duration: 400ms; transition-timing-function: linear; } .sd[data-s-56e85d92-e369-4fcc-a340-9eb7b3a1bf0d]:hover .sd[data-s-f1230c5d-3243-4d53-86cb-6659ec814f00] { color: rgb(38, 38, 38); } @media screen and (max-width: 540px) { .sd[data-s-f1230c5d-3243-4d53-86cb-6659ec814f00] { font-size: 22px; } } .sd[data-s-30d4b490-4983-4fca-93db-c98d827c46d9] { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; padding: 40px 0px 0px; width: 1280px; --gap-uuid: 30d4b490-4983-4fca-93db-c98d827c46d9; --gap-h-30d4b490-4983-4fca-93db-c98d827c46d9: 0px; --gap-v-30d4b490-4983-4fca-93db-c98d827c46d9: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .sd[data-s-30d4b490-4983-4fca-93db-c98d827c46d9] { place-content: flex-start space-around; align-items: flex-start; flex-flow: column-reverse; gap: 30px; padding: 30px 0px 0px; --gap-h-30d4b490-4983-4fca-93db-c98d827c46d9: 0px; --gap-v-30d4b490-4983-4fca-93db-c98d827c46d9: 30px; } } .sd[data-s-0066ea72-2965-4858-a643-6946623b4c21] { color: rgb(38, 38, 38); font-family: var(--s-font-3f94313b); font-feature-settings: "palt"; font-size: 12px; font-weight: 600; height: auto; letter-spacing: 0.02em; line-height: 1.4; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .sd[data-s-0066ea72-2965-4858-a643-6946623b4c21] { font-size: 10px; } } .sd[data-s-6c12a985-2e21-4fe0-bc21-e6af24cbd716] { color: rgb(38, 38, 38); font-family: var(--s-font-3f94313b); font-feature-settings: "palt"; font-size: 12px; font-weight: 400; height: auto; letter-spacing: 0.06em; line-height: 1; text-align: left; text-decoration: underline; transition-duration: 400ms; transition-timing-function: linear; width: auto; max-width: 100%; justify-content: flex-start; } .sd[data-s-6c12a985-2e21-4fe0-bc21-e6af24cbd716]:hover { opacity: 0.4; } @media screen and (max-width: 840px) { .sd[data-s-6c12a985-2e21-4fe0-bc21-e6af24cbd716] { font-size: 10px; } } .sd[data-s-7655e4dd-9e52-4d59-93a3-6d7b22986564] { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; height: 100%; left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px; width: 100%; z-index: -2; max-width: 100%; } .sd[data-s-4b735d2b-1df4-47fd-97fd-82001556295f] { place-content: flex-start; align-items: flex-start; background: rgb(241, 241, 233); border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: 100%; left: 0px; margin: 0px; mix-blend-mode: normal; opacity: 0.85; position: absolute; top: 0px; width: 100%; max-width: 100%; } .sd[data-s-999ba78a-90cb-40ef-8694-7aa483ad983c] { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: 100%; width: 100%; z-index: -1; max-width: 100%; } .sd[data-s-999ba78a-90cb-40ef-8694-7aa483ad983c]::before { filter: none; } @media screen and (max-width: 320px) { .sd[data-s-999ba78a-90cb-40ef-8694-7aa483ad983c] { place-content: flex-start center; align-items: flex-start; flex-flow: column; } } /* === inline === */ .sd[data-s-66e5ee07-e9fb-47f8-96c6-d2ee282a96e5] { place-content: center flex-start; align-items: center; background: rgb(255, 239, 249); flex-flow: column; height: 100%; padding: 0px; width: 100%; max-width: 100%; } .sd[data-s-b8a2bd52-c55f-4a2d-9061-a38b68ee5aac] { } .sd[data-s-d5c26a7a-3de7-4bda-ad4b-063b92e36398] { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 40px; padding: 0px; width: 100%; --gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398: 0px; --gap-v-d5c26a7a-3de7-4bda-ad4b-063b92e36398: 40px; --gap-uuid: d5c26a7a-3de7-4bda-ad4b-063b92e36398; max-width: 100%; } @media screen and (max-width: 840px) { .sd[data-s-d5c26a7a-3de7-4bda-ad4b-063b92e36398] { gap: 32px; --gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398: 0px; --gap-v-d5c26a7a-3de7-4bda-ad4b-063b92e36398: 32px; } } @media screen and (max-width: 540px) { .sd[data-s-d5c26a7a-3de7-4bda-ad4b-063b92e36398] { gap: 24px; --gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398: 0px; --gap-v-d5c26a7a-3de7-4bda-ad4b-063b92e36398: 24px; } } @media screen and (max-width: 320px) { .sd[data-s-d5c26a7a-3de7-4bda-ad4b-063b92e36398] { gap: 16px; --gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398: 0px; --gap-v-d5c26a7a-3de7-4bda-ad4b-063b92e36398: 16px; } } .sd[data-s-0f8cbd6b-4c20-4859-8a9c-663f5c2d3eff] { place-content: center flex-start; align-items: center; background: rgb(255, 245, 251); flex: 0 0 auto; flex-flow: column; height: 686px; margin: 0px; padding: 0px 60px; width: calc(100% - (var(--gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398) * 0)); max-width: calc(100% - (var(--gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398) * 0)); } @media screen and (max-width: 840px) { .sd[data-s-0f8cbd6b-4c20-4859-8a9c-663f5c2d3eff] { padding: 0px 30px; } } @media screen and (max-width: 540px) { .sd[data-s-0f8cbd6b-4c20-4859-8a9c-663f5c2d3eff] { flex: 0 0 auto; padding: 0px 20px; } } .sd[data-s-77c29785-3563-4521-a65e-a8d3a22b32b1] { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); border-radius: 32px; flex: 1 1 0%; flex-flow: column; height: auto; margin: 0px; padding: 100px 0px 0px 1px; width: 1920px; z-index: -1; max-width: 100%; } @media screen and (max-width: 540px) { .sd[data-s-77c29785-3563-4521-a65e-a8d3a22b32b1] { border-radius: 24px; flex: 1 1 0%; padding: 90px 0px 0px; } } .sd[data-s-bbf86aa2-f9e8-44cd-84c1-539569b8be19] { place-content: flex-start flex-end; align-items: flex-start; border-radius: 24px; flex: 0 0 auto; flex-flow: column; height: 100%; width: 100%; max-width: 100%; } .sd[data-s-bbf86aa2-f9e8-44cd-84c1-539569b8be19]::before { background-position: center center; background-repeat: no-repeat; background-size: cover; filter: brightness(0.8); } .sd[data-s-fe356f05-2781-4b8a-bda4-ecbef15c9585] { place-content: flex-start center; align-items: flex-start; background: rgba(0, 0, 0, 0); inset: auto 0px 0px; flex: 0 0 auto; flex-flow: column; gap: 30px; height: auto; margin: 0px; padding: 60px 80px; position: absolute; width: 100%; --gap-h-fe356f05-2781-4b8a-bda4-ecbef15c9585: 0px; --gap-v-fe356f05-2781-4b8a-bda4-ecbef15c9585: 30px; --gap-uuid: fe356f05-2781-4b8a-bda4-ecbef15c9585; max-width: 100%; } @media screen and (max-width: 840px) { .sd[data-s-fe356f05-2781-4b8a-bda4-ecbef15c9585] { padding: 50px 65px; --gap-h-fe356f05-2781-4b8a-bda4-ecbef15c9585: 0px; --gap-v-fe356f05-2781-4b8a-bda4-ecbef15c9585: 30px; } } @media screen and (max-width: 540px) { .sd[data-s-fe356f05-2781-4b8a-bda4-ecbef15c9585] { bottom: 0px; gap: 0px; height: 167px; padding: 0px 0px 30px 30px; top: auto; --gap-h-fe356f05-2781-4b8a-bda4-ecbef15c9585: 0px; --gap-v-fe356f05-2781-4b8a-bda4-ecbef15c9585: 0px; width: 100%; max-width: 100%; } } @media screen and (max-width: 320px) { .sd[data-s-fe356f05-2781-4b8a-bda4-ecbef15c9585] { padding: 0px 0px 20px 20px; --gap-h-fe356f05-2781-4b8a-bda4-ecbef15c9585: 0px; --gap-v-fe356f05-2781-4b8a-bda4-ecbef15c9585: 30px; } } .sd[data-s-0123bdcb-2d41-4c5e-8a3c-e47b2b6e3ae6] { color: rgb(255, 255, 255); font-family: var(--s-font-90a97353); font-feature-settings: "palt"; font-size: 42px; font-weight: 900; height: auto; letter-spacing: 0.22em; line-height: 1.5; text-align: left; text-shadow: rgba(0, 0, 0, 0.2) 3px 3px 0px; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .sd[data-s-0123bdcb-2d41-4c5e-8a3c-e47b2b6e3ae6] { font-size: 38px; } } @media screen and (max-width: 540px) { .sd[data-s-0123bdcb-2d41-4c5e-8a3c-e47b2b6e3ae6] { font-size: 24px; } } @media screen and (max-width: 320px) { .sd[data-s-0123bdcb-2d41-4c5e-8a3c-e47b2b6e3ae6] { font-size: 19px; } } .sd[data-s-00b24ae3-41d7-43e3-9d80-c71973018b92] { color: rgb(255, 245, 251); font-family: var(--s-font-3f94313b); font-size: 14px; font-weight: 600; height: auto; letter-spacing: 0.04em; line-height: 1.7; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .sd[data-s-00b24ae3-41d7-43e3-9d80-c71973018b92] { font-size: 12px; } } @media screen and (max-width: 540px) { .sd[data-s-00b24ae3-41d7-43e3-9d80-c71973018b92] { font-size: 10px; } } .sd[data-s-03e9d562-4dfb-409a-b4c9-6f3614e4125c] { place-content: center space-between; align-items: center; background: rgba(0, 0, 0, 0); display: flex; flex: 0 0 auto; flex-flow: row; height: 60px; width: 1920px; max-width: 100%; } @media screen and (max-width: 840px) { .sd[data-s-03e9d562-4dfb-409a-b4c9-6f3614e4125c] { display: flex; } } @media screen and (max-width: 540px) { .sd[data-s-03e9d562-4dfb-409a-b4c9-6f3614e4125c] { display: flex; flex: 0 0 auto; height: 50px; max-width: 100%; } } .sd[data-s-327ecf77-8deb-4b50-91f0-7cbdc1b35b1a] { place-content: center; align-items: center; display: flex; flex-flow: row; gap: 10px; padding: 0px; --gap-h-327ecf77-8deb-4b50-91f0-7cbdc1b35b1a: 10px; --gap-v-327ecf77-8deb-4b50-91f0-7cbdc1b35b1a: 0px; --gap-uuid: 327ecf77-8deb-4b50-91f0-7cbdc1b35b1a; } @media screen and (max-width: 840px) { .sd[data-s-327ecf77-8deb-4b50-91f0-7cbdc1b35b1a] { display: flex; --gap-h-327ecf77-8deb-4b50-91f0-7cbdc1b35b1a: 10px; --gap-v-327ecf77-8deb-4b50-91f0-7cbdc1b35b1a: 0px; } } @media screen and (max-width: 540px) { .sd[data-s-327ecf77-8deb-4b50-91f0-7cbdc1b35b1a] { display: flex; --gap-h-327ecf77-8deb-4b50-91f0-7cbdc1b35b1a: 10px; --gap-v-327ecf77-8deb-4b50-91f0-7cbdc1b35b1a: 0px; } } .sd[data-s-862c861c-4123-4857-853e-7bb3e3f09ac1] { background: rgb(38, 38, 38); border-radius: 50%; color: rgb(255, 245, 251); font-size: 18px; padding: 2px; } @media screen and (max-width: 540px) { .sd[data-s-862c861c-4123-4857-853e-7bb3e3f09ac1] { font-size: 16px; } } .sd[data-s-0b722e3d-9990-4143-a8ed-186c1c1addad] { color: rgb(51, 51, 51); font-family: var(--s-font-3f94313b); font-size: 12px; font-weight: 600; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .sd[data-s-0b722e3d-9990-4143-a8ed-186c1c1addad] { font-size: 10px; } } .sd[data-s-4efbb133-890c-4687-8dee-b79c7dfc4bb4] { place-content: center; align-items: center; flex-flow: row; gap: 25px; padding: 0px; --gap-h-4efbb133-890c-4687-8dee-b79c7dfc4bb4: 25px; --gap-v-4efbb133-890c-4687-8dee-b79c7dfc4bb4: 0px; --gap-uuid: 4efbb133-890c-4687-8dee-b79c7dfc4bb4; } @media screen and (max-width: 540px) { .sd[data-s-4efbb133-890c-4687-8dee-b79c7dfc4bb4] { gap: 20px; --gap-h-4efbb133-890c-4687-8dee-b79c7dfc4bb4: 20px; --gap-v-4efbb133-890c-4687-8dee-b79c7dfc4bb4: 0px; } } .sd[data-s-7b00b7f8-32a6-4748-bea7-fb5de32a06f1] { color: rgb(38, 38, 38); font-size: 18px; transition-duration: 400ms; } .sd[data-s-7b00b7f8-32a6-4748-bea7-fb5de32a06f1]:hover { opacity: 0.4; } @media screen and (max-width: 540px) { .sd[data-s-7b00b7f8-32a6-4748-bea7-fb5de32a06f1] { font-size: 16px; } } .sd[data-s-198f16c1-d44f-44b6-908c-1d132dd34ec8] { place-content: center; align-items: center; background: transparent; flex: 0 0 auto; flex-wrap: nowrap; gap: 50px; padding: 40px; width: calc(100% - (var(--gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398) * 0)); --gap-h-198f16c1-d44f-44b6-908c-1d132dd34ec8: 0px; --gap-v-198f16c1-d44f-44b6-908c-1d132dd34ec8: 50px; --gap-uuid: 198f16c1-d44f-44b6-908c-1d132dd34ec8; max-width: calc(100% - (var(--gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398) * 0)); } @media screen and (max-width: 840px) { .sd[data-s-198f16c1-d44f-44b6-908c-1d132dd34ec8] { padding: 104px 32px; --gap-h-198f16c1-d44f-44b6-908c-1d132dd34ec8: 0px; --gap-v-198f16c1-d44f-44b6-908c-1d132dd34ec8: 50px; } } @media screen and (max-width: 540px) { .sd[data-s-198f16c1-d44f-44b6-908c-1d132dd34ec8] { gap: 24px; padding: 16px 16px 24px; --gap-h-198f16c1-d44f-44b6-908c-1d132dd34ec8: 0px; --gap-v-198f16c1-d44f-44b6-908c-1d132dd34ec8: 24px; } } @media screen and (max-width: 320px) { .sd[data-s-198f16c1-d44f-44b6-908c-1d132dd34ec8] { padding: 16px 16px 24px; --gap-h-198f16c1-d44f-44b6-908c-1d132dd34ec8: 0px; --gap-v-198f16c1-d44f-44b6-908c-1d132dd34ec8: 50px; } } .sd[data-s-f92b3e1b-158b-4eb2-a91c-147124f31e77] { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: row; gap: 64px; height: auto; margin: 0px; padding: 0px; width: 1280px; --gap-h-f92b3e1b-158b-4eb2-a91c-147124f31e77: 64px; --gap-v-f92b3e1b-158b-4eb2-a91c-147124f31e77: 0px; --gap-uuid: f92b3e1b-158b-4eb2-a91c-147124f31e77; max-width: 100%; } @media screen and (max-width: 840px) { .sd[data-s-f92b3e1b-158b-4eb2-a91c-147124f31e77] { flex-flow: column-reverse; gap: 32px; --gap-h-f92b3e1b-158b-4eb2-a91c-147124f31e77: 0px; --gap-v-f92b3e1b-158b-4eb2-a91c-147124f31e77: 32px; } } .sd[data-s-486f9398-d1dc-4e08-95bf-2bf6abc53aee] { place-content: flex-start; align-items: flex-start; background: transparent; flex: 0 0 auto; gap: 32px; height: auto; padding: 0px; width: calc(50% - (var(--gap-h-f92b3e1b-158b-4eb2-a91c-147124f31e77) * 0.5)); --gap-h-486f9398-d1dc-4e08-95bf-2bf6abc53aee: 0px; --gap-v-486f9398-d1dc-4e08-95bf-2bf6abc53aee: 32px; --gap-uuid: 486f9398-d1dc-4e08-95bf-2bf6abc53aee; max-width: calc(50% - (var(--gap-h-f92b3e1b-158b-4eb2-a91c-147124f31e77) * 0.5)); } .sd[data-s-486f9398-d1dc-4e08-95bf-2bf6abc53aee].appear { opacity: 0; transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; --gap-h-486f9398-d1dc-4e08-95bf-2bf6abc53aee: 0px; --gap-v-486f9398-d1dc-4e08-95bf-2bf6abc53aee: 32px; } .sd[data-s-486f9398-d1dc-4e08-95bf-2bf6abc53aee].appear-active { transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } @media screen and (max-width: 840px) { .sd[data-s-486f9398-d1dc-4e08-95bf-2bf6abc53aee] { flex: 0 0 auto; gap: 24px; width: calc(100% - (var(--gap-h-f92b3e1b-158b-4eb2-a91c-147124f31e77) * 0)); --gap-h-486f9398-d1dc-4e08-95bf-2bf6abc53aee: 0px; --gap-v-486f9398-d1dc-4e08-95bf-2bf6abc53aee: 24px; max-width: calc(100% - (var(--gap-h-f92b3e1b-158b-4eb2-a91c-147124f31e77) * 0)); } } @media screen and (max-width: 540px) { .sd[data-s-486f9398-d1dc-4e08-95bf-2bf6abc53aee] { gap: 24px; --gap-h-486f9398-d1dc-4e08-95bf-2bf6abc53aee: 0px; --gap-v-486f9398-d1dc-4e08-95bf-2bf6abc53aee: 24px; } } .sd[data-s-ef346596-3f3a-409e-981c-aacd73fcadf8] { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 8px; padding: 0px; width: calc(100% - (var(--gap-h-486f9398-d1dc-4e08-95bf-2bf6abc53aee) * 0)); --gap-h-ef346596-3f3a-409e-981c-aacd73fcadf8: 0px; --gap-v-ef346596-3f3a-409e-981c-aacd73fcadf8: 8px; --gap-uuid: ef346596-3f3a-409e-981c-aacd73fcadf8; max-width: calc(100% - (var(--gap-h-486f9398-d1dc-4e08-95bf-2bf6abc53aee) * 0)); } @media screen and (max-width: 540px) { .sd[data-s-ef346596-3f3a-409e-981c-aacd73fcadf8] { padding: 0px 24px 0px 0px; --gap-h-ef346596-3f3a-409e-981c-aacd73fcadf8: 0px; --gap-v-ef346596-3f3a-409e-981c-aacd73fcadf8: 8px; } } @media screen and (max-width: 320px) { .sd[data-s-ef346596-3f3a-409e-981c-aacd73fcadf8] { padding: 0px; --gap-h-ef346596-3f3a-409e-981c-aacd73fcadf8: 0px; --gap-v-ef346596-3f3a-409e-981c-aacd73fcadf8: 8px; } } .sd[data-s-e40547b9-b110-4b56-bd07-000399b06bab] { color: rgb(102, 102, 102); font-family: var(--s-font-3f94313b); font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 540px) { .sd[data-s-e40547b9-b110-4b56-bd07-000399b06bab] { font-size: 11px; } } .sd[data-s-315d0f9d-c9fb-4012-aa7f-e1cd52958329] { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: var(--s-font-90a97353); font-feature-settings: "palt"; font-size: 54px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.4; text-align: right; width: calc(100% - (var(--gap-h-ef346596-3f3a-409e-981c-aacd73fcadf8) * 0)); max-width: calc(100% - (var(--gap-h-ef346596-3f3a-409e-981c-aacd73fcadf8) * 0)); justify-content: flex-end; } @media screen and (max-width: 840px) { .sd[data-s-315d0f9d-c9fb-4012-aa7f-e1cd52958329] { font-size: 48px; } } @media screen and (max-width: 540px) { .sd[data-s-315d0f9d-c9fb-4012-aa7f-e1cd52958329] { font-family: var(--s-font-90a97353); font-size: 32px; font-weight: 700; padding: 0px; } } @media screen and (max-width: 320px) { .sd[data-s-315d0f9d-c9fb-4012-aa7f-e1cd52958329] { font-size: 24px; padding: 0px; } } .sd[data-s-202d6980-c0ab-44ef-9ce1-7cd5f0febba2] { color: rgb(34, 34, 34); font-family: var(--s-font-90a97353); font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; margin: 0px; text-align: left; width: calc(100% - (var(--gap-h-486f9398-d1dc-4e08-95bf-2bf6abc53aee) * 0)); max-width: calc(100% - (var(--gap-h-486f9398-d1dc-4e08-95bf-2bf6abc53aee) * 0)); justify-content: flex-start; } @media screen and (max-width: 540px) { .sd[data-s-202d6980-c0ab-44ef-9ce1-7cd5f0febba2] { font-size: 14px; } } .sd[data-s-b7c1e6ef-50cb-4e9f-b663-f47a4cc46272] { border-radius: 50%; display: flex; flex: 0 0 auto; height: 420px; padding: 0px; width: 476px; max-width: 100%; } .sd[data-s-b7c1e6ef-50cb-4e9f-b663-f47a4cc46272].appear { opacity: 0; transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; } .sd[data-s-b7c1e6ef-50cb-4e9f-b663-f47a4cc46272].appear-active { transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } @media screen and (max-width: 1140px) { .sd[data-s-b7c1e6ef-50cb-4e9f-b663-f47a4cc46272] { display: flex; } } @media screen and (max-width: 840px) { .sd[data-s-b7c1e6ef-50cb-4e9f-b663-f47a4cc46272] { display: flex; flex: 0 0 auto; height: 320px; width: calc(100% - (var(--gap-h-f92b3e1b-158b-4eb2-a91c-147124f31e77) * 0)); max-width: calc(100% - (var(--gap-h-f92b3e1b-158b-4eb2-a91c-147124f31e77) * 0)); } } @media screen and (max-width: 540px) { .sd[data-s-b7c1e6ef-50cb-4e9f-b663-f47a4cc46272] { border-radius: 159.5px; display: none; flex: 0 0 auto; height: 320px; padding: 0px 16px 0px 0px; } } @media screen and (max-width: 320px) { .sd[data-s-b7c1e6ef-50cb-4e9f-b663-f47a4cc46272] { border-radius: 25px; display: none; } } .sd[data-s-9a46aa47-0a45-4d55-bab4-5bf583ee3df4] { place-content: center; align-items: center; background: rgb(38, 38, 38); border-width: 2px; border-style: solid; border-color: rgb(38, 38, 38); border-radius: 48px; flex: 0 0 auto; flex-flow: column; height: 55px; padding: 0px; transition-duration: 400ms; transition-timing-function: linear; width: 178px; max-width: 100%; } .sd[data-s-9a46aa47-0a45-4d55-bab4-5bf583ee3df4]:hover { background: rgba(38, 38, 38, 0); opacity: 1; } @media screen and (max-width: 840px) { .sd[data-s-9a46aa47-0a45-4d55-bab4-5bf583ee3df4] { flex: 0 0 auto; height: 60px; width: 260px; max-width: 100%; } } @media screen and (max-width: 540px) { .sd[data-s-9a46aa47-0a45-4d55-bab4-5bf583ee3df4] { flex: 0 0 auto; height: 31px; margin: 0px; width: 193px; max-width: 100%; } } .sd[data-s-ff4fa3b1-a99f-4bbc-ae91-5d64cdc4e48f] { background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgb(38, 38, 38); border-radius: 0px; color: rgb(255, 245, 251); flex: 0 0 auto; font-family: var(--s-font-90a97353); font-feature-settings: "palt"; font-size: 18px; font-weight: 900; height: auto; letter-spacing: 0.06em; line-height: 1.7; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; } .sd[data-s-9a46aa47-0a45-4d55-bab4-5bf583ee3df4]:hover .sd[data-s-ff4fa3b1-a99f-4bbc-ae91-5d64cdc4e48f] { color: rgb(38, 38, 38); transition-duration: 400ms; transition-timing-function: linear; } @media screen and (max-width: 540px) { .sd[data-s-ff4fa3b1-a99f-4bbc-ae91-5d64cdc4e48f] { flex: 0 0 auto; font-size: 13px; } } .sd[data-s-b337c115-f1bd-4bf7-af73-9f40f55e37d2] { place-content: center; align-items: center; background: rgb(255, 245, 251); flex: 0 0 auto; flex-flow: column; padding: 0px; width: calc(100% - (var(--gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398) * 0)); max-width: calc(100% - (var(--gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398) * 0)); } @media screen and (max-width: 540px) { .sd[data-s-b337c115-f1bd-4bf7-af73-9f40f55e37d2] { height: 533px; width: calc(100% - (var(--gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398) * 0)); max-width: calc(100% - (var(--gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398) * 0)); } } @media screen and (max-width: 320px) { .sd[data-s-b337c115-f1bd-4bf7-af73-9f40f55e37d2] { height: 585px; padding: 0px; width: calc(100% - (var(--gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398) * 0)); max-width: calc(100% - (var(--gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398) * 0)); } } .sd[data-s-412a9642-40d2-49c0-ab47-603a15baa46d] { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 60px; padding: 51px 0px; width: 1280px; max-width: calc(100% - 120px); } @media screen and (max-width: 840px) { .sd[data-s-412a9642-40d2-49c0-ab47-603a15baa46d] { margin: 0px 30px; max-width: calc(100% - 60px); } } @media screen and (max-width: 540px) { .sd[data-s-412a9642-40d2-49c0-ab47-603a15baa46d] { margin: 0px 20px; padding: 16px 0px 32px; max-width: calc(100% - 40px); } } @media screen and (max-width: 320px) { .sd[data-s-412a9642-40d2-49c0-ab47-603a15baa46d] { padding: 40px 0px 24px; } } .sd[data-s-4e0f02d6-bbbf-4086-b380-83964809434b] { place-content: flex-end space-between; align-items: flex-end; flex: 0 0 auto; flex-flow: row; padding: 0px; width: 100%; --gap-uuid: 4e0f02d6-bbbf-4086-b380-83964809434b; --gap-h-4e0f02d6-bbbf-4086-b380-83964809434b: 0px; --gap-v-4e0f02d6-bbbf-4086-b380-83964809434b: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .sd[data-s-4e0f02d6-bbbf-4086-b380-83964809434b] { place-content: flex-start space-between; align-items: flex-start; flex-flow: column; gap: 50px; --gap-h-4e0f02d6-bbbf-4086-b380-83964809434b: 0px; --gap-v-4e0f02d6-bbbf-4086-b380-83964809434b: 50px; } } .sd[data-s-c67864c1-0726-4cab-aca9-b9df5291015a] { } .sd[data-s-0d9f8e56-a4cd-4066-b5b2-d842665c66ee] { flex-flow: row; gap: 20px; height: auto; padding: 0px; --gap-h-0d9f8e56-a4cd-4066-b5b2-d842665c66ee: 20px; --gap-v-0d9f8e56-a4cd-4066-b5b2-d842665c66ee: 0px; --gap-uuid: 0d9f8e56-a4cd-4066-b5b2-d842665c66ee; max-width: 100%; } @media screen and (max-width: 540px) { .sd[data-s-0d9f8e56-a4cd-4066-b5b2-d842665c66ee] { gap: 25px; --gap-h-0d9f8e56-a4cd-4066-b5b2-d842665c66ee: 25px; --gap-v-0d9f8e56-a4cd-4066-b5b2-d842665c66ee: 0px; } } .sd[data-s-bbe88ce4-580e-4ea6-a454-2377bfef6009] { place-content: center; align-items: center; flex-flow: row; gap: 20px; padding: 0px; --gap-h-bbe88ce4-580e-4ea6-a454-2377bfef6009: 20px; --gap-v-bbe88ce4-580e-4ea6-a454-2377bfef6009: 0px; --gap-uuid: bbe88ce4-580e-4ea6-a454-2377bfef6009; } @media screen and (max-width: 540px) { .sd[data-s-bbe88ce4-580e-4ea6-a454-2377bfef6009] { gap: 25px; --gap-h-bbe88ce4-580e-4ea6-a454-2377bfef6009: 25px; --gap-v-bbe88ce4-580e-4ea6-a454-2377bfef6009: 0px; } } .sd[data-s-037a01a6-0ef3-41bd-b24c-4fac14059ccb] { background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgb(38, 38, 38); border-radius: 0px; color: rgb(38, 38, 38); flex: 0 0 auto; font-family: var(--s-font-3f94313b); font-size: 14px; font-weight: 600; height: auto; letter-spacing: 0.02em; line-height: 1.7; padding: 0px; text-align: center; text-decoration: underline; transition-duration: 400ms; transition-timing-function: linear; width: auto; max-width: 100%; justify-content: center; } .sd[data-s-037a01a6-0ef3-41bd-b24c-4fac14059ccb]:hover { opacity: 0.4; } .sd[data-s-bbfb2b41-080d-4ddf-ba1d-525121533181] { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; padding: 50px 0px 49px; width: 100%; max-width: 100%; } @media screen and (max-width: 540px) { .sd[data-s-bbfb2b41-080d-4ddf-ba1d-525121533181] { padding: 30px 0px 32px; } } .sd[data-s-1fbd1598-0ef6-479f-9e82-911fddd2c33d] { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 40px; height: auto; padding: 0px; width: 100%; --gap-h-1fbd1598-0ef6-479f-9e82-911fddd2c33d: 40px; --gap-v-1fbd1598-0ef6-479f-9e82-911fddd2c33d: 40px; --gap-uuid: 1fbd1598-0ef6-479f-9e82-911fddd2c33d; max-width: 100%; } @media screen and (max-width: 840px) { .sd[data-s-1fbd1598-0ef6-479f-9e82-911fddd2c33d] { gap: 30px; --gap-h-1fbd1598-0ef6-479f-9e82-911fddd2c33d: 30px; --gap-v-1fbd1598-0ef6-479f-9e82-911fddd2c33d: 30px; } } @media screen and (max-width: 540px) { .sd[data-s-1fbd1598-0ef6-479f-9e82-911fddd2c33d] { gap: 40px 20px; --gap-h-1fbd1598-0ef6-479f-9e82-911fddd2c33d: 20px; --gap-v-1fbd1598-0ef6-479f-9e82-911fddd2c33d: 40px; } } .sd[data-s-8422a6cf-13cc-4404-a7df-feb8cb8df562] { flex-direction: row; justify-content: center; width: calc(100% - (var(--gap-h-1fbd1598-0ef6-479f-9e82-911fddd2c33d) * 0)); max-width: calc(100% - (var(--gap-h-1fbd1598-0ef6-479f-9e82-911fddd2c33d) * 0)); } .sd[data-s-fbd03cad-238e-4f4c-a5e7-684d4676757c] { color: rgb(38, 38, 38); font-family: var(--s-font-3f94313b); font-size: 28px; font-weight: 600; height: auto; line-height: 1.7; margin: 10px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; } .sd[data-s-db4bbfbc-99ae-4949-a925-8c0d20f41ea8] { place-content: flex-start; align-items: flex-start; border-width: 0px; border-style: solid; border-color: rgb(238, 238, 238); display: flex; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 0px; width: calc(25% - (var(--gap-h-1fbd1598-0ef6-479f-9e82-911fddd2c33d) * 0.75)); --gap-h-db4bbfbc-99ae-4949-a925-8c0d20f41ea8: 0px; --gap-v-db4bbfbc-99ae-4949-a925-8c0d20f41ea8: 0px; --gap-uuid: db4bbfbc-99ae-4949-a925-8c0d20f41ea8; max-width: calc(25% - (var(--gap-h-1fbd1598-0ef6-479f-9e82-911fddd2c33d) * 0.75)); } .sd[data-s-db4bbfbc-99ae-4949-a925-8c0d20f41ea8]:hover { opacity: 1; --gap-h-db4bbfbc-99ae-4949-a925-8c0d20f41ea8: 0px; --gap-v-db4bbfbc-99ae-4949-a925-8c0d20f41ea8: 0px; } @media screen and (max-width: 840px) { .sd[data-s-db4bbfbc-99ae-4949-a925-8c0d20f41ea8] { display: flex; flex: 0 0 auto; width: calc(50% - (var(--gap-h-1fbd1598-0ef6-479f-9e82-911fddd2c33d) * 0.5)); --gap-h-db4bbfbc-99ae-4949-a925-8c0d20f41ea8: 0px; --gap-v-db4bbfbc-99ae-4949-a925-8c0d20f41ea8: 0px; max-width: calc(50% - (var(--gap-h-1fbd1598-0ef6-479f-9e82-911fddd2c33d) * 0.5)); } } @media screen and (max-width: 540px) { .sd[data-s-db4bbfbc-99ae-4949-a925-8c0d20f41ea8] { display: flex; height: auto; --gap-h-db4bbfbc-99ae-4949-a925-8c0d20f41ea8: 0px; --gap-v-db4bbfbc-99ae-4949-a925-8c0d20f41ea8: 0px; width: calc(50% - (var(--gap-h-1fbd1598-0ef6-479f-9e82-911fddd2c33d) * 0.5)); max-width: calc(50% - (var(--gap-h-1fbd1598-0ef6-479f-9e82-911fddd2c33d) * 0.5)); } } .sd[data-s-28f2563d-9e06-49d9-9692-a468343a1488] { place-content: center; align-items: center; border-radius: 24px; flex: 0 0 auto; flex-flow: column; gap: 0px; overflow: hidden; padding: 0px; width: calc(100% - (var(--gap-h-db4bbfbc-99ae-4949-a925-8c0d20f41ea8) * 0)); --gap-h-28f2563d-9e06-49d9-9692-a468343a1488: 0px; --gap-v-28f2563d-9e06-49d9-9692-a468343a1488: 0px; --gap-uuid: 28f2563d-9e06-49d9-9692-a468343a1488; max-width: calc(100% - (var(--gap-h-db4bbfbc-99ae-4949-a925-8c0d20f41ea8) * 0)); } .sd[data-s-1046da7d-fd7a-47ef-8eb7-f6756825e663] { border-radius: 0px; flex: 0 0 auto; height: 220px; scale: 1; transition-duration: 400ms; transition-timing-function: linear; width: calc(100% - (var(--gap-h-28f2563d-9e06-49d9-9692-a468343a1488) * 0)); max-width: calc(100% - (var(--gap-h-28f2563d-9e06-49d9-9692-a468343a1488) * 0)); } .sd[data-s-db4bbfbc-99ae-4949-a925-8c0d20f41ea8]:hover .sd[data-s-1046da7d-fd7a-47ef-8eb7-f6756825e663] { scale: 1.1; transition-timing-function: cubic-bezier(0.52, 0.26, 0.78, 0.67); } @media screen and (max-width: 1140px) { .sd[data-s-1046da7d-fd7a-47ef-8eb7-f6756825e663] { flex: 0 0 auto; height: 180px; width: calc(100% - (var(--gap-h-28f2563d-9e06-49d9-9692-a468343a1488) * 0)); max-width: calc(100% - (var(--gap-h-28f2563d-9e06-49d9-9692-a468343a1488) * 0)); } } @media screen and (max-width: 540px) { .sd[data-s-1046da7d-fd7a-47ef-8eb7-f6756825e663] { flex: 0 0 auto; height: 140px; width: calc(100% - (var(--gap-h-28f2563d-9e06-49d9-9692-a468343a1488) * 0)); max-width: calc(100% - (var(--gap-h-28f2563d-9e06-49d9-9692-a468343a1488) * 0)); } } @media screen and (max-width: 320px) { .sd[data-s-1046da7d-fd7a-47ef-8eb7-f6756825e663] { flex: 0 0 auto; height: 120px; width: calc(100% - (var(--gap-h-28f2563d-9e06-49d9-9692-a468343a1488) * 0)); max-width: calc(100% - (var(--gap-h-28f2563d-9e06-49d9-9692-a468343a1488) * 0)); } } .sd[data-s-fb71aa82-e20e-44bc-b7d6-479f31bb6d5c] { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 20px; padding: 30px 0px 0px; --gap-h-fb71aa82-e20e-44bc-b7d6-479f31bb6d5c: 0px; --gap-v-fb71aa82-e20e-44bc-b7d6-479f31bb6d5c: 20px; --gap-uuid: fb71aa82-e20e-44bc-b7d6-479f31bb6d5c; } @media screen and (max-width: 840px) { .sd[data-s-fb71aa82-e20e-44bc-b7d6-479f31bb6d5c] { gap: 15px; padding: 25px 0px 0px; --gap-h-fb71aa82-e20e-44bc-b7d6-479f31bb6d5c: 0px; --gap-v-fb71aa82-e20e-44bc-b7d6-479f31bb6d5c: 15px; } } @media screen and (max-width: 540px) { .sd[data-s-fb71aa82-e20e-44bc-b7d6-479f31bb6d5c] { padding: 25px 0px 0px; --gap-h-fb71aa82-e20e-44bc-b7d6-479f31bb6d5c: 0px; --gap-v-fb71aa82-e20e-44bc-b7d6-479f31bb6d5c: 20px; } } .sd[data-s-9feae2aa-47a3-409e-9245-4dcafb0bf276] { place-content: center; align-items: center; flex-flow: row; gap: 15px; padding: 0px; --gap-h-9feae2aa-47a3-409e-9245-4dcafb0bf276: 15px; --gap-v-9feae2aa-47a3-409e-9245-4dcafb0bf276: 0px; --gap-uuid: 9feae2aa-47a3-409e-9245-4dcafb0bf276; } @media screen and (max-width: 540px) { .sd[data-s-9feae2aa-47a3-409e-9245-4dcafb0bf276] { gap: 10px; --gap-h-9feae2aa-47a3-409e-9245-4dcafb0bf276: 10px; --gap-v-9feae2aa-47a3-409e-9245-4dcafb0bf276: 0px; } } .sd[data-s-3c5d2d2d-e6a7-4adc-9d09-e140a4321e3f] { color: rgb(38, 38, 38); font-family: var(--s-font-3f94313b); font-feature-settings: "palt"; font-size: 14px; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.7; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .sd[data-s-3c5d2d2d-e6a7-4adc-9d09-e140a4321e3f] { font-size: 12px; } } .sd[data-s-4f94c118-7ae2-4bec-8f36-a4e5c983c8ad] { background: rgb(241, 205, 228); border-radius: 8px; color: rgb(66, 54, 61); flex: 0 0 auto; font-family: var(--s-font-3f94313b); font-feature-settings: "palt"; font-size: 10px; font-weight: 600; height: 24px; letter-spacing: 0.06em; line-height: 1.6; padding: 0px; text-align: center; width: 60px; max-width: 100%; justify-content: center; } .sd[data-s-acf0ed41-91bd-4d6e-bc2b-46dfb3d19ed0] { color: rgb(38, 38, 38); font-family: var(--s-font-3f94313b); font-size: 14px; font-weight: 600; height: auto; letter-spacing: 0.02em; line-height: 1.7; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .sd[data-s-acf0ed41-91bd-4d6e-bc2b-46dfb3d19ed0] { font-family: var(--s-font-90a97353); } } @media screen and (max-width: 320px) { .sd[data-s-acf0ed41-91bd-4d6e-bc2b-46dfb3d19ed0] { font-family: var(--s-font-90a97353); } } .sd[data-s-52fbf163-9f0d-451f-a618-9b58ea5da304] { } .sd[data-s-e2f4f33c-5e19-4168-8ead-1880c6f196d1] { color: rgb(34, 34, 34); font-family: var(--s-font-90a97353); font-feature-settings: "palt"; font-size: 32px; font-style: normal; font-weight: 700; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 1140px) { .sd[data-s-e2f4f33c-5e19-4168-8ead-1880c6f196d1] { font-size: 28px; } } @media screen and (max-width: 540px) { .sd[data-s-e2f4f33c-5e19-4168-8ead-1880c6f196d1] { font-size: 24px; } } @media screen and (max-width: 320px) { .sd[data-s-e2f4f33c-5e19-4168-8ead-1880c6f196d1] { font-size: 12px; } } .sd[data-s-155671c4-b1dc-40f4-8dca-a6d2583eb6dd] { flex: 0 0 auto; height: 100px; width: 100px; z-index: -3; max-width: 100%; } .sd[data-s-155671c4-b1dc-40f4-8dca-a6d2583eb6dd]::before { background-repeat: no-repeat; } @media screen and (max-width: 320px) { .sd[data-s-155671c4-b1dc-40f4-8dca-a6d2583eb6dd] { height: 68px; width: 68px; max-width: 100%; } } .sd[data-s-25aeb487-51c1-4214-a17d-4aa59e241beb] { place-content: center; align-items: center; background: rgb(255, 245, 251); flex-flow: column; padding: 0px; width: calc(100% - (var(--gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398) * 0)); max-width: calc(100% - (var(--gap-h-d5c26a7a-3de7-4bda-ad4b-063b92e36398) * 0)); } .sd[data-s-b9ad0e45-1065-47f1-8789-9fb1580629ae] { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 60px; padding: 120px 0px; width: 1280px; max-width: calc(100% - 120px); } @media screen and (max-width: 840px) { .sd[data-s-b9ad0e45-1065-47f1-8789-9fb1580629ae] { margin: 0px 30px; padding: 40px 0px 120px; max-width: calc(100% - 60px); } } @media screen and (max-width: 540px) { .sd[data-s-b9ad0e45-1065-47f1-8789-9fb1580629ae] { margin: 0px 20px; padding: 60px 0px; max-width: calc(100% - 40px); } } .sd[data-s-4d070d79-5b62-44a5-bbc7-e942545d8190] { place-content: center space-between; align-items: center; flex-flow: row; padding: 0px; width: 100%; max-width: 100%; } .sd[data-s-45874c13-735a-4ec0-b416-eafaf7979c33] { } .sd[data-s-77827fae-27fc-4927-9f93-3bd34f9e0f32] { } .sd[data-s-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa] { place-content: flex-start; align-items: flex-start; flex-flow: wrap; gap: 40px; padding: 50px 0px 0px; width: 100%; --gap-h-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa: 40px; --gap-v-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa: 40px; --gap-uuid: b5ebea6a-a0d5-484b-b7f7-50b08eb43efa; max-width: 100%; } @media screen and (max-width: 840px) { .sd[data-s-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa] { flex-flow: column; gap: 50px; --gap-h-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa: 0px; --gap-v-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa: 50px; } } .sd[data-s-f5240020-7f53-4796-9b9e-39402285dc25] { flex-direction: row; justify-content: center; width: calc(100% - (var(--gap-h-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa) * 0)); max-width: calc(100% - (var(--gap-h-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa) * 0)); } .sd[data-s-7e8bba67-dee9-4ca6-8ef1-525e07b698ca] { color: rgb(38, 38, 38); font-family: var(--s-font-3f94313b); font-size: 28px; font-weight: 600; height: auto; line-height: 1.7; margin: 10px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; } .sd[data-s-946b73c3-c73d-42ba-a041-326c2342319a] { place-content: center; align-items: center; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(241, 241, 233); flex: 0 0 auto; flex-flow: column; gap: 30px; padding: 0px; width: calc(33.3% - (var(--gap-h-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa) * 0.667)); --gap-h-946b73c3-c73d-42ba-a041-326c2342319a: 0px; --gap-v-946b73c3-c73d-42ba-a041-326c2342319a: 30px; --gap-uuid: 946b73c3-c73d-42ba-a041-326c2342319a; max-width: calc(33.3% - (var(--gap-h-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa) * 0.667)); } .sd[data-s-946b73c3-c73d-42ba-a041-326c2342319a]:hover { opacity: 1; --gap-h-946b73c3-c73d-42ba-a041-326c2342319a: 0px; --gap-v-946b73c3-c73d-42ba-a041-326c2342319a: 30px; } @media screen and (max-width: 840px) { .sd[data-s-946b73c3-c73d-42ba-a041-326c2342319a] { gap: 25px; padding: 0px 0px 25px; width: calc(100% - (var(--gap-h-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa) * 0)); --gap-h-946b73c3-c73d-42ba-a041-326c2342319a: 0px; --gap-v-946b73c3-c73d-42ba-a041-326c2342319a: 25px; max-width: calc(100% - (var(--gap-h-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa) * 0)); } } @media screen and (max-width: 540px) { .sd[data-s-946b73c3-c73d-42ba-a041-326c2342319a] { gap: 20px; --gap-h-946b73c3-c73d-42ba-a041-326c2342319a: 0px; --gap-v-946b73c3-c73d-42ba-a041-326c2342319a: 20px; } } .sd[data-s-42a06bfa-42d0-4a10-a09b-a334ca11c2b4] { place-content: center; align-items: center; border-radius: 24px; flex: 0 0 auto; flex-flow: column; gap: 30px; overflow: hidden; padding: 0px; width: calc(100% - (var(--gap-h-946b73c3-c73d-42ba-a041-326c2342319a) * 0)); --gap-h-42a06bfa-42d0-4a10-a09b-a334ca11c2b4: 0px; --gap-v-42a06bfa-42d0-4a10-a09b-a334ca11c2b4: 30px; --gap-uuid: 42a06bfa-42d0-4a10-a09b-a334ca11c2b4; max-width: calc(100% - (var(--gap-h-946b73c3-c73d-42ba-a041-326c2342319a) * 0)); } .sd[data-s-946b73c3-c73d-42ba-a041-326c2342319a]:hover .sd[data-s-42a06bfa-42d0-4a10-a09b-a334ca11c2b4]:hover { opacity: 1; --gap-h-42a06bfa-42d0-4a10-a09b-a334ca11c2b4: 0px; --gap-v-42a06bfa-42d0-4a10-a09b-a334ca11c2b4: 30px; } .sd[data-s-a8665402-9171-44c9-a63a-e06058ea6aaf] { place-content: center; align-items: center; border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: 360px; overflow: visible; width: calc(100% - (var(--gap-h-42a06bfa-42d0-4a10-a09b-a334ca11c2b4) * 0)); max-width: calc(100% - (var(--gap-h-42a06bfa-42d0-4a10-a09b-a334ca11c2b4) * 0)); } .sd[data-s-a8665402-9171-44c9-a63a-e06058ea6aaf]::before { filter: none; } .sd[data-s-42a06bfa-42d0-4a10-a09b-a334ca11c2b4]:hover .sd[data-s-a8665402-9171-44c9-a63a-e06058ea6aaf] { scale: 1.15; transition-duration: 400ms; transition-timing-function: linear; } @media screen and (max-width: 1140px) { .sd[data-s-a8665402-9171-44c9-a63a-e06058ea6aaf] { flex: 0 0 auto; height: 380px; width: calc(100% - (var(--gap-h-42a06bfa-42d0-4a10-a09b-a334ca11c2b4) * 0)); max-width: calc(100% - (var(--gap-h-42a06bfa-42d0-4a10-a09b-a334ca11c2b4) * 0)); } } @media screen and (max-width: 840px) { .sd[data-s-a8665402-9171-44c9-a63a-e06058ea6aaf] { flex: 0 0 auto; height: 340px; width: calc(100% - (var(--gap-h-42a06bfa-42d0-4a10-a09b-a334ca11c2b4) * 0)); max-width: calc(100% - (var(--gap-h-42a06bfa-42d0-4a10-a09b-a334ca11c2b4) * 0)); } } @media screen and (max-width: 540px) { .sd[data-s-a8665402-9171-44c9-a63a-e06058ea6aaf] { flex: 0 0 auto; height: 260px; width: calc(100% - (var(--gap-h-42a06bfa-42d0-4a10-a09b-a334ca11c2b4) * 0)); max-width: calc(100% - (var(--gap-h-42a06bfa-42d0-4a10-a09b-a334ca11c2b4) * 0)); } } @media screen and (max-width: 320px) { .sd[data-s-a8665402-9171-44c9-a63a-e06058ea6aaf] { flex: 0 0 auto; height: 230px; width: calc(100% - (var(--gap-h-42a06bfa-42d0-4a10-a09b-a334ca11c2b4) * 0)); max-width: calc(100% - (var(--gap-h-42a06bfa-42d0-4a10-a09b-a334ca11c2b4) * 0)); } } .sd[data-s-173e56c8-32fd-4f99-9452-fc2703837890] { place-content: center space-between; align-items: center; flex-flow: row; gap: 20px; padding: 0px; width: calc(100% - (var(--gap-h-946b73c3-c73d-42ba-a041-326c2342319a) * 0)); --gap-h-173e56c8-32fd-4f99-9452-fc2703837890: 20px; --gap-v-173e56c8-32fd-4f99-9452-fc2703837890: 0px; --gap-uuid: 173e56c8-32fd-4f99-9452-fc2703837890; max-width: calc(100% - (var(--gap-h-946b73c3-c73d-42ba-a041-326c2342319a) * 0)); } .sd[data-s-946b73c3-c73d-42ba-a041-326c2342319a]:hover .sd[data-s-173e56c8-32fd-4f99-9452-fc2703837890] { opacity: 1; --gap-h-173e56c8-32fd-4f99-9452-fc2703837890: 20px; --gap-v-173e56c8-32fd-4f99-9452-fc2703837890: 0px; } .sd[data-s-c69875cc-961f-4616-a6f7-bd5cdb8ad801] { place-content: flex-start center; align-items: flex-start; flex: 1 1 0%; flex-flow: column; gap: 2px; padding: 0px; width: auto; --gap-h-c69875cc-961f-4616-a6f7-bd5cdb8ad801: 0px; --gap-v-c69875cc-961f-4616-a6f7-bd5cdb8ad801: 2px; --gap-uuid: c69875cc-961f-4616-a6f7-bd5cdb8ad801; max-width: 100%; } @media screen and (max-width: 840px) { .sd[data-s-c69875cc-961f-4616-a6f7-bd5cdb8ad801] { gap: 0px; --gap-h-c69875cc-961f-4616-a6f7-bd5cdb8ad801: 0px; --gap-v-c69875cc-961f-4616-a6f7-bd5cdb8ad801: 0px; } } .sd[data-s-d86bc804-67e3-4fd2-b9a2-ea0cc0d488e2] { color: rgb(38, 38, 38); font-family: var(--s-font-90a97353); font-feature-settings: "palt"; font-size: 24px; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .sd[data-s-d86bc804-67e3-4fd2-b9a2-ea0cc0d488e2] { font-size: 22px; } } .sd[data-s-231b1b89-f767-46f7-8bde-368c0ca85188] { color: rgb(110, 88, 40); font-family: var(--s-font-3f94313b); font-feature-settings: "palt"; font-size: 14px; font-weight: 600; height: auto; letter-spacing: 0.02em; line-height: 1.7; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .sd[data-s-231b1b89-f767-46f7-8bde-368c0ca85188] { font-size: 12px; } } .sd[data-s-56a74528-fd8e-49f1-b4f6-282806d3a548] { background: rgb(38, 38, 38); border-width: 2px; border-style: solid; border-color: rgb(38, 38, 38); border-radius: 50%; color: rgb(255, 245, 251); flex: 0 0 auto; font-size: 24px; height: 40px; margin: 0px; opacity: 1; padding: 0px; transition-duration: 400ms; transition-timing-function: linear; width: 40px; max-width: 100%; } .sd[data-s-946b73c3-c73d-42ba-a041-326c2342319a]:hover .sd[data-s-56a74528-fd8e-49f1-b4f6-282806d3a548] { scale: 1.25; } @media screen and (max-width: 540px) { .sd[data-s-56a74528-fd8e-49f1-b4f6-282806d3a548] { flex: 0 0 auto; font-size: 22px; height: 35px; width: 35px; max-width: 100%; } } .sd[data-s-cecfa6b7-02ff-458f-89a9-b8683392f81b] { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; height: auto; width: calc(100% - (var(--gap-h-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa) * 0)); max-width: calc(100% - (var(--gap-h-b5ebea6a-a0d5-484b-b7f7-50b08eb43efa) * 0)); } .sd[data-s-a6fd25c1-82d1-44e2-b2f6-596de0e3f681] { background: rgb(38, 38, 38); border-width: 2px; border-style: solid; border-color: rgb(38, 38, 38); border-radius: 32px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; color: rgb(51, 51, 51); flex: 0 0 auto; font-family: var(--s-font-3f94313b); font-size: 15px; font-weight: 400; height: 60px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px; text-align: left; transition-duration: 400ms; transition-timing-function: linear; width: 260px; max-width: 100%; } .sd[data-s-a6fd25c1-82d1-44e2-b2f6-596de0e3f681]:hover { background: rgb(255, 255, 255); } .sd[data-s-2b4c1eee-6f14-40e1-82e3-eb506b5b8b69] { color: rgb(255, 245, 251); font-family: var(--s-font-3f94313b); font-feature-settings: "palt"; font-size: 16px; font-weight: 600; letter-spacing: 0.04em; line-height: 1; padding: 0px 0px 2px; text-align: center; justify-content: center; } .sd[data-s-a6fd25c1-82d1-44e2-b2f6-596de0e3f681]:hover .sd[data-s-2b4c1eee-6f14-40e1-82e3-eb506b5b8b69] { color: rgb(38, 38, 38); } .sd[data-s-4559e1b8-6980-4aec-b0ca-ce2245c547bb] { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; margin: 0px 60px; padding: 120px 0px; width: 1280px; max-width: calc(100% - 120px); } @media screen and (max-width: 840px) { .sd[data-s-4559e1b8-6980-4aec-b0ca-ce2245c547bb] { margin: 0px 30px; max-width: calc(100% - 60px); } } @media screen and (max-width: 540px) { .sd[data-s-4559e1b8-6980-4aec-b0ca-ce2245c547bb] { margin: 0px 20px; padding: 100px 0px; max-width: calc(100% - 40px); } } .sd[data-s-82fbd0b5-56e5-46d4-80cb-ad84a6bac345] { place-content: center space-between; align-items: center; flex-flow: row; padding: 0px; width: 100%; max-width: 100%; } .sd[data-s-fed27110-1cb6-4bcc-a232-025af04b8c66] { } .sd[data-s-774a164a-4beb-42a0-98cc-ddec8e754371] { } .sd[data-s-61bba8ac-5efc-4d21-8534-fea64e13a826] { background: rgba(0, 0, 0, 0); border-radius: 24px; box-shadow: none; flex: 0 0 auto; height: 650px; margin: 50px 0px 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; } @media screen and (max-width: 840px) { .sd[data-s-61bba8ac-5efc-4d21-8534-fea64e13a826] { flex: 0 0 auto; height: 450px; width: 100%; max-width: 100%; } } @media screen and (max-width: 540px) { .sd[data-s-61bba8ac-5efc-4d21-8534-fea64e13a826] { flex: 0 0 auto; height: 350px; width: 100%; max-width: 100%; } } @media screen and (max-width: 320px) { .sd[data-s-61bba8ac-5efc-4d21-8534-fea64e13a826] { flex: 0 0 auto; height: 300px; width: 100%; max-width: 100%; } } .sd[data-s-4d71928b-8966-425b-a1fd-7d63f67a1649] { } /* === inline === */ body { background: rgb(255, 239, 249); transition: background 0.5s cubic-bezier(0.4, 0.4, 0, 1); } /* === inline === */ .sd[data-r-0_0_0_1_bbf86aa2-f9e8-44cd-84c1-539569b8be19]::before { background-image: url("/assets/img/s-6180x4120_v-frms_webp_2cfbb95b-28a3-4226-a4cd-7ccc434c9d88_middle.webp"); } /* === inline === */ .sd[data-r-1_0_1_1_b7c1e6ef-50cb-4e9f-b663-f47a4cc46272]::before { background-image: url("/assets/img/s-7008x4672_v-frms_webp_5ecccd54-1425-41a2-a339-8c8e01e81f8f_middle.webp"); } /* === inline === */ .sd[data-r-0_0_0_0_1_0_2_1_1046da7d-fd7a-47ef-8eb7-f6756825e663]::before { background-image: url("/assets/img/s-4032x3024_v-frms_webp_779c86e3-8f41-4a76-a7d2-533549fe587f_small.webp"); } /* === inline === */ .sd[data-r-0_0_1_0_1_0_2_1_1046da7d-fd7a-47ef-8eb7-f6756825e663]::before { background-image: url("/assets/img/s-7008x4672_v-frms_webp_8a221d31-d84b-4c4b-babf-c36d4a295f18_small.webp"); } /* === inline === */ .sd[data-r-4_1_155671c4-b1dc-40f4-8dca-a6d2583eb6dd]::before { background-image: url("/assets/img/s-500x500_webp_3c0ab69f-ef18-492b-9659-36853cbd7a87.webp"); } /* === inline === */ .sd[data-r-0_0_0_1_0_5_1_a8665402-9171-44c9-a63a-e06058ea6aaf]::before { background-image: url("/assets/img/s-2575x3072_v-frms_webp_bfd6c3f1-0990-4c9f-829a-74a917ce9f60_small.webp"); } /* === inline === */ .sd[data-r-0_0_1_1_0_5_1_a8665402-9171-44c9-a63a-e06058ea6aaf]::before { background-image: url("/assets/img/house-site-card.jpg"); } /* === inline === */ .sd[data-r-0_0_2_1_0_5_1_a8665402-9171-44c9-a63a-e06058ea6aaf]::before { background-image: url("/assets/img/s-7008x4672_v-frms_webp_a23bf4e1-0734-48a2-9f20-5b2355156a33_small.webp"); } /* === inline === */ .sd[data-r-0_2_0_0_0_2_4d71928b-8966-425b-a1fd-7d63f67a1649_a0e883a5-b735-449f-a2d8-cd7bbc550900]::before { background-image: url("/assets/img/s-500x500_webp_3c0ab69f-ef18-492b-9659-36853cbd7a87.webp"); } /* === inline === */ .sd[data-r-1_1_2_4d71928b-8966-425b-a1fd-7d63f67a1649_999ba78a-90cb-40ef-8694-7aa483ad983c]::before { background-image: url("/assets/img/s-2575x3072_v-frms_webp_bfd6c3f1-0990-4c9f-829a-74a917ce9f60_regular.webp"); } /* === inline === */ :root { --s-font-3f94313b: 'Momo Gothic','Noto Sans JP',sans-serif; --s-font-d8a1ddec: 'Zen Old Mincho'; --s-font-90a97353: 'Zen Kaku Gothic New'; } .sd[data-s-752bf01f-2399-4247-89e6-5e4fd4c5efd8] { } .sd[data-s-0f2f9cd4-5f5a-4296-ab3e-72f10d0d0864] { } .sd[data-s-effd947a-9ee4-4d64-a674-53ba2fb8c587] { } .sd[data-s-6adda22d-e55c-4a6f-949e-601a3fe1ecdc] { } .sd[data-s-06555c3a-a977-45a8-9e01-7af685cd91b0] { } .sd[data-s-7beb497c-422d-4476-bcb0-db06b3499338] { } .sd[data-s-ac676c69-af32-4f52-8528-154020cf2e47] { } .sd[data-s-53127f4d-c514-4025-9d5f-5ec914bfb27c] { } .sd[data-s-2add5585-135b-4baf-83db-7caaf85e4352] { background: rgba(0, 0, 0, 0.16); height: 100%; justify-content: center; width: 100%; max-width: 100%; } .sd[data-s-6953638a-9193-40c4-9009-9bd30c3a548a] { place-content: center flex-start; align-items: center; background: rgb(38, 38, 38); border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 15px 0px; flex: 0 0 auto; flex-flow: column; height: 100%; margin: 0px; width: 100%; max-width: 100%; } .sd[data-s-6953638a-9193-40c4-9009-9bd30c3a548a] { overflow: hidden auto; } .sd[data-s-502fa486-4dba-4bc2-bb20-104a89da9a16] { place-content: center space-between; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: row; gap: 0px; height: 100px; margin: 0px; padding: 0px 60px; position: relative; width: 100%; z-index: 3; --gap-h-502fa486-4dba-4bc2-bb20-104a89da9a16: 0px; --gap-v-502fa486-4dba-4bc2-bb20-104a89da9a16: 0px; --gap-uuid: 502fa486-4dba-4bc2-bb20-104a89da9a16; max-width: 100%; } .sd[data-s-502fa486-4dba-4bc2-bb20-104a89da9a16] { padding: 0px 30px; --gap-h-502fa486-4dba-4bc2-bb20-104a89da9a16: 0px; --gap-v-502fa486-4dba-4bc2-bb20-104a89da9a16: 0px; } .sd[data-s-502fa486-4dba-4bc2-bb20-104a89da9a16] { flex: 0 0 auto; height: 90px; padding: 0px 20px; --gap-h-502fa486-4dba-4bc2-bb20-104a89da9a16: 0px; --gap-v-502fa486-4dba-4bc2-bb20-104a89da9a16: 0px; width: 100%; max-width: 100%; } .sd[data-s-fe4bac68-2014-4483-9087-531e38785acc] { flex: 0 0 auto; height: auto; width: 210px; max-width: 100%; } .sd[data-s-fe4bac68-2014-4483-9087-531e38785acc] { flex: 0 0 auto; width: 140px; max-width: 100%; } .sd[data-s-732d2cce-6e3c-4c41-95ff-73c6d68c4d6d] { color: rgb(255, 255, 255); flex: 0 0 auto; font-size: 36px; height: 50px; translate: 15px; width: 50px; max-width: 100%; } .sd[data-s-732d2cce-6e3c-4c41-95ff-73c6d68c4d6d] { font-size: 32px; } .sd[data-s-732d2cce-6e3c-4c41-95ff-73c6d68c4d6d] { font-size: 24px; } .sd[data-s-1e4eeb86-1cdd-4531-b8e8-1206e302559d] { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: row; gap: 0px; height: calc(100% + 100px); margin: -100px 60px 0px; padding: 0px; width: calc(100% - 120px); --gap-h-1e4eeb86-1cdd-4531-b8e8-1206e302559d: 0px; --gap-v-1e4eeb86-1cdd-4531-b8e8-1206e302559d: 0px; --gap-uuid: 1e4eeb86-1cdd-4531-b8e8-1206e302559d; max-width: calc(100% - 120px); } .sd[data-s-1e4eeb86-1cdd-4531-b8e8-1206e302559d] { margin: -100px 30px 0px; --gap-h-1e4eeb86-1cdd-4531-b8e8-1206e302559d: 0px; --gap-v-1e4eeb86-1cdd-4531-b8e8-1206e302559d: 0px; width: calc(100% - 60px); max-width: calc(100% - 60px); height: calc(100% + 100px); } .sd[data-s-1e4eeb86-1cdd-4531-b8e8-1206e302559d] { margin: -100px 20px 0px; --gap-h-1e4eeb86-1cdd-4531-b8e8-1206e302559d: 0px; --gap-v-1e4eeb86-1cdd-4531-b8e8-1206e302559d: 0px; width: calc(100% - 40px); max-width: calc(100% - 40px); height: calc(100% + 100px); } .sd[data-s-b09063b7-b49a-412a-8925-849ea6bc1bc1] { flex-flow: column; gap: 40px; padding: 0px; --gap-h-b09063b7-b49a-412a-8925-849ea6bc1bc1: 0px; --gap-v-b09063b7-b49a-412a-8925-849ea6bc1bc1: 40px; --gap-uuid: b09063b7-b49a-412a-8925-849ea6bc1bc1; } .sd[data-s-b09063b7-b49a-412a-8925-849ea6bc1bc1] { display: flex; --gap-h-b09063b7-b49a-412a-8925-849ea6bc1bc1: 0px; --gap-v-b09063b7-b49a-412a-8925-849ea6bc1bc1: 40px; } .sd[data-s-b09063b7-b49a-412a-8925-849ea6bc1bc1] { display: flex; --gap-h-b09063b7-b49a-412a-8925-849ea6bc1bc1: 0px; --gap-v-b09063b7-b49a-412a-8925-849ea6bc1bc1: 40px; } .sd[data-s-b09063b7-b49a-412a-8925-849ea6bc1bc1] { display: flex; --gap-h-b09063b7-b49a-412a-8925-849ea6bc1bc1: 0px; --gap-v-b09063b7-b49a-412a-8925-849ea6bc1bc1: 40px; } .sd[data-s-7146ea45-d079-4eb6-9a58-78928082eaac] { place-content: center; align-items: center; flex-flow: column; padding: 0px; } .sd[data-s-940e7452-5968-446a-a27c-fcb354312872] { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: var(--s-font-3f94313b); font-size: 42px; font-weight: 600; height: auto; letter-spacing: 0.02em; line-height: 1; padding: 0px; text-align: left; transition-duration: 400ms; transition-timing-function: linear; width: auto; max-width: 100%; justify-content: flex-start; } .sd[data-s-940e7452-5968-446a-a27c-fcb354312872]:hover { color: rgb(113, 91, 40); } .sd[data-s-940e7452-5968-446a-a27c-fcb354312872] { font-size: 28px; } .sd[data-s-940e7452-5968-446a-a27c-fcb354312872] { font-size: 24px; } /* === static modal wrapper === */ #site-modal { position: fixed; inset: 0; z-index: 10000; } #site-modal[hidden] { display: none; } #site-modal .studio-canvas { width: 100%; height: 100%; overflow: auto; } html { scroll-behavior: smooth; }