@property --demo-editor-offset-x { syntax: ""; inherits: true; initial-value: 0px; } @property --demo-editor-offset-y { syntax: ""; inherits: true; initial-value: 0px; } @property --tool-card--background-color { syntax: ""; inherits: true; initial-value: transparent; } @layer base { body, :host { /* Color */ --grey-50: #FAFAFA; --grey-100: #F5F5F5; --grey-200: #E5E5E5; --grey-300: #D4D4D4; --grey-400: #A3A3A3; --grey-500: #737373; --grey-600: #525252; --grey-700: #404040; --grey-800: #262626; --grey-900: #171717; --red-50: #FEF2F2; --red-100: #FEE2E2; --red-200: #FECACA; --red-300: #FCA5A5; --red-400: #F87171; --red-500: #EF4444; --red-600: #DC2626; --red-700: #B91C1C; --red-800: #991B1B; --red-900: #7F1D1D; --blue-50: #EFF6FF; --blue-100: #DBEAFE; --blue-200: #BFDBFE; --blue-300: #93C5FD; --blue-400: #60A5FA; --blue-500: #3B82F6; --blue-600: #2563EB; --blue-700: #1D4ED8; --blue-800: #1E40AF; --blue-900: #1E3A8A; --lime-50: #F7FEE7; --lime-100: #ECFCCB; --lime-200: #D9F99D; --lime-300: #BEF264; --lime-400: #A3E635; --lime-500: #84CC16; --lime-600: #65A30D; --lime-700: #4D7C0F; --lime-800: #3F6212; --lime-900: #365314; --pink-50: #FDF2F8; --pink-100: #FCE7F3; --pink-200: #FBCFE8; --pink-300: #F9A8D4; --pink-400: #F472B6; --pink-500: #EC4899; --pink-600: #DB2777; --pink-700: #BE185D; --pink-800: #9D174D; --pink-900: #831843; --teal-50: #F0FDFA; --teal-100: #CCFBF1; --teal-200: #99F6E4; --teal-300: #5EEAD4; --teal-400: #2DD4BF; --teal-500: #14B8A6; --teal-600: #0D9488; --teal-700: #0F766E; --teal-800: #115E59; --teal-900: #134E4A; --green-50: #ECFDF5; --green-100: #D1FAE5; --green-200: #A7F3D0; --green-300: #6EE7B7; --green-400: #34D399; --green-500: #10B981; --green-600: #059669; --green-700: #047857; --green-800: #065F46; --green-900: #064E3B; --purple-50: #F5F3FF; --purple-100: #EDE9FE; --purple-200: #DDD6FE; --purple-300: #C4B5FD; --purple-400: #A78BFA; --purple-500: #8B5CF6; --purple-600: #7C3AED; --purple-700: #6D28D9; --purple-800: #5B21B6; --purple-900: #4C1D95; --yellow-50: #FFFBEB; --yellow-100: #FEF3C7; --yellow-200: #FDE68A; --yellow-300: #FCD34D; --yellow-400: #FBBF24; --yellow-500: #F59E0B; --yellow-600: #D97706; --yellow-700: #B45309; --yellow-800: #92400E; --yellow-900: #78350F; --dark-green: #112D25; --light-green: #C4EAB9; --dark-blue: #0A3957; --light-blue: #9DFAFF; /* Fonts */ --font-sans: 'Inter',sans-serif; --font-intertight: 'Inter Tight',sans-serif; --font-literata: 'Literata',serif; --font-firacode: 'Fira Code',monospace; --font-ibmplexmono: 'IBM Plex Mono',monospace; --font-fraunces: 'Fraunces',serif; --font-luckiestguy: 'Luckiest Guy',display; --font-instrumentserif: 'Instrument Serif',serif; --font-poppins: 'Poppins',sans-serif; /* Font size */ --font-size-xxs: 0.625rem; --font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-3xl: 1.875rem; --font-size-4xl: 2.25rem; --font-size-5xl: 3rem; /* Font weight */ --font-weight-thin: 100; --font-weight-lighter: 200; --font-weight-light: 300; --font-weight-regular: 400; --font-weight-normal: 500; --font-weight-bold: 700; --font-weight-semi-bold: 600; --font-weight-bolder: 800; --font-weight-black: 900; /* Shadows */ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.25); --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* Border radius */ /* Spacing */ /* Z-index */ } @keyframes animation-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes animation-fade-in { from { opacity:0; } to { opacity:1; } } @keyframes animation-fade-out { from { opacity:1; } to { opacity:0; } } } .cQuAhQ { width:100%; height:100%; display:flex; background:black; overflow-x:hidden; overflow-y:auto; align-items:center; flex-direction:column; justify-content:flex-start; scroll-behavior:smooth; scrollbar-width:none; } .cQuAhQ::-webkit-scrollbar { width: 0; } .fdFAyK { width:100%; display:flex; row-gap:32px; position:relative; background:black; column-gap:32px; align-items:center; padding-top:64px; flex-direction:column; padding-bottom:64px; justify-content:flex-start; } @media (min-width: 1280px) { .fdFAyK { display:flex; align-items:center; padding-top:128px; padding-left:56px; padding-right:56px; padding-bottom:128px; justify-content:flex-start; } } .cuOcXp { color:var(--grey-200); font-size:2rem; text-wrap:balance; text-align:left; font-family:"Inter Tight"; font-weight:var(--font-weight-semi-bold); line-height:1.125em; scroll-margin-top:80px; } @media (min-width: 1024px) { .cuOcXp { font-size:40px; line-height:48px; } } .cuOcXp.centered { text-align:center; } .cuOcXp::selection { background:#ffffff33; } .website-api\:0yS23ROLZiUp0jRNAFp4y { text-align:center; } .dFKgRc { color:var(--light-blue); display:flex; row-gap:8px; font-size:16px; column-gap:8px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-normal); line-height:24px; user-select:none; flex-direction:row; justify-content:flex-start; } @media (min-width: 1024px) { .dFKgRc { font-size:20px; line-height:28px; } } .ckMvBF { display:none; } @media (min-width: 1024px) { .ckMvBF { display:inline; } } .website-api\:7F9sYem02XjXQemd8dgi5 { text-align:center; } @media (min-width: 1024px) { .website-api\:7F9sYem02XjXQemd8dgi5 { text-align:right; } } .cpKEMb { top:96px; flex:1; right:24px; width:calc(100% - 48px); height:calc(100% - 192px); display:flex; z-index:100; position:fixed; max-width:616px; translate:calc(100% + 100px) 0 0; background:var(--grey-900); box-shadow:0px 0px 64px 0px #000000; max-height:calc(100vh - 192px); transition:translate 600ms cubic-bezier(0.42, 0, 0.58, 1) 0ms normal; align-items:center; user-select:none; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .cpKEMb.showPanel { display:flex; position:fixed; translate:0 0 0; align-items:flex-start; justify-content:flex-start; } @media (min-width: 1024px) { .cpKEMb.showPanel { top:96px; right:56px; width:616px; max-height:calc(100vh - 192px); } } @media (max-width: 600px) { .cpKEMb.showPanel { top:0px; left:0px; right:0px; width:auto; bottom:0px; height:100dvh; position:fixed; box-shadow:0px 0px 0px 26px #00000073; max-height:none; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } } .eXPqWS { color:var(--grey-400); width:32px; height:32px; display:flex; font-size:16px; align-items:center; font-family:Inter; font-weight:var(--font-weight-regular); flex-direction:row; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .cFKMzL { display:flex; row-gap:8px; column-gap:8px; align-items:flex-end; flex-direction:row; justify-content:flex-start; } .eMiZem { color:var(--grey-400); display:none; font-size:13px; font-family:Inter; font-weight:var(--font-weight-regular); } @media (min-width: 1024px) { .eMiZem { display:inline; } } .cGeFGD { color:inherit; display:inline; font-size:13px; font-family:Inter; font-weight:var(--font-weight-regular); } .ebmjez { display:flex; row-gap:4px; column-gap:4px; align-items:center; flex-direction:row; justify-content:flex-start; } .demo-api-panel\:79ERvPS_NAh3nJN8BSxR1 { width:16px; height:16px; } .bcZuVU { color:var(--grey-200); display:inline; font-size:13px; font-family:Inter; font-weight:var(--font-weight-semi-bold); } .bDQcvY { width:100%; display:flex; row-gap:8px; column-gap:8px; min-height:48px; overflow-x:scroll; align-items:center; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; scrollbar-width:none; border-bottom-color:var(--grey-800); border-bottom-style:solid; border-bottom-width:1px; } .bDQcvY::-webkit-scrollbar { width: 0; } .divwMi { color:var(--grey-400); width:32px; height:32px; display:flex; align-items:center; flex-direction:row; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .divwMi:hover { color:var(--grey-200); background:var(--grey-700); } .cZAGfo { width:100%; display:flex; row-gap:8px; column-gap:8px; min-height:48px; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:column; padding-bottom:8px; border-bottom-color:var(--grey-800); border-bottom-style:solid; border-bottom-width:1px; } .frBUYC { color:var(--grey-400); display:inline; font-size:13px; font-family:Inter; font-weight:var(--font-weight-regular); } .WgzQp { width:100%; height:32px; display:flex; align-items:center; padding-left:8px; flex-direction:row; justify-content:space-between; } .dhBuOB { width:100%; height:32px; display:flex; row-gap:8px; column-gap:8px; align-items:center; flex-direction:row; justify-content:space-between; } @media (max-width: 600px) { .dhBuOB { display:none; } } .aJHWW { color:var(--grey-400); width:fit-content; height:32px; display:flex; font-size:13px; align-items:center; font-family:Inter; font-weight:var(--font-weight-regular); padding-left:8px; padding-right:8px; flex-direction:row; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .aJHWW.selectedTab { color:var(--grey-200); background:var(--grey-800); } .aJHWW:hover { color:var(--grey-200); background:var(--grey-700); } .bsLhdm { color:var(--grey-200); display:inline; font-size:11px; font-family:Inter; font-weight:var(--font-weight-regular); } .eItoHa { color:var(--grey-200); display:inline; font-size:inherit; font-family:inherit; font-weight:var(--font-weight-semi-bold); } .cowtlB { display:flex; row-gap:8px; column-gap:8px; align-items:center; flex-direction:row; justify-content:flex-start; } .cqgbXO { color:var(--grey-400); display:inline; font-size:13px; font-family:Inter; font-weight:var(--font-weight-regular); } @media (min-width: 1024px) { .cqgbXO { display:none; } } .egBDZR { width:24px; height:24px; display:flex; background:var(--grey-600); align-items:center; justify-content:center; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .egBDZR:hover { background:var(--grey-500); } .demo-api-panel\:MGX1nJn09lSPGfoHFfOj_ { width:12px; height:12px; } .NfjQQ { flex:1; color:var(--grey-200); width:160px; height:32px; display:flex; row-gap:8px; background:var(--grey-800); column-gap:8px; align-items:center; padding-top:8px; padding-left:8px; padding-right:4px; flex-direction:row; padding-bottom:8px; justify-content:space-between; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .NfjQQ:hover { background:var(--grey-700); } .cFINgH { width:100%; display:flex; min-height:48px; align-items:center; padding-top:8px; padding-left:16px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:space-between; border-bottom-color:var(--grey-800); border-bottom-style:solid; border-bottom-width:1px; } .ejSqOC { width:100%; height:32px; display:flex; row-gap:8px; column-gap:8px; align-items:center; flex-direction:row; justify-content:space-between; } @media (max-width: 601px) { .ejSqOC { display:none; } } .enpKKa { color:var(--grey-200); width:24px; height:24px; display:flex; row-gap:8px; background:var(--grey-600); column-gap:8px; align-items:center; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:center; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .enpKKa:hover { background:var(--grey-500); } .czUBBF { color:var(--grey-200); height:20px; display:flex; row-gap:2px; font-size:11px; background:var(--grey-600); column-gap:2px; align-items:center; font-family:Inter; font-weight:var(--font-weight-regular); padding-left:8px; padding-right:6px; flex-direction:row; justify-content:flex-start; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .czUBBF:hover { background:var(--grey-500); } .edchdy { color:var(--grey-200); width:fit-content; height:32px; display:flex; row-gap:8px; background:var(--grey-700); column-gap:8px; align-items:center; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:space-between; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } @media (min-width: 1024px) { .edchdy { width:160px; } } .edchdy:hover { background:var(--grey-600); } .dhekLs { padding-top:8px; margin-bottom:-12px; } .dhekLs:last-of-type { margin-bottom:0px; } .vMaLf { display:flex; row-gap:4px; column-gap:4px; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:column; padding-bottom:8px; scroll-behavior:smooth; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .vMaLf.flashyflash { animation:2s linear 0s 1 normal forwards running animation-bmatUT; } @keyframes animation-bmatUT { 0% { background: var(--grey-800); } 20% { background: var(--grey-900); } 40% { background: var(--grey-800); } 60.00000000000001% { background: var(--grey-900); } 80% { background: var(--grey-800); } 100% { background: var(--grey-900); } } .cgidoq { flex:1; color:var(--grey-400); display:flex; row-gap:8px; column-gap:8px; max-height:32px; align-items:center; margin-left:48px; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .cgidoq:hover { color:var(--grey-200); background:var(--grey-700); } .GVArs { color:var(--grey-200); display:inline; font-size:13px; font-family:Inter; font-weight:var(--font-weight-regular); } .data-panel-entry\:LX8uswJxkqIoeDubrsogQ { margin-left:96px; } .cUvGYj { flex:1; color:var(--grey-400); display:flex; row-gap:8px; column-gap:8px; max-height:32px; align-items:center; margin-left:72px; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .cUvGYj:hover { color:var(--grey-200); background:var(--grey-700); } .data-panel-entry\:bHJ4HvkkAMgfDR1DgluMR { margin-left:96px; } .bgtnEg { flex:1; color:var(--grey-400); display:flex; row-gap:8px; column-gap:8px; max-height:32px; align-items:center; margin-left:24px; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .bgtnEg:hover { color:var(--grey-200); background:var(--grey-700); } .dfIWQj { color:var(--grey-400); width:100%; height:32px; display:flex; row-gap:8px; column-gap:8px; align-items:center; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .dfIWQj:hover { color:var(--grey-200); background:var(--grey-700); } .cGsmhN { width:16px; height:16px; background:var(--grey-200); border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .flulUI { width:100%; display:flex; min-height:48px; align-items:center; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:space-between; border-bottom-color:var(--grey-800); border-bottom-style:solid; border-bottom-width:1px; } .bIeHcY { flex:1; width:100%; display:flex; row-gap:4px; background:var(--grey-800); column-gap:4px; overflow-y:scroll; padding-top:8px; padding-left:8px; outline-color:#000000; outline-style:none; outline-width:2px; padding-right:8px; padding-bottom:8px; scroll-behavior:smooth; scrollbar-width:none; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .bIeHcY::-webkit-scrollbar { width: 0; } .dreMRY { color:var(--grey-600); width:32px; height:32px; display:flex; align-items:center; flex-direction:row; justify-content:center; } .eaeAnc { width:100%; height:32px; display:flex; row-gap:8px; column-gap:8px; align-items:center; flex-direction:row; justify-content:space-between; } .cZmrvD { width:32px; height:16px; display:flex; background:var(--blue-600); align-items:flex-end; justify-content:center; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .HYdTZ { flex:1; width:100%; display:flex; row-gap:8px; column-gap:8px; min-height:48px; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:column; padding-bottom:8px; } .demo-api-panel\:omQy8QdvQdej_Yust-AOX { width:12px; height:12px; } .demo-api-panel\:r0vp6DAR45bb9XRO2hkfW { width:12px; height:12px; } .eVOGJM { color:var(--grey-400); width:100%; height:32px; display:flex; row-gap:8px; column-gap:8px; align-items:center; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .bEPWaw { width:100%; height:100%; z-index:2; } .GEfjn { color:var(--grey-400); font-size:1.25rem; font-family:"Inter Tight"; font-weight:var(--font-weight-light); line-height:1.875rem; } @media (min-width: 960px) { .GEfjn { font-size:24px; line-height:34px; } } .GEfjn::selection { color:var(--grey-200); background:#ffffff33; } .website-api\:LtZwYvcn29HlOYBewRWFj { text-align:center; } .bdyKZP { display:inline; font-size:inherit; font-family:inherit; font-weight:inherit; } .lNJns { width:240px; height:320px; transition:scale 300ms cubic-bezier(0.42, 0, 0.58, 1); border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; -webkit-tap-highlight-color:transparent; } .lNJns:hover { z-index:1; transition:scale 300ms cubic-bezier(0.42, 0, 0.58, 1); } .lNJns:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } @media (min-width: 1280px) { .lNJns:hover { scale:1.2 1.2 1; z-index:1; transition:scale 300ms cubic-bezier(0.42, 0, 0.58, 1); } } .dUjaBO { color:var(--grey-200); font-size:24px; font-family:"Instrument Serif"; } .wiQzm { flex:1; width:192px; rotate:0 1 0 180deg; display:flex; opacity:0; row-gap:24px; position:absolute; animation:600ms cubic-bezier(0.42, 0, 0.58, 1) 0ms 1 normal forwards running animation-diizqv; column-gap:24px; align-items:center; flex-direction:column; justify-content:space-between; } .wiQzm.back { opacity:0; animation:600ms cubic-bezier(0.42, 0, 0.58, 1) 600ms 1 normal forwards running animation-diMMIZ; } @keyframes animation-diMMIZ { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes animation-diizqv { 0% { opacity: 1; } 100% { opacity: 0; } } .dpduRG { top:0px; left:0px; width:fit-content; height:fit-content; display:none; position:absolute; transform:translate(-50%,-50%); translate:var(--left) var(--top) 0; transform-origin:center center; } .dpduRG.show { display:flex; position:absolute; align-items:center; justify-content:center; } .pokemon-details\:6mStsiEDXSH7ZJn1RQ5eb { display:flex; align-items:center; justify-content:center; } .bXtBxm { width:100%; display:flex; align-items:center; padding-top:16px; flex-direction:row; padding-bottom:16px; justify-content:space-between; border-bottom-color:var(--grey-700); border-bottom-style:solid; border-bottom-width:1px; } .cCYXsI { width:100%; } .xsJFi { color:var(--grey-400); font-size:24px; font-family:"Instrument Serif"; text-transform:capitalize; } .dyiOVg { width:100%; transition:opacity 300ms ease var(--delay); } .dyiOVg.loading { opacity:0; } .edjMrx { color:#ffffff; font-size:14px; background:var(--grey-700); transition:color 300ms ease var(--delay) , background 300ms ease var(--delay); font-family:"Inter Tight"; font-weight:var(--font-weight-light); padding-top:4px; padding-left:10px; padding-right:10px; padding-bottom:4px; text-transform:capitalize; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .edjMrx.loading { color:var(--grey-800); background:var(--grey-800); } .xtGRk { color:var(--grey-200); font-size:24px; font-family:"Instrument Serif"; text-transform:capitalize; } .oKhUw { width:100%; display:flex; align-items:center; padding-top:16px; flex-direction:row; padding-bottom:16px; justify-content:space-between; } .dLWIty { width:100%; display:flex; opacity:0; row-gap:12px; animation:600ms cubic-bezier(0.42, 0, 0.58, 1) 300ms 1 normal forwards running animation-diMMIZ; column-gap:12px; align-items:center; justify-content:flex-start; } .dLWIty.back { opacity:0; animation:600ms cubic-bezier(0.42, 0, 0.58, 1) 0ms 1 normal forwards running animation-diizqv; } .bbbdxr { color:var(--grey-900); width:fit-content; display:flex; opacity:0; animation:500ms cubic-bezier(0.42, 0, 0.58, 1) 1s 1 normal forwards running animation-diMMIZ; font-size:13px; background:var(--light-green); align-items:center; font-family:"Inter Tight"; font-weight:var(--font-weight-regular); padding-top:6px; padding-left:12px; margin-bottom:16px; padding-right:12px; padding-bottom:6px; justify-content:center; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .frLSEn { flex:1; width:240px; cursor:pointer; filter:saturate(0); height:320px; display:flex; row-gap:12px; max-width:240px; min-width:240px; background:var(--grey-900); column-gap:12px; max-height:320px; transition:filter 300ms cubic-bezier(0.42, 0, 0.58, 1) , scale 300ms cubic-bezier(0.42, 0, 0.58, 1) , rotate 600ms cubic-bezier(0.42, 0, 0.58, 1); padding-top:24px; padding-left:24px; padding-right:24px; flex-direction:column; padding-bottom:24px; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .frLSEn:hover { filter:saturate(2); background:var(--grey-800); box-shadow:0px 0px 64px 0px #000000; transition:filter 300ms cubic-bezier(0.42, 0, 0.58, 1) 0ms normal, rotate 600ms cubic-bezier(0.42, 0, 0.58, 1) 0ms normal; outline-color:var(--grey-700); outline-style:solid; outline-width:4px; } .frLSEn.back { rotate:0 1 0 180deg; box-shadow:0px 0px 64px 0px #000000; transition:rotate 600ms cubic-bezier(0.42, 0, 0.58, 1); } .frLSEn:active { background:black; transition:background 300ms cubic-bezier(0.42, 0, 0.58, 1); } .eyAmaz { width:100%; height:100%; } @media (min-width: 1024px) { .pokemon-details\:akS-nHM2j8ITG7Iya2mdG { perspective:500px; } } .fqwjvG { color:#ffffff; font-size:32px; font-family:"Instrument Serif"; text-transform:capitalize; } .ceUnqc { width:100%; height:auto; opacity:0; position:absolute; animation:2s ease 0ms infinite normal none running animation-cEwOkt; object-fit:contain; transition:opacity 300ms ease var(--delay); aspect-ratio:1/1; transform-origin:center bottom; } .ceUnqc.loading { opacity:1; } @keyframes animation-cEwOkt { 15% { rotate: -5deg; } 30% { rotate: 5deg; } 45% { rotate: -3deg; } 60% { rotate: 3deg; } 100% { rotate: 0deg; } } .rbbyE { width:100%; display:flex; row-gap:8px; column-gap:8px; align-items:center; flex-direction:row; justify-content:center; } .DGmqw { top:0px; left:50%; width:140px; height:100%; position:absolute; translate:-50% 0 0; background:var(--grey-800); transition:opacity 300ms ease var(--delay); border-top-left-radius:999px; border-top-right-radius:999px; border-bottom-left-radius:999px; border-bottom-right-radius:999px; } .DGmqw.loaded { opacity:0; } .website-api\:TT5Kypdl1doZbaTfg9Jt0 { scroll-margin:12px; scroll-snap-align:start; } .website-api\:TT5Kypdl1doZbaTfg9Jt0:first-of-type { margin-left:12px; } @media (min-width: 1280px) { .website-api\:TT5Kypdl1doZbaTfg9Jt0:first-of-type { margin-left:0px; } } .website-api\:TwYjg7RRJR9fQt2yhkRx9 { text-align:right; } .cxcLga { color:var(--grey-400); font-size:18px; font-family:Inter Tight; font-weight:var(--font-weight-light); line-height:26px; } .cxcLga::selection { color:var(--grey-200); background:#ffffff33; } .website-api\:VWJQCNbsnOabFzmmp_Xeh { text-align:center; } .hlLfb { width:100%; height:328px; display:flex; row-gap:12px; flex-wrap:nowrap; max-width:2010px; column-gap:12px; overflow-y:hidden; align-items:center; flex-direction:row; justify-content:flex-start; scrollbar-width:none; scroll-snap-type:x mandatory; } .hlLfb::-webkit-scrollbar { width: 0; } @media (min-width: 1280px) { .hlLfb { flex:1; height:fit-content; display:flex; flex-wrap:wrap; overflow-x:visible; overflow-y:visible; align-items:center; flex-direction:row; justify-content:center; scroll-snap-type:none; } } .fzGidC { color:var(--grey-200); display:inline; font-size:inherit; font-family:inherit; font-weight:var(--font-weight-semi-bold); outline-color:#000000; outline-style:none; outline-width:2px; } .fzGidC:hover { color:var(--light-blue); } .fzGidC:focus-visible { color:var(--light-blue); } .cazODF { right:0px; width:56px; bottom:0px; height:110%; display:flex; position:absolute; } @media (max-width: 1024px) { .cazODF { width:24px; } } .ejsOsF { width:100%; display:flex; align-items:center; padding-left:24px; padding-right:24px; justify-content:flex-start; } .website-api\:uk8AngMBH5YrFQA96glCj { top:0px; left:0px; width:1px; height:100vh; position:absolute; pointer-events:none; } .eVNdNY { width:100%; display:flex; row-gap:16px; max-width:720px; column-gap:16px; align-items:center; padding-left:24px; padding-right:24px; flex-direction:column; justify-content:center; } @media (min-width: 1280px) { .eVNdNY { display:none; row-gap:24px; column-gap:24px; align-items:flex-end; padding-right:56px; justify-content:center; } } .nYDcc { width:100%; display:none; row-gap:16px; column-gap:16px; align-items:center; padding-top:24px; padding-left:24px; padding-right:24px; flex-direction:column; padding-bottom:24px; justify-content:center; } @media (min-width: 1280px) { .nYDcc { width:744px; display:flex; row-gap:24px; column-gap:24px; min-height:320px; align-items:flex-end; padding-right:56px; justify-content:center; } } .nordcraft\:2qDRpiiONYH4sFVNYHiqP { scroll-snap-align:start; } .eQduLY { width:100%; display:flex; background:black; align-items:flex-start; padding-top:64px; flex-direction:row; padding-bottom:64px; justify-content:center; } @media (min-width: 1024px) { .eQduLY { padding-top:128px; padding-bottom:128px; } } .chhrsa { color:var(--grey-800); cursor:default; height:400px; display:flex; row-gap:12px; flex-grow:1; min-width:260px; background:var(--grey-900); column-gap:12px; flex-basis:0%; overflow-x:hidden; overflow-y:hidden; transition:background 600ms ease; align-items:flex-start; flex-shrink:0; padding-top:26px; padding-left:26px; padding-right:26px; padding-bottom:26px; justify-content:flex-end; border-top-left-radius:26px; border-top-right-radius:26px; border-bottom-left-radius:26px; border-bottom-right-radius:26px; -webkit-tap-highlight-color:transparent; } .chhrsa:hover { color:var(--grey-800); background:var(--grey-800); } .chhrsa:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .cFyvnS { width:100%; display:flex; row-gap:16px; column-gap:16px; align-items:flex-start; justify-content:center; } .MAqQP { color:inherit; display:flex; position:absolute; font-size:256px; align-items:flex-start; font-family:"Instrument Serif"; padding-top:32px; padding-bottom:32px; justify-content:flex-start; } .ePHkdg { color:var(--grey-200); font-size:24px; text-wrap:balance; text-align:left; font-family:"Inter Tight"; font-weight:var(--font-weight-normal); line-height:32px; scroll-margin-top:80px; } @media (min-width: 1024px) { .ePHkdg { font-size:20px; line-height:28px; } } .ePHkdg::selection { background:#ffffff33; } .manifest-section\:MXuVOccpwOQEqcilq-M-H { color:var(--light-green); font-size:32px; text-wrap:balance; font-family:"Instrument Serif"; line-height:1.1; } .fwFoQl { width:100%; max-height:0px; overflow-y:hidden; text-align:left; transition:max-height 300ms ease 0ms allow-discrete; } .fwFoQl.open { max-height:400px; transition:max-height 300ms ease 0ms allow-discrete; } .website-manifest\:7gm3KGf4vpBPCXaWdCKQN { min-width:280px; scroll-margin:12px; scroll-snap-align:start; } @media (min-width: 1024px) { } .ciWma { width:100%; display:flex; row-gap:12px; flex-wrap:nowrap; min-width:100%; align-self:center; column-gap:12px; overflow-x:scroll; align-items:center; padding-top:4px; padding-left:4px; padding-right:4px; flex-direction:row; padding-bottom:4px; justify-content:flex-start; scrollbar-width:none; scroll-snap-type:x mandatory; } .ciWma::-webkit-scrollbar { width: 0; } @media (max-width: 1249px) { .ciWma { padding-left:24px; padding-right:24px; } } .QjtXu { flex:1; display:flex; row-gap:16px; max-width:1024px; column-gap:16px; align-items:center; padding-left:24px; padding-right:24px; justify-content:flex-start; } @media (min-width: 1024px) { .QjtXu { display:flex; row-gap:24px; column-gap:24px; } } .website-manifest\:VzCHBnss42Pv0Y7B5bWAt { text-align:center; } .website-manifest\:hN5YEVxdGwDmkI3dg87PL { min-width:280px; } @media (min-width: 1024px) { } .website-manifest\:uvw2cmiQhHHuxS3Y9F-sB { text-align:center; } .website-manifest\:vFkdj1V9TXj3gxr1Yj91R { min-width:280px; scroll-margin:12px; scroll-snap-align:start; } @media (min-width: 1024px) { .website-manifest\:vFkdj1V9TXj3gxr1Yj91R { margin-left:0px; } } .csxPbJ { width:100%; display:flex; row-gap:32px; flex-wrap:wrap; max-width:1201px; min-width:auto; column-gap:32px; align-items:center; justify-content:flex-start; } @media (min-width: 1024px) { .csxPbJ { display:flex; row-gap:64px; column-gap:64px; flex-direction:column; } } .website-manifest\:zx54MoRlu777hQGjRWyhB { min-width:280px; scroll-margin:12px; scroll-snap-align:start; } @media (min-width: 1024px) { } .esLNhY { width:100%; display:flex; align-items:flex-start; padding-top:64px; flex-direction:row; padding-bottom:64px; justify-content:center; } @media (min-width: 1024px) { .esLNhY { display:flex; padding-top:128px; padding-bottom:128px; } } .website-html-and-css\:1S8WQW4nBkcqzr7iAdWao { text-align:center; } .website-html-and-css\:6FCjdtuyLaBFE1n88ec8F { text-align:center; } .dtnio { color:var(--grey-400); height:64px; display:flex; align-items:center; padding-left:24px; outline-color:#000000; outline-style:none; outline-width:2px; padding-right:24px; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @media (min-width: 1024px) { .dtnio { padding-left:32px; padding-right:32px; } } .dtnio:hover { color:var(--grey-200); } .dtnio:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .bDzNhs { display:flex; padding-left:24px; padding-right:24px; } @media (min-width: 1024px) { .bDzNhs { display:none; } } .dDkUYO { width:100%; display:flex; row-gap:24px; column-gap:24px; margin-top:16px; align-items:center; justify-content:center; } .dHnweG { width:267px; height:40px; } .website-html-and-css\:WVt9MIHDWpr6eC1Coxnli { width:128px; } .website-html-and-css\:YyGbaCv6UYD3z4P5e3RSV { text-align:center; } .egvxVk { color:var(--grey-200); width:100%; display:flex; row-gap:12px; column-gap:12px; overflow-x:scroll; align-items:center; padding-left:24px; padding-right:24px; flex-direction:row; justify-content:flex-start; scrollbar-width:none; } .egvxVk::-webkit-scrollbar { width: 0; } @media (min-width: 1024px) { .egvxVk { display:flex; flex-wrap:wrap; overflow-x:visible; overflow-y:visible; align-items:center; padding-right:0px; justify-content:center; } } .dlnDAX { width:100%; display:flex; row-gap:32px; column-gap:32px; align-items:center; padding-left:24q; padding-right:24q; flex-direction:row; justify-content:center; } .ccRjOV { color:inherit; width:16px; height:16px; display:flex; align-items:center; border-radius:4px; flex-direction:column; justify-content:center; } .style-panel-preview\:-_AsM3qWXhNOReL3w2MC0 { color:var(--icon-color); } .style-panel-preview\:0PyHousRwAnq1vemq_JmC { rotate:0 0 1 -0.25turn; opacity:0.5; } .cOrmVG { width:fit-content; height:fit-content; display:flex; pointer-events:auto; } .GltxC { bottom:100%; height:24px; display:flex; position:absolute; background:#17171780; align-items:center; padding-left:8px; border-radius:12px; margin-bottom:6px; padding-right:8px; flex-direction:row; pointer-events:all; justify-content:center; } .GltxC.selected { background:var(--outline-color); } .fDnrhU { top:0px; left:0px; color:var(--grey-200); right:0px; bottom:0px; opacity:0.75; position:absolute; outline-color:var(--outline-color); outline-style:solid; outline-width:1.5px; pointer-events:none; border-top-left-radius:inherit; border-top-right-radius:inherit; border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; } .fDnrhU.component { color:white; } .fDnrhU.selected { opacity:1; } .biDtxm { width:fit-content; font-size:var(--text-xs); font-size:13px; font-weight:400; white-space:nowrap; } .cLbrBV { object-fit:cover; transition:scale 300ms ease ; border-top-left-radius:16px; border-top-right-radius:16px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; } .enIwb { display:flex; background:radial-gradient(var(--grey-800) 46%, black 100%) scroll border-box padding-box repeat repeat 0% 0% / auto; align-items:center; padding-top:96px; border-color:var(--grey-800); border-style:solid; border-width:1px; padding-left:256px; padding-right:256px; padding-bottom:96px; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @media (max-width: 1024px) { .enIwb { display:flex; background:#00000000; padding-top:0px; border-color:black; border-style:none; border-width:0px; padding-left:24px; padding-right:24px; padding-bottom:0px; } } .style-panel-preview\:3lat2OPOgfFFU0_tCY0xy { color:var(--icon-color); } .DPUKg { width:400px; height:640px; display:flex; background:var(--bg); box-shadow:0px 0px 64px 0px #000000; overflow-x:hidden; overflow-y:hidden; align-items:flex-start; user-select:none; background-size:cover; justify-content:flex-end; background-position:center; border-top-left-radius:16px; border-top-right-radius:16px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; } .cjkoIL { gap:8px; width:100%; min-width:220px; border-radius:6px; flex-direction:column; justify-content:start; } .cjkoIL:focus-within { outline:none; } .bJhON { flex:1; color:var(--grey-400); cursor:default; height:32px; display:flex; max-height:32px; align-items:center; user-select:none; padding-left:8px; border-radius:6px; padding-right:4px; flex-direction:row; vertical-align:middle; justify-content:start; } .bJhON:hover { color:var(--grey-200); } .bJhON.is-set { color:var(--grey-200); background-color:var(--grey-900, #171717); } .bJhON:focus-within { color:var(--grey-200); outline-color:var(--blue-600); outline-style:solid; outline-width:1px; outline-offset:-1px; } .bJhON.disabled { opacity:0.3; pointer-events:none; } .cbfVzA { flex:1; color:var(--input-color); width:0px; height:32px; display:flex; font-size:var(--text-xs); position:relative; font-size:13px; font-weight:var(--font-weight-normal); } .cbfVzA:focus { outline:none; } .cbfVzA::placeholder { color:var(--grey-400); } .fEbMyE { color:var(--grey-200); font-size:12px; font-weight:var(--font-weight-normal); padding-right:1px; } .fwKsmw { top:0px; left:0px; right:0px; bottom:0px; content:""; opacity:var(--state-layer-opacity); position:absolute; border-radius:inherit; pointer-events:none; background-color:var(--state-layer-color); } .fVMBB { display:flex; row-gap:8px; column-gap:8px; align-items:center; margin-left:8px; flex-direction:row; justify-content:flex-start; } .cjNMSa { color:var(--typography-chip-text-color); font-size:11px; font-weight:400; line-height:20px; } .flZUN { color:inherit; display:contents; font-size:inherit; font-weight:inherit; border-radius:inherit; --state-layer-opacity:var(--state-layer-default); } .flZUN.state-layer-hover-enabled:hover { --state-layer-opacity:var(--state-layer-hover); } .flZUN.state-layer-pressed { --state-layer-opacity:var(--state-layer-pressed) !important; } .fjFnkv { gap:8px; flex-direction:row; } .cdhTmC { color:var(--grey-400, #A3A3A3); height:var(--ui-button-height); display:flex; outline:none; min-width:var(--ui-button-height); user-select:none; flex-direction:column; } .cdhTmC:disabled { opacity:0.3; pointer-events:none; } .cdhTmC.active { color:var(--grey-200); } .cdhTmC:hover { color:var(--grey-200); } .cdhTmC:focus-visible { color:var(--grey-200); outline-color:var(--blue-600, #2563EB); outline-style:solid; outline-width:1px; } .cdhTmC:focus { color:var(--grey-200); outline-color:var(--blue-600, #2563EB); outline-style:solid; outline-width:1px; } .cdhTmC.highlight { color:var(--grey-200); background-color:var(--blue-600); } .cdhTmC.medium { font-size:13px; border-radius:6px; --ui-button-height:32px; --ui-button-padding:12px; } .cdhTmC.small { font-size:11px; border-radius:4px; --ui-button-height:24px; --ui-button-padding:8px; } .cdhTmC.square { width:var(--ui-button-height); max-width:var(--ui-button-height); --ui-button-padding:0; } .eqnhGk { top:50%; left:50%; position:absolute; translate:-50% -50%; } .fDRDWT { gap:8px; color:inherit; width:100%; height:100%; display:flex; overflow:auto; font-size:inherit; align-items:center; font-weight:inherit; padding-left:var(--ui-button-padding); border-radius:inherit; padding-right:var(--ui-button-padding); flex-direction:row; justify-content:center; scrollbar-width:none; } .fDRDWT::-webkit-scrollbar { width: 0; } .fDRDWT.loading { visibility:hidden; } .fDRDWT.left { justify-content:start; } .RqVuZ { aspect-ratio:4/3; border-radius:6px; } .dqrHNR { top:0px; left:0px; width:100%; height:100%; position:absolute; background:linear-gradient( to right, hsl(var(--hue) 100% 50% / 0), hsl(var(--hue) 100% 50% / 1) );; border-radius:inherit; mix-blend-mode:overlay; } .bTOdMa { width:24px; height:24px; z-index:10; box-shadow:0 1px 2px 0 #00000055; border-color:var(--grey-400); border-style:solid; border-width:4px; border-radius:100px; } .bTOdMa.animate { transition:left 300ms,top 300ms,background-color 300ms; } .bTOdMa.selected { border-color:var(--grey-200); } .ui-color-input-shade\:7INYeNZBVO4-MHLy8pFS8 { top:var(--target-offset-y); left:var(--target-offset-x); position:absolute; transform:translate(-50%, -50%); } .eCnosW { top:0px; left:0px; width:100%; height:100%; position:absolute; background:linear-gradient(to top, rgb(0, 0, 0), rgb(255, 255, 255)); border-radius:inherit; } .lJxif { width:100%; height:24px; overflow-x:visible; border-radius:100px; background-image:linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 16.67%,hsl(120, 100%, 50%) 33.33%, hsl(180, 100%, 50%) 50%,hsl(240, 100%, 50%) 66.67%, hsl(300, 100%, 50%) 83.33%,hsl(360, 100%, 50%) 100%); } .ui-color-input-hue\:HBAsOREF6MddYqGOFcgPG { top:50%; left:var(--target-offset); position:absolute; transform:translate(-50%, -50%); } .BEFTq { box-sizing:border-box; } .dcVoET { width:100%; height:24px; overflow-x:visible; border-radius:100px; background-size:12px 12px; background-color:var(--grey-100); background-image:linear-gradient(45deg, var(--grey-300) 25%, transparent 25%), linear-gradient(-45deg, var(--grey-300) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--grey-300) 75%), linear-gradient(-45deg, transparent 75%, var(--grey-300) 75%); background-position:0 0, 0 6px, 6px -6px, -6px 0px; } .ui-color-input-transparency\:BWt2ZIjaBL6ojmQgjtMh0 { top:50%; left:var(--target-offset); position:absolute; transform:translate(-50%, -50%); } .cdTqwh { width:100%; height:100%; border-radius:inherit; background-image:linear-gradient(to right, transparent, var(--hue-base-color)); } .fkAVFs { gap:8px; } .dvhSPt { flex:1; color:var(--blue-500); flex-direction:row; } .dDOJHL { gap:4px; color:var(--grey-200); cursor:default; height:32px; font-size:var(--text-xs); font-size:13px; align-items:center; font-weight:var(--font-weight-regular); padding-left:8px; padding-right:8px; flex-direction:row; justify-content:start; } .dDOJHL.active { background-color:var(--grey-700); } .dDOJHL:focus-visible { outline:none; } .dDOJHL.is-variable { color:var(--teal-400); } .deqAeQ { width:100%; min-height:32px; align-items:start; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:column; padding-bottom:8px; justify-content:center; } .bipEhD { width:16px; height:16px; border-radius:4px; background-color:var(--color, #bababa); } .UnitInput-v2-2-new\:ksbgzrVWnTV8xB3SBN88p { line-height:1.2; } .rltzo { flex:1; } .bCrsFu { overflow-y:auto; touch-action:auto; } .UnitInput-v2-2-new\:qZfq0c5qV9yUkhGkNl12u { flex:1; max-height:240px; overflow-y:auto; scrollbar-width:none; } .UnitInput-v2-2-new\:qZfq0c5qV9yUkhGkNl12u::-webkit-scrollbar { width: 0; } .eFQaJC { top:var(--top); left:var(--left); position:absolute; outline-color:transparent; outline-style:none; outline-width:0px; pointer-events:all; transform-origin:var(--transform-origin-x) var(--transform-origin-y); } .eFQaJC:focus { outline-color:transparent; outline-style:none; outline-width:0px; } .eFQaJC.hidden { visibility:hidden; pointer-events:none; } .eFQaJC.match-anchor-width { width:var(--sc-anchor-width); } .UnitInput-v2-2-new\:vL27WSzd4ri5ggNKeiBdz { width:var(--content-width); overflow:hidden; min-width:180px; background:var(--grey-800); box-shadow:var(--shadow-lg); border-radius:6px; outline-color:var(--blue-600); outline-style:solid; outline-width:1px; background-color:var(--grey-800, #262626); } .dYElHa { width:var(--width); height:var(--height); position:fixed; pointer-events:none; } .dYElHa.modal { pointer-events:all; } .style-panel-preview\:57FVsHOjQSEAhAhZmf3FX { padding-left:8px; padding-right:8px; } .style-panel-preview\:6mAbWQ0BelvlfpmcTvtkw { color:var(--bg); display:flex; row-gap:4px; column-gap:4px; align-items:center; flex-direction:row; justify-content:flex-start; } .style-panel-preview\:7913YYiK1BmSTb6BfKiDP { color:var(--icon-color); } .dztZlK { flex:1; color:var(--grey-400); width:fit-content; cursor:default; height:32px; display:flex; font-size:13px; align-items:center; font-family:Inter; font-weight:var(--font-weight-regular); padding-left:8px; padding-right:8px; flex-direction:row; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .dztZlK.selected { color:var(--grey-200); background:var(--grey-800); } .dztZlK:hover { color:var(--grey-200); background:var(--grey-700); } .coWOAi { color:inherit; } .style-panel-preview\:9wvv5_t0vSsYdSrWMsT1V { color:var(--icon-color); } .cLDBOY { row-gap:8px; column-gap:8px; } .uxawl { color:var(--bg); display:inline-block; font-size:20px; font-family:Inter Tight; font-weight:var(--font-weight-regular); line-height:28px; } .style-panel-preview\:Aiyz1Tb99Q5-gu7w1Kj4W { rotate:0 0 1 -0.25turn; opacity:0.5; } .dnvIMF { width:100%; height:100%; display:flex; background: var(--grey-800); align-items:center; border-radius:6px; pointer-events:none; justify-content:center; } .diVfYF { flex:1; color:var(--grey-400); width:100%; display:flex; row-gap:6px; column-gap:6px; max-height:32px; align-items:center; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .diVfYF:hover { color:var(--grey-200); background:var(--grey-700); } .diVfYF.highlighed { color:var(--grey-200); background:var(--grey-700); } .diVfYF.selected { color:white; width:100%; background:#BE2BD4; } .style-panel-preview\:FwevMiddD6NtIM2Ltarrh { border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .dcTcLv { display:flex; row-gap:8px; font-size:20px; column-gap:8px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-semi-bold); flex-direction:row; justify-content:flex-start; } .eAutrA { font-size:56px; font-family:"Instrument Serif"; font-weight:var(--font-weight-bold); } .bWDZlV { top:64px; left:9%; width:280px; display:flex; row-gap:4px; position:absolute; animation:3s cubic-bezier(0.42, 0, 0.58, 1) 0ms infinite normal both running animation-eLzzxy; background:var(--grey-900); box-shadow:0px 0px 64px 0px #000000; column-gap:4px; transition:all 1200ms cubic-bezier(0.42, 0, 0.58, 1); align-items:flex-start; border-color:var(--grey-800); border-style:solid; border-width:1px; justify-content:flex-start; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .bWDZlV.hovering { top:64px; transition:all 1200ms cubic-bezier(0.42, 0, 0.58, 1); } .bWDZlV:hover { animation-play-state:paused; } @keyframes animation-eLzzxy { 0% { translate: 0 64px 0; } 50% { translate: 0px 72px 0; } 100% { translate: 0 64px 0 ; } } .cxYTVk { opacity:0.5; } .exJTFH { width:100%; height:100%; position:absolute; background:var(--bg); border-bottom-left-radius:16px; border-bottom-right-radius:16px; } .dEzzic { color:var(--grey-200); display:inline; font-size:13px; font-family:Inter; font-weight:var(--font-weight-semi-bold); user-select:none; } .csmBFr { width:100%; display:flex; row-gap:8px; column-gap:8px; min-height:48px; align-items:center; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-bottom-color:var(--grey-800); border-bottom-style:solid; border-bottom-width:1px; } .dQxoMq { width:100%; height:100%; position:absolute; object-fit:cover; transition:scale 300ms ease ; border-top-left-radius:16px; border-top-right-radius:16px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; } .dQxoMq.zoom { scale:1.15 1.15 1.15; } .vKLcL { top:170px; right:9%; position:absolute; animation:3s cubic-bezier(0.42, 0, 0.58, 1) 2.25s infinite normal none running animation-cNFGcH; min-width:280px; align-self:; background:var(--grey-900); box-shadow:0px 0px 64px 0px #000000; border-color:var(--grey-800); border-style:solid; border-width:1px; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .vKLcL:hover { animation-play-state:paused; } @keyframes animation-cNFGcH { 0% { translate: 0 0; } 50% { translate: 0 8px; } 100% { translate: 0 0; } } .style-panel-preview\:aYSXF62UA14U5E_dQlLwO { color:var(--icon-color); } .bJbRMf { flex:1; color:var(--grey-400); width:100%; display:flex; row-gap:6px; column-gap:6px; max-height:32px; align-items:center; padding-top:8px; padding-left:calc(20px); padding-right:calc(20px); flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .bJbRMf:hover { color:var(--grey-200); background:var(--grey-700); } .bJbRMf.highlighted { color:var(--grey-200); background:var(--grey-700); } .bJbRMf.selected { color:var(--grey-200); width:100%; background:var(--blue-600); } .bKWlkV { flex:1; color:var(--grey-400); width:100%; display:flex; row-gap:6px; column-gap:6px; max-height:32px; align-items:center; padding-top:8px; padding-left:calc(8px + 12px * 2); padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .bKWlkV:hover { color:var(--grey-200); background:var(--grey-700); } .bKWlkV.highlighted { color:var(--grey-200); background:var(--grey-700); } .bKWlkV.selected { color:var(--grey-200); width:100%; background:var(--blue-600); } .fFiUZO { flex:1 ; display:flex; max-width:92px; align-items:end; justify-content:start; } .gradient-picker\:1HhmzXp4PKivYeq8kdQks { width:100%; } .bFqlSA { display:flex; align-items:center; padding-left:8px; padding-right:8px; flex-direction:row; justify-content:start; } .LHdzD { padding-left:8px; } .becHXJ { color:var(--typography-section-header-text-color); font-size:13px; font-weight:600; line-height:20px; } .gradient-picker\:9OqcVza59j0LZXrWL_Xa6 { flex-grow:1; } .fjSPKp { max-width:20px; max-height:20px; } .ui-button-group-item\:0NE-eU_8G_AzJgOzuCRg8 { flex:1; color:var(--grey-400); display:flex; min-width:32px; min-height:32px; align-items:center; padding-left:8px; padding-right:8px; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .ui-button-group-item\:0NE-eU_8G_AzJgOzuCRg8:focus-visible { color:var(--grey-200); outline-color:var(--blue-600, #2563EB); outline-style:solid; outline-width:1px; } .ui-button-group-item\:0NE-eU_8G_AzJgOzuCRg8.pressed { color:var(--grey-200); } .ui-button-group-item\:0NE-eU_8G_AzJgOzuCRg8:hover { color:var(--grey-200); } .dnPFSP { display:flex; align-items:center; justify-content:center; } .fqEJQZ { width:fit-content; align-items:start; flex-direction:row; justify-content:start; } .fqEJQZ.orientation-vertical { flex-direction:column; } .ui-button-group\:root { gap:2px; display:flex; align-items:center; flex-direction:row; justify-content:start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .ui-button-group\:root:hover { background: var(--grey-800); } .ui-button-group\:root:focus-within { background:var(--grey-800); } .dgQrpj { display:flex; align-items:center; align-items:center; justify-content:center; justify-content:center; } .bKRuUk { gap:8px; display:flex; max-width:200px; min-width:140px; background:none scroll padding-box border-box repeat repeat 0% 0%/auto; align-items:start; padding-top:0px; padding-left:0px; padding-right:0px; flex-direction:column; padding-bottom:0px; justify-content:start; } .bkmzXB { font-size:inherit; font-family:inherit; font-weight:inherit; padding-left:0px; padding-right:4px; } .fjeOZo { color:var(--red-400); display:inline; font-size:inherit; word-break:break-word; font-family:inherit; font-weight:inherit; } .bATBCj { color:inherit; display:-webkit-box; overflow:hidden; font-size:10px; text-align:left; font-family:'Fira Code'; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .byysqJ { color:var(--grey-200); flex-grow:1; font-size:11px; text-align:left; font-family:'Inter'; font-weight:var(--font-weight-semi-bold); } .eMRiWa { color:var(--grey-400); font-size:inherit; font-family:inherit; font-weight:inherit; padding-left:0px; padding-right:4px; } .eKBFvN { color:var(--grey-200); display:inline; font-size:inherit; word-break:break-all; font-family:inherit; font-weight:inherit; } .zrnjW { color:var(--grey-200); display:inline-block; font-size:11px; text-align:left; font-family:'Inter'; font-weight:var(--font-weight-regular); } .fxXazE { gap:8px; width:100%; align-items:center; flex-direction:row; justify-content:start; } .bGKgQX { gap:8px; flex-grow:1; min-width:0px; min-height:t; flex-shrink:1; padding-top:8px; padding-left:8px; padding-right:8px; } .aYgwP { padding-top:16px; padding-left:16px; padding-right:16px; padding-bottom:16px; } .ckBpMp { width:fit-content; display:flex; user-select:none; } .ckBpMp.fill { width:100%; height:100%; } .ui-tooltip\:47GEO7-yjDpUCuvykxvVr { width:fit-content; overflow:hidden; max-width:calc(100vw - 16px); background: var(--grey-600); box-shadow:0px 1px 2px 0px #00000014; padding-top:6px; user-select:none; padding-left:8px; border-radius:6px; padding-right:8px; padding-bottom:6px; background-color:var(--grey-700); } .dqsoTv { width:fit-content; height:fit-content; } .ui-tooltip\:Fsf7JeC68QVTgt2Pu_369 { width:inherit; height:inherit; } .ui-tooltip\:lfxDS6UmjZ-TVr9HGZ6wY { width:inherit; height:inherit; } .ui-tooltip\:qR_IBiM9LbRMInr37eGdA { display:inline; word-break:break-all; } .bFVuoU { flex-grow:1; min-width:0px; flex-shrink:1; flex-direction:row; } .ui-select\:3sr0HHgJk24IBGn3HgFD9 { flex-grow:1; min-width:0px; flex-shrink:1; flex-direction:row; } .ui-select\:6-f5hciyribZCsDUk9b3M { flex:1; overflow:scroll; max-height:240px; scrollbar-width:none; } .ui-select\:6-f5hciyribZCsDUk9b3M::-webkit-scrollbar { width: 0; } .ui-select\:8dsnVZkWP2bt222nl-wzo { flex:1; } .ui-select\:8dsnVZkWP2bt222nl-wzo:focus { color:var(--grey-200); outline-color:var(--blue-600, #2563EB); outline-style:solid; outline-width:1px; outline-offset:-1px; } .ui-select\:SjFfXNexTzEmR-VqRARlM { color:var(--grey-200); overflow:hidden; min-width:180px; box-shadow:var(--shadow-lg); border-radius:6px; outline-color:var(--blue-600); outline-style:solid; outline-width:1px; background-color:var(--grey-800); } .ui-select\:SjFfXNexTzEmR-VqRARlM:focus { outline-color:var(--blue-600); outline-style:solid; outline-width:1px; } .BEodR { width:fit-content; height:fit-content; font-size:inherit; font-family:inherit; font-weight:inherit; } .ui-select\:WgIDu4kKQREva-cY1iC4C { line-height:1.2; } .ui-select-item\:P-6z86AThaK6WgYWCe1bC:focus { outline:none; } .cZeZUA { gap:8px; flex:1; color:var(--grey-200); display:flex; align-items:center; user-select:none; padding-left:8px; padding-right:8px; flex-direction:row; justify-content:space-between; } .cZeZUA.small { height:24px; font-size:11px; font-weight:400; line-height:20px; } .cZeZUA.medium { height:32px; font-size:13px; font-weight:400; line-height:20px; } .eyVPLS { font-size:inherit; font-family:inherit; font-weight:inherit; } .ui-select-item\:Z8haE3PKAXQaxEjabGjAq { flex:1; } .bruNRz { gap:8px; flex:1; color:inherit; overflow:auto; font-size:inherit; text-align:left; font-weight:inherit; white-space:nowrap; scrollbar-width:none; } .bruNRz::-webkit-scrollbar { width: 0; } .dJSQKe { width:100%; min-height:32px; align-items:start; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:column; padding-bottom:8px; justify-content:center; border-top-color:var(--grey-700); border-top-style:solid; border-top-width:1px; } .cVMNhr { top:0px; left:0px; right:0px; bottom:0px; opacity:0; position:absolute; pointer-events:none; } .ui-select\:rrfOF2-IX7RrWr7ODkJrX { flex:1 1 0%; min-width:0px; align-items:start; flex-direction:row; justify-content:start; } .fFBrnn { width:100%; align-items:center; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:start; } .dFnUhZ { width:100%; display:flex; align-items:center; flex-direction:row; justify-content:flex-start; } .eOqDPn { display:flex; align-items:center; padding-left:8px; padding-right:8px; flex-direction:row; justify-content:flex-end; } .ui-color-input\:9tbz8ZaRR-LvvsbXge_KR { height:100px; } .ui-color-input\:SmTZMiuC9zvqDsAKslTzE { width:272px; outline:none; background: var(--grey-900); box-shadow:1px 4px 8px 0px #0000005c; border-color:var(--grey-800, #262626); border-style:solid; border-width:1px; border-radius:var(--color-picker-border-radius); } .ui-color-input\:eRiDQNgEvP1IkPoOqf4aW { padding-left:12px; } .ui-color-input\:ejnoRvtQz_45YtN8ylPAJ { width:100%; } .dKrzcj { padding-top:8px; padding-left:8px; padding-right:8px; padding-bottom:8px; } .ceqpIo { width:100%; overflow-x:visible; overflow-y:visible; align-items:center; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:space-between; border-bottom-color:var(--grey-800); border-bottom-style:solid; border-bottom-width:1px; } .qLllL { color:var(--label-color, #2DD4BF); font-size:inherit; font-weight:inherit; } .cgcNcw { align-items:center; justify-content:center; } .bUVxyc { flex:1 ; } .gradient-picker\:cdlwVgRkOb3ASGqP4rUHf { flex:1 ; height:32px; display:flex; align-items:center; padding-left:16px; padding-right:16px; flex-direction:row; justify-content:start; } .fmhXxp { width:100%; display:flex; row-gap:0px; column-gap:0px; align-items:flex-start; justify-content:flex-start; border-top-color:var(--grey-800); border-top-style:solid; border-top-width:1px; border-bottom-color:var(--grey-800); border-bottom-style:solid; border-bottom-width:1px; } .busWEs { gap:8px; align-items:center; flex-direction:row; justify-content:start; } .UNkCn { gap:8px; flex:1 ; display:flex; flex-direction:row; grid-template-columns:1fr 1fr; } .cNdusJ { width:100%; height:24px; border-radius:100px; } .phDWN { left:var(--position); color:var(--grey-800, #262626); position:absolute; transform:translate(-50%, 0px); } .eMfisn { width:100%; height:100%; overflow:hidden; position:absolute; border-radius:inherit; background-size:12px 12px; background-color:var(--grey-100, #E5E5E5); background-image:linear-gradient(45deg, var(--grey-300) 25%, transparent 25%), linear-gradient(-45deg, var(--grey-300) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--grey-300) 75%), linear-gradient(-45deg, transparent 75%, var(--grey-300) 75%); background-position:0 0, 0 6px, 6px -6px, -6px 0px; } .nJlhc { gap:8px; width:100%; cursor:default; height:100%; background:var(--gradient); align-items:start; user-select:none; border-radius:inherit; justify-content:center; } .dXeXmP { gap:8px; width:100%; overflow:auto; max-height:224px; padding-top:8px; padding-left:8px; padding-right:8px; padding-bottom:8px; scrollbar-width:none; } .dXeXmP::-webkit-scrollbar { width: 0; } .zSEgU { padding-top:8px; padding-bottom:8px; } .dwZZuX { width:100%; cursor:default; display:flex; row-gap:4px; column-gap:4px; align-items:flex-start; padding-top:8px; user-select:none; padding-left:8px; padding-right:8px; padding-bottom:8px; justify-content:flex-start; } .fBCdMe { color:var(--grey-800); width:fit-content; display:flex; row-gap:4px; font-size:20px; background:var(--bg); box-shadow:0px 2px 8px 0px #00000033; column-gap:4px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-semi-bold); padding-top:16px; padding-left:32px; padding-right:32px; flex-direction:row; padding-bottom:16px; justify-content:flex-start; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .fBCdMe:focus-visible { outline-color:#cfcfcf; outline-style:solid; outline-width:4px; outline-offset:4px; } .dUHShL { display:flex; position:relative; min-height:80px; align-items:center; padding-top:8px; border-color:#00000000; border-style:solid; border-width:3px; padding-left:8px; border-radius:16px; padding-right:8px; padding-bottom:8px; justify-content:center; background-color:var(--grey-50, #FAFAFA); } .dUHShL.drag-over::after { top:4px; left:4px; right:4px; bottom:4px; content:" "; position:absolute; background:; border-color:var(--blue-500); border-style:Dashed; border-width:3px; pointer-events:none; border-top-left-radius:12px; border-top-right-radius:12px; border-bottom-left-radius:12px; border-bottom-right-radius:12px; } .dUHShL:focus-within { outline-color:var(--blue-500); outline-style:solid; outline-width:2px; } .bXKCFL { color:inherit; display:inline-block; } .eWvihF { color:#E5E5E5; width:100%; height:100%; opacity:0; position:absolute; font-size:0.75rem; padding-left:8px; border-radius:6px; padding-right:8px; background-color:#262626; } .style-panel-preview\:fDb1MJbZm_svxlZcUAaJV { color:var(--grey-400); height:100%; display:flex; font-size:13px; background:var(--grey-800); align-items:center; font-weight:var(--font-weight-regular); margin-left:8px; padding-top:0px; aspect-ratio:16/9; border-color:var(--grey-700); border-style:solid; border-width:1px; margin-right:8px; padding-left:0px; margin-bottom:8px; padding-right:0px; padding-bottom:0px; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .wUuEc { color:var(--grey-300); font-size:13px; font-weight:var(--font-weight-regular); text-shadow:0px 0px 2px var(--grey-800); } .feWrrV { width:100%; display:flex; align-items:center; justify-content:center; } .style-panel-preview\:jSeZ4_WqzE_QKQ03PsmAR { rotate:0 0 1 -0.25turn; opacity:0.5; } .dtLyZz { color:var(--bg); row-gap:16px; column-gap:16px; flex-direction:row; } .style-panel-preview\:n7Rr20--MLTBV-syOY9pK { color:var(--bg); } .cevPzx { display:flex; align-items:center; flex-direction:row; justify-content:flex-start; } .dMjnMX { flex:1; color:var(--grey-400); width:100%; display:flex; row-gap:6px; column-gap:6px; max-height:32px; align-items:center; padding-top:8px; padding-left:calc(8px + 12px * 2); padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .dMjnMX:hover { color:var(--grey-200); background:var(--grey-700); } .dMjnMX.highlighted { color:var(--grey-200); background:var(--grey-700); } .dMjnMX.selected { color:var(--grey-200); width:100%; background:var(--blue-600); } .cYyrOj { color:#D946EF; width:32px; height:32px; display:flex; align-items:center; flex-direction:row; justify-content:center; } .cqpJsI { width:100%; display:flex; align-items:center; flex-direction:row; justify-content:space-between; } .style-panel-preview\:tsbhAZDSYawBBBNX8U2y5 { rotate:0 0 1 -0.25turn; opacity:0.5; } .sffHf { width:100%; row-gap:24px; column-gap:24px; padding-top:32px; padding-left:32px; padding-right:32px; padding-bottom:32px; pointer-events:none; border-bottom-left-radius:16px; border-bottom-right-radius:16px; } .eNPVob { flex:1; color:var(--grey-400); width:100%; display:flex; row-gap:6px; column-gap:6px; max-height:32px; align-items:center; padding-top:8px; padding-left:calc(8px + 12px * 2); padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .eNPVob:hover { color:var(--grey-200); background:var(--grey-700); } .eNPVob.highlighted { color:var(--grey-200); background:var(--grey-700); } .eNPVob.selected { color:white; width:100%; background:#BE2BD4; } .style-panel-preview\:wveRwzLyXUNBaHdZuZUlm { color:var(--icon-color); } .style-panel-preview\:xEyouKy5SXKp9iIbhySNu { color:var(--icon-color); } .style-panel-preview\:ymU_kLOb4box-fD3_ibX7 { width:100%; height:50%; position:absolute; border-bottom-left-radius:16px; border-bottom-right-radius:16px; } .style-panel-preview\:zKHtcE9kWqhJaSa4JTE3o { width:100%; border-top-left-radius:16px; border-top-right-radius:16px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; } .feKHeM { flex:1; color:var(--grey-400); width:100%; display:flex; row-gap:6px; column-gap:6px; max-height:32px; align-items:center; padding-top:8px; padding-left:calc(8px + 12px * 3); padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .feKHeM:hover { color:var(--grey-200); background:var(--grey-700); } .feKHeM.highlighted { color:var(--grey-200); background:var(--grey-700); } .feKHeM.selected { color:var(--grey-200); width:100%; background:var(--blue-600); } .website-html-and-css\:Zg-52EU2y5cIJNzOZxvIE { display:none; } @media (min-width: 1024px) { .website-html-and-css\:Zg-52EU2y5cIJNzOZxvIE { width:100%; display:flex; } } .exhliR { width:100%; display:flex; row-gap:16px; column-gap:16px; text-align:center; align-items:center; padding-left:24px; padding-right:24px; justify-content:flex-start; } .elGrss { width:100%; display:flex; row-gap:32px; flex-wrap:wrap; max-width:1440px; min-width:auto; column-gap:32px; align-items:center; flex-direction:column; justify-content:flex-start; } .cbQfjR { width:100%; height:fit-content; display:flex; object-fit:contain; } .fnzLGy { display:flex; row-gap:16px; column-gap:16px; padding-left:24px; padding-right:24px; } @media (min-width: 1024px) { .fnzLGy { display:flex; row-gap:24px; column-gap:24px; padding-left:0px; padding-right:0px; } } .website-html-and-css\:wKXlf9CMHp3huN758AVeF { display:flex; max-width:880px; align-items:center; justify-content:flex-start; } .nordcraft\:7IP8IN4NGeMD7xpEIaaYp { margin-top:-160px; } @media (min-width: 1024px) { .nordcraft\:7IP8IN4NGeMD7xpEIaaYp { margin-top:-240px; } } .dYngxQ { width:100vw; display:flex; flex-grow:1; background: black; flex-basis:0px; align-items:center; flex-shrink:1; justify-content:start; } .emqHmz { color:var(--grey-400); font-size:24px; text-align:center; font-family:"Instrument Serif"; font-weight:var(--font-weight-regular); } .cKSjns { color:var(--grey-400, #A3A3A3); display:inline-block; font-size:16px; font-family:Inter Tight; font-weight:var(--font-weight-light); line-height:24px; } .cIhCDt { gap:16px; padding-left:24px; padding-right:24px; flex-direction:row; } .euDGUH { gap:8px; flex-grow:1; flex-basis:0px; flex-shrink:1; padding-top:16px; padding-left:16px; padding-right:16px; padding-bottom:16px; } .dOCfDk { gap:24px; width:100%; flex-wrap:wrap; max-width:1600px; padding-left:24px; padding-right:24px; flex-direction:column; } @media (min-width: 960px) { .dOCfDk { gap:32px; flex-direction:row; } } .uVxjo { flex:1; cursor:pointer; min-width:240px; box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.2); padding-top:12px; padding-left:12px; border-radius:26px; padding-right:12px; padding-bottom:12px; background-color:var(--grey-900, #171717); } .uVxjo.has-graphics { gap:12px; } .uVxjo:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; background-color:var(--grey-800, #262626); } .uVxjo:hover { background: var(--grey-800); background-color:var(--grey-700, #404040); } .uVxjo:active { background-color:var(--grey-600, #525252); } .dkcgjo { color:var(--grey-400, #A3A3A3); display:inline-block; font-size:16px; font-family:Inter Tight; font-weight:var(--font-weight-regular); line-height:24px; } .eRMqYa { color:var(--grey-200, #E5E5E5); font-size:24px; font-family:Inter Tight; font-weight:var(--font-weight-normal); line-height:32px; } .fnLHyf { gap:8px; width:100%; padding-top:16px; padding-left:16px; padding-right:16px; padding-bottom:16px; } .nordcraft_shared\/nordcraft-footer\:41KsL-teqT_JfR4YbvSFK { width:100%; display:flex; flex-wrap:wrap; align-items:center; flex-direction:row; justify-content:start; } @media (min-width: 960px) { .nordcraft_shared\/nordcraft-footer\:41KsL-teqT_JfR4YbvSFK { display:flex; align-items:start; flex-direction:column; justify-content:center; } } .dmEqJy { color:var(--grey-200); font-size:24px; text-align:center; font-family:"Instrument Serif"; font-weight:var(--font-weight-normal); } @media (min-width: 960px) { .dmEqJy { font-size:48px; line-height:32px; } } .eupsNG { color:var(--grey-200, #E5E5E5); width:48px; cursor:pointer; height:48px; outline:none; align-items:center; border-radius:6px; justify-content:center; } .eupsNG:hover { color:var(--grey-200, #E5E5E5); border-color:var(--grey-800, #262626); border-style:solid; border-width:1px; background-color:var(--grey-800, #262626); } .eupsNG:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:1px; } .nordcraft_shared\/nordcraft-footer\:8Q0fxibCb56hDvvAu3S4f { width:100%; display:flex; flex-wrap:wrap; align-items:center; flex-direction:row; justify-content:start; } @media (min-width: 960px) { .nordcraft_shared\/nordcraft-footer\:8Q0fxibCb56hDvvAu3S4f { display:flex; align-items:start; flex-direction:column; justify-content:center; } } .dVQVAh { gap:8px; flex-grow:1; flex-basis:0px; flex-shrink:1; padding-top:16px; padding-left:16px; padding-right:16px; padding-bottom:16px; } @media (min-width: 960px) { .dVQVAh { flex-grow:0; flex-basis:0px; flex-shrink:0; } } .vkiqP { color:white; width:fit-content; font-size:24px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); outline-style:none; justify-content:center; } .vkiqP:hover { color:var(--light-blue); } .vkiqP:focus-visible { color:var(--light-blue); text-decoration:underline; } .nordcraft_shared\/nordcraft-footer\:FsWkFSv1k-wUlBzwu8ccE { color:var(--grey-400); font-size:16px; } .nordcraft_shared\/nordcraft-footer\:G4WEvbSU0d-AZQkspfQic { color:var(--grey-400); font-size:16px; } .bQCxkY { width:96px; height:160px; flex-grow:1; flex-basis:0px; align-items:center; flex-shrink:1; border-radius:14px; justify-content:center; background-color:#000; } @media (min-width: 960px) { .bQCxkY { width:100%; } } .KDTdX { width:100%; display:flex; align-items:center; padding-top:56px; padding-bottom:56px; justify-content:start; border-top-color:var(--grey-800); border-top-style:solid; border-top-width:1px; } .frdBzL { width:96px; height:160px; flex-grow:1; flex-basis:0px; object-fit:cover; flex-shrink:1; border-radius:14px; } @media (min-width: 960px) { .frdBzL { width:100%; height:256px; } } .nordcraft_shared\/nordcraft-footer\:RJYLLX-5z3l2tMyJxpUpa { color:var(--grey-400); font-size:16px; } .nordcraft_shared\/nordcraft-footer\:RhYkC_NIGpcAWJkTFvi-U { color:var(--grey-400); font-size:16px; } .daEPRs { color:var(--light-blue); font-size:32px; font-family:"Instrument Serif"; font-weight:var(--font-weight-regular); line-height:32px; } .bzNFjv { gap:16px; display:flex; flex-wrap:wrap; align-items:start; padding-left:24px; padding-right:24px; flex-direction:row; justify-content:center; } @media (min-width: 960px) { .bzNFjv { gap:24px; } } .bbUHgv { color:var(--grey-200); width:100%; height:80px; background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/nordcraft:arrow-tree-4x.png/public") scroll padding-box border-box repeat no-repeat center center / 85px 80px; } .bsAJr { gap:16px; display:flex; flex-wrap:wrap; align-items:start; padding-left:24px; padding-right:24px; flex-direction:row; justify-content:center; } @media (min-width: 960px) { .bsAJr { gap:24px; display:flex; align-items:start; flex-direction:row; justify-content:start; } } .dGoOnw { gap:48px; width:100%; display:flex; align-items:center; padding-top:56px; padding-bottom:56px; justify-content:start; border-top-color:var(--grey-800); border-top-style:solid; border-top-width:1px; } .bRvbHv { gap:0.5em; color:var(--flutterby-color, inherit); width:fit-content; font-size:inherit; align-items:center; font-weight:var(--font-weight-light); flex-direction:row; justify-content:start; } .bRvbHv:hover { text-decoration-line: underline; text-decoration-thickness:1px; } .cjBNuy { :; } .nordcraft_shared\/nordcraft-footer\:mueSsN0EldUSKp8HUeL4N { color:var(--grey-200, #E5E5E5); width:48px; cursor:pointer; height:48px; outline:none; align-items:center; border-radius:6px; justify-content:center; } .eNltfH { color:white; display:flex; font-size:20px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); padding-left:24px; padding-right:24px; justify-content:start; } .nordcraft_shared\/nordcraft-footer\:tw5Eb2xJ-Wb8ylG0EuWIH { color:var(--grey-400); font-size:16px; } .nordcraft_shared\/nordcraft-footer\:zqKi60UfeuGHSd6YEyOL6 { width:100%; display:flex; flex-wrap:wrap; align-items:center; flex-direction:row; justify-content:start; } @media (min-width: 960px) { .nordcraft_shared\/nordcraft-footer\:zqKi60UfeuGHSd6YEyOL6 { display:flex; align-items:start; flex-direction:column; justify-content:center; } } .cvehev { width:100%; display:flex; background:black; align-items:center; justify-content:flex-start; scrollbar-width:none; } .cvehev::-webkit-scrollbar { width: 0; } .eskvsZ { color:var(--grey-400); width:100%; cursor:pointer; display:flex; font-size:20px; background:var(--grey-900); text-align:center; align-items:center; font-family:"Inter Tight"; font-weight:var(--font-weight-regular); padding-top:16px; user-select:none; padding-left:24px; border-radius:14px; padding-right:24px; padding-bottom:16px; justify-content:center; -webkit-tap-highlight-color:transparent; } @media (min-width: 640px) { .eskvsZ { width:fit-content; text-align:center; padding-left:48px; padding-right:48px; } } .eskvsZ:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .eskvsZ:hover { color:var(--grey-200); background:var(--grey-800); outline-color:var(--grey-800); outline-style:solid; outline-width:2px; outline-offset:2px; } .eskvsZ:active { color:var(--grey-200); background:var(--grey-600); outline-color:var(--grey-600); outline-style:solid; outline-width:2px; outline-offset:2px; } .website-hero\:1UowvW60lj-xpVPDz_XRR { flex-wrap:wrap; flex-direction:row; } .eKgkZM { width:100%; height:; max-width:1440px; background: #262626cc; box-shadow:0px 1px 1px 0px #ffffff40 inset, 0px 8px 48px 0px #00000099; padding-top:8px; padding-left:8px; padding-right:8px; padding-bottom:8px; border-top-left-radius:22px; border-top-right-radius:22px; border-bottom-left-radius:22px; border-bottom-right-radius:22px; } .dukAJc { border-top-left-radius:13px; border-top-right-radius:13px; border-bottom-left-radius:13px; border-bottom-right-radius:13px; } .fsBtgx { width:fit-content; animation:500ms ease 2s 1 normal backwards running animation-enZdyW; background:var(--grey-900); overflow-x:hidden; overflow-y:hidden; transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) ; flex-direction:row; border-right-color:var(--grey-800); border-right-style:solid; border-right-width:1px; border-top-left-radius:14px; border-bottom-left-radius:14px; } .fsBtgx:hover { scale:1.075 1.075 1; box-shadow:0px 0px 40px 0px #ffffff33; transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) ; outline-color:#a3a3a333; outline-style:solid; outline-width:1px; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @keyframes animation-enZdyW { 0% { opacity: 0; } 0% { translate: -320px 0 0; } 100% { opacity: 1; } 100% { translate: 0; } } .cHQcGs { flex:1 ; display:flex; row-gap:12px; column-gap:12px; align-items:center; flex-direction:row; justify-content:space-between; } .website-demo-editor\:CO1unQe4tdOqgg9M4nZH8 { display:flex; margin-top:128px; } .cfmfiV { width:4px; cursor:ew-resize; height:48px; background: var(--grey-700); border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .foUxBr { height:100%; border-top-left-radius:inherit; border-top-right-radius:inherit; border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; } .eSlHzX { color:var(--grey-400); width:288px; height:fit-content; row-gap:4px; font-size:13px; min-width:; background: var(--grey-800); box-shadow:0px 8px 16px 0px #00000099; column-gap:4px; font-family:Inter Tight; font-weight:var(--font-weight-regular); line-height:20px; padding-top:16px; border-color:var(--grey-700); border-style:solid; border-width:1px; padding-left:16px; padding-right:16px; padding-bottom:16px; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .fkLuSL { color:var(--grey-200); width:100%; height:fit-content; font-size:13px; font-family:Inter Tight; font-weight:var(--font-weight-semi-bold); } .dFDZDb { width:fit-content; bottom:16px; height:fit-content; position:absolute; animation:300ms ease 2000ms 1 normal backwards running animation-ZwiSh; background: var(--grey-900); margin-left:; border-color:var(--grey-800); border-style:solid; border-width:1px; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @keyframes animation-ZwiSh { 0% { opacity: 0; } 0% { translate: 0 72px 0; } 100% { opacity: 1; } 100% { translate: 0 0; } } .fxQxYi { width:400px; cursor:default; height:100%; display:flex; animation:5s ease 0ms 1 normal none running animation-diMMIZ; background:linear-gradient(to top, #ffffff 49%, #ccf8fa 100%) scroll border-box padding-box repeat repeat 0% 0% / auto; overflow-x:hidden; overflow-y:hidden; transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) ; align-items:center; flex-direction:column; justify-content:flex-start; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .fxQxYi:hover { scale:1.05 1.05 1; box-shadow:0px 0px 40px 0px #ffffff33; transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) ; } .dtuZVx { color:var(--grey-800); } .agiTb { width:100%; display:flex; row-gap:16px; column-gap:16px; align-items:center; padding-left:24px; padding-right:64px; flex-direction:row; justify-content:space-between; } .xyIxp { width:100%; row-gap:12px; column-gap:12px; flex-direction:row; } .zNBps { color:var(--grey-400); display:inline-block; font-size:16px; font-family:Inter Tight; font-weight:var(--font-weight-normal); } .eCnEUI { flex:1 ; width:100%; display:flex; row-gap:24px; background: white; box-shadow:0px -8px 16px 0px #0000000d; column-gap:24px; align-items:center; padding-top:24px; padding-left:24px; padding-right:24px; padding-bottom:24px; justify-content:flex-start; border-top-left-radius:24px; border-top-right-radius:24px; } .cHZFOj { color:var(--grey-200); width:100%; display:flex; row-gap:12px; animation:; column-gap:12px; align-items:center; justify-content:flex-start; } .xSPZC { display:flex; align-items:flex-start; justify-content:center; } .ebakyz { display:flex; row-gap:12px; column-gap:12px; transition:all 300ms ease ; align-items:center; padding-top:16px; padding-left:16px; padding-right:16px; padding-bottom:16px; justify-content:center; } .ebakyz.horisontal-scroll:first-of-type { animation:10s ease 0ms 1 normal forwards running animation-bomIKq; } @keyframes animation-bomIKq { 0% { margin-left: 0; } 100% { margin-left: -100px; } } .drPIor { width:100%; animation:6s ease 0ms 1 normal forwards running animation-fjMaPi; container-type:inline-size; } @keyframes animation-fjMaPi { 0% { opacity: 0; } 100% { opacity: 0.6; } } .cxjxOZ { opacity:0.75; position:absolute; animation:60s linear 0ms infinite normal none running animation-bNoKwm, 60s ease 0ms infinite normal forwards running animation-fgLQcz; } @keyframes animation-bNoKwm { 0% { translate: -40cqw 0 0; } 100% { translate: 100cqw 0 0; } } @keyframes animation-fgLQcz { 0% { opacity: 0; } 6% { opacity: 0.75; } } .ePtjxv { opacity:0.3; position:absolute; animation:50s linear 0ms infinite normal forwards running animation-cAhbjH, 50s ease 0ms infinite normal forwards running animation-bhuszf; margin-top:-16px; } @keyframes animation-bhuszf { 0% { opacity: 0; } 10% { opacity: 0.3; } } @keyframes animation-cAhbjH { 0% { translate: -30cqw 0 0; } 100% { translate: 100cqw 0 0; } } .dcSWtM { opacity:0.3; position:absolute; animation:50s linear 0ms infinite normal forwards running animation-dWEGNf, 50s ease 0ms infinite normal forwards running animation-bhuszf; margin-top:-16px; } @keyframes animation-dWEGNf { 0% { translate: 40cqw 0 0; } 100% { translate: 100cqw; } } .fgEgyj { opacity:0.75; position:absolute; animation:60s linear 0ms infinite normal none running animation-cKbzCU, 60s ease 0ms infinite normal forwards running animation-fgLQcz; } @keyframes animation-cKbzCU { 0% { translate: 70cqw 0 0; } 100% { translate: 100cqw 0 0; } } .ekepVi { opacity:0.6; position:absolute; animation:40s linear 0ms infinite normal forwards running animation-cKDpom, 40s ease 0ms infinite normal both running animation-fjMaPi; } @keyframes animation-cKDpom { 0% { translate: 10cqw 0 0; } 100% { translate: 100cqw 0 0; } } .bkaRfK { flex:1 ; display:flex; row-gap:12px; font-size:16px; column-gap:12px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-normal); flex-direction:row; justify-content:flex-start; } @keyframes animation-eEUZVm { 0% { margin-left: -100%; } 100% { margin-left: 0%; } } .dSkMSA { color:var(--grey-500); display:inline-block; font-size:13px; font-family:Inter Tight; font-weight:var(--font-weight-normal); } .fcDaLJ { color:var(--grey-600); width:48px; height:48px; display:flex; background: var(--grey-100); align-items:center; flex-direction:row; justify-content:center; border-top-left-radius:12px; border-top-right-radius:12px; border-bottom-left-radius:12px; border-bottom-right-radius:12px; } .dGTwBY { row-gap:4px; font-size:14px; column-gap:4px; font-family:Inter Tight; font-weight:var(--font-weight-normal); } .cIDFY { width:var(--size); height:var(--size); pointer-events:none; } .demo-project\:GNxUMp32N0wG5GGIdJGf4 { height:; animation:16s linear 0ms infinite normal none running animation-bCLlVc; } @keyframes animation-bCLlVc { 0% { translate: 0 0; } 30% { translate: 0 -16px; } 60% { translate: 0 0; } 80% { translate: 0 -8px; } 100% { translate: 0 0; } } .clPZGe { width:100%; display:flex; animation:; align-items:center; flex-direction:row; justify-content:flex-start; scrollbar-width:none; } .clPZGe::-webkit-scrollbar { width: 0; } .cUMSdC { color:var(--grey-800); width:fit-content; display:inline-block; font-size:13px; background: var(--grey-200); font-family:Inter Tight; font-weight:var(--font-weight-semi-bold); padding-top:8px; padding-left:16px; padding-right:16px; padding-bottom:8px; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .dnOaY { color:var(--grey-800); display:inline-block; font-size:20px; font-family:Inter Tight; font-weight:var(--font-weight-regular); } .cxoBhv { color:var(--grey-800); display:inline-block; font-size:80px; font-family:Inter Tight; font-weight:var(--font-weight-normal); } .sGwzU { width:100%; display:flex; row-gap:4px; column-gap:4px; flex-direction:row; } .cMOpwI { color:var(--grey-400); width:fit-content; display:inline-block; font-size:13px; background:; font-family:Inter Tight; font-weight:var(--font-weight-semi-bold); padding-top:8px; padding-left:16px; padding-right:16px; padding-bottom:8px; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .eoSiMX { color:var(--grey-400); display:inline-block; font-size:13px; font-family:Inter Tight; font-weight:var(--font-weight-normal); } .eWTJnQ { row-gap:4px; column-gap:4px; } .demo-project\:iqGgJIHoobttZ6SXivvvr { height:; } .QJlNs { width:100%; row-gap:16px; column-gap:16px; } .QJlNs.reload { animation:2s linear(0 0%, 0.0101 0.7732%, 0.0417 1.6753%, 0.1551 3.4794%, 0.7747 10.0515%, 1.0083 13.1443%, 1.1503 16.2371%, 1.1871 17.7835%, 1.2045 19.4588%, 1.2056 19.8454%, 1.2056 20.3608%, 1.2019 21.2629%, 1.1789 23.3247%, 1.0429 30.4124%, 0.9959 33.5052%, 0.9686 36.4691%, 0.9613 38.0155%, 0.958 39.5619%, 0.9584 41.366%, 0.963 43.4278%, 0.9909 50.5155%, 1.0007 53.6082%, 1.0065 56.701%, 1.0087 59.7938%, 1.0076 63.6598%, 0.9999 73.7113%, 0.9982 79.8969%, 1.0004 100%) 0ms 1 normal forwards running animation-bhCiyO, 2s ease 0ms 1 normal none running animation-diMMIZ; } @keyframes animation-bhCiyO { 0% { right: -100%; } 100% { right: 0%; } } .ZQLhT { color:var(--grey-800); display:inline-block; font-size:16px; font-family:Inter Tight; font-weight:var(--font-weight-semi-bold); } .UYpiP { width:100%; display:flex; align-items:center; padding-top:24px; padding-left:24px; padding-right:24px; flex-direction:row; padding-bottom:24px; justify-content:space-between; } .website-demo-editor\:bhZhIlRFE7h9I-U1Lk9zT { height:; max-width:400px; } .eSBXtZ { height:600px; display:flex; row-gap:12px; column-gap:12px; align-items:center; flex-direction:column-reverse; justify-content:flex-start; } .bwgqix { width:fit-content; animation:500ms ease 3s 1 normal backwards running animation-cRDjIa; background:var(--grey-900); overflow-x:hidden; overflow-y:hidden; transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) ; flex-direction:row; border-left-color:var(--grey-800); border-left-style:solid; border-left-width:1px; border-top-right-radius:14px; border-bottom-right-radius:14px; } .bwgqix:hover { scale:1.075 1.075 1; box-shadow:0px 0px 40px 0px #ffffff33; transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) ; outline-color:#a3a3a333; outline-style:solid; outline-width:1px; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @keyframes animation-cRDjIa { 0% { opacity: 0; } 0% { translate: 271px 0 0; } 100% { opacity: 1; } 100% { translate: 0 0 0; } } .iHyRg { flex:1 ; height:100%; display:flex; animation:500ms cubic-bezier(0.42, 0, 0.58, 1) 4s 1 normal backwards running animation-diMMIZ; transform:scale(1, 1); overflow-x:hidden; overflow-y:hidden; align-items:center; padding-top:16px; padding-left:16px; padding-right:16px; padding-bottom:16px; justify-content:space-between; } .bhPmYF { height:800px; display:flex; max-width:; background:#000000; max-height:; align-items:flex-end; flex-direction:row; justify-content:space-between; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .bSvyGE { overflow-x:hidden; overflow-y:hidden; border-top-left-radius:inherit; border-top-right-radius:inherit; border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; } .EVIds { width:48px; cursor:ns-resize; height:4px; background: var(--grey-700); border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .website-hero\:7xYhxnMUaQ6AgTeoX0Ju6 { top:0px; opacity:0; animation:4s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards var(--play-state) animation-YkcGg, 4s cubic-bezier(0.42, 0, 0.58, 1) 0s 1 normal forwards running animation-eEnvvD, 6s cubic-bezier(0.42, 0, 0.58, 1) 5s infinite normal forwards running animation-qLnTy; transform:rotate3d(‑100,0,200,‑10deg); pointer-events:none; animation-play-state:var(--play-state); } @keyframes animation-YkcGg { 0% { rotate: 0 0 1 -10deg; } 0% { opacity: 0; } 39.99999999999999% { opacity: 1; } 100% { rotate: -100 10 200 -10deg; } 100% { opacity: 1; } } @keyframes animation-qLnTy { 0% { transform: translateY(0); } 50% { transform: translateY(32px); } 100% { transform: translateY(0); } } @keyframes animation-eEnvvD { 0% { translate: 0 20%; } 39.99999999999999% { translate: 0 0; } 60% { translate: 0 5%; } 100% { translate: 0 0; } } .website-hero\:A3TOyF3RbW34gHtiCfz2u { width:100%; } .cStNAf { color:var(--grey-200); width:100%; font-size:20px; font-family:"Inter Tight"; font-weight:var(--font-weight-semi-bold); } .eRFGmg { width:100%; display:flex; align-items:center; perspective:200px; user-select:none; padding-left:24px; padding-right:24px; justify-content:center; } @media (min-width: 1024px) { .eRFGmg { width:1440px; padding-left:0px; padding-right:0px; } } .PGUgK { width:100%; height:auto; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .website-hero\:KdHHqz16Nmq36RzNWFbCn { width:100%; } .btSPiB { top:-190%; left:-35%; width:fit-content; display:flex; row-gap:8px; z-index:10; position:absolute; font-size:20px; min-width:272px; translate:-50% 0 0; background:var(--grey-800); box-shadow:0px 0px 64px 0px #000000; column-gap:8px; font-family:"Inter Tight"; font-weight:var(--font-weight-regular); line-height:28px; padding-top:16px; padding-left:20px; padding-right:20px; flex-direction:column; padding-bottom:16px; pointer-events:none; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @media (max-width: 960px) { .btSPiB { top:250px; left:50%; position:fixed; animation:2s ease 0ms 1 normal none running animation-empty; } } @keyframes animation-empty { } .elJegC { width:100%; display:flex; row-gap:16px; flex-wrap:wrap; column-gap:16px; flex-direction:row; } @media (min-width: 960px) { .elJegC { display:flex; row-gap:24px; flex-wrap:wrap; column-gap:24px; flex-direction:row; } } .hero-links\:-47pK-WR6mYM6ac5N-hxT { color:var(--grey-400); cursor:pointer; display:flex; row-gap:8px; font-size:16px; column-gap:8px; align-items:center; font-family:"Inter Tight"; font-weight:var(--font-weight-light); user-select:none; outline-color:#000000; outline-style:none; outline-width:2px; flex-direction:row; justify-content:flex-start; } .hero-links\:-47pK-WR6mYM6ac5N-hxT:hover { color:var(--grey-200); text-decoration-color:#ffffff00; text-decoration-style:unset; text-decoration-thickness:0px; } .hero-links\:-47pK-WR6mYM6ac5N-hxT:focus-visible { color:var(--light-blue); text-decoration-line:underline; text-decoration-style:solid; text-underline-offset:3px; text-decoration-thickness:1px; } .bFiPaL { display:none; font-size:inherit; font-family:inherit; font-weight:inherit; } @media (min-width: 1024px) { .bFiPaL { display:flex; } } .cnSmma { font-size:inherit; font-family:inherit; font-weight:inherit; } @media (min-width: 1024px) { .cnSmma { display:none; } } .da-djHt { display:none; font-size:inherit; font-family:inherit; font-weight:inherit; text-decoration:none !important; } @media (min-width: 1024px) { .da-djHt { display:flex; } } .da-djHt:hover { text-decoration-thickness:0px !important; } .dLqcHC { color:var(--grey-400); cursor:pointer; display:flex; row-gap:8px; font-size:16px; column-gap:8px; align-items:center; font-family:"Inter Tight"; font-weight:var(--font-weight-light); user-select:none; outline-color:#000000; outline-style:none; outline-width:2px; flex-direction:row; justify-content:flex-start; } .dLqcHC:hover { color:var(--grey-200); } .dLqcHC:focus-visible { color:var(--light-blue); text-decoration-line:underline; text-decoration-style:solid; text-underline-offset:3px; text-decoration-thickness:1px; } .dAyCCh { width:100%; display:flex; opacity:0; row-gap:16px; z-index:1; animation:1s cubic-bezier(0.42, 0, 0.58, 1) 500ms 1 normal forwards running animation-diMMIZ; max-width:1024px; column-gap:16px; overflow-x:hidden; overflow-y:auto; align-items:flex-start; padding-top:96px; padding-left:24px; padding-right:24px; justify-content:flex-start; scrollbar-width:none; } .dAyCCh::-webkit-scrollbar { width: 0; } @media (min-width: 960px) { .dAyCCh { row-gap:32px; column-gap:32px; padding-top:240px; padding-bottom:240px; } } .dAyCCh.lcp { animation-duration:0s; } .dQiHzE { color: grey-300; } .XrwCB { display:flex; align-items:center; perspective:200px; margin-bottom:96px; justify-content:flex-start; } .Pmjrc { cursor:default; display:inline-block; animation:500ms ease 2000ms 1 normal none running animation-dJbaeN; font-size:inherit; transition:padding-left 300ms ease , padding-right 300ms ease; font-family:inherit; font-weight:inherit; line-height:1; padding-left:0px; padding-right:0px; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } @media (min-width: 1024px) { .Pmjrc { border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } } .Pmjrc:hover { color:var(--grey-50); background:var(--grey-800); transition:padding-left 300ms ease 0ms normal, padding-right 300ms ease , margin-right 300ms ease; margin-right:0px; padding-left:8px; padding-right:8px; } .Pmjrc:focus-visible { color:var(--grey-50); background:var(--grey-800); transition:padding-left 300ms ease 0ms normal, padding-right 300ms ease , margin-right 300ms ease; margin-right:0px; padding-left:8px; outline-color:var(--light-blue); outline-style:solid; outline-width:2px; padding-right:8px; outline-offset:2px; } @media (min-width: 1024px) { .Pmjrc:hover { padding-top:8px; padding-left:12px; padding-right:12px; padding-bottom:8px; } } .Pmjrc.lcp { animation-duration:0s; } @keyframes animation-dJbaeN { 0% { margin-right: 16px; } 0% { padding-right: 0px; } 0% { padding-left: 0px; } 50% { padding-right: 8px; } 50% { padding-left: 8px; } 50% { margin-right: 0; } 100% { margin-right: 16px; } 100% { padding-left: 0px; } 100% { padding-right: 0px; } } .dxnsHi { width:100%; row-gap:12px; flex-wrap:wrap-reverse; column-gap:12px; flex-direction:row; } .fsuOwT { left:%; width:120%; height:; display:flex; animation:2s ease 0ms 1 normal none running animation-fCLezq; max-width:1024px; transform:rotate3d(-100, 10, 200, -10deg); background:#262626cc; box-shadow:0px 1px 1px 0px #ffffff40 inset, 0px 8px 48px 0px #00000099; margin-top:32px; padding-top:8px; padding-left:8px; margin-bottom:98px; padding-right:8px; padding-bottom:8px; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @media (min-width: 1024px) { .fsuOwT { display:none; } } .fsuOwT.lcp { display:flex; } .fxCOiA { color:var(--grey-900); width:100%; cursor:pointer; font-size:20px; background:var(--grey-200); text-align:center; font-family:"Inter Tight"; font-weight:var(--font-weight-regular); padding-top:16px; user-select:none; padding-left:24px; border-radius:14px; padding-right:24px; padding-bottom:16px; -webkit-tap-highlight-color:transparent; } @media (min-width: 640px) { .fxCOiA { width:fit-content; padding-left:48px; padding-right:48px; } } .fxCOiA:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .fxCOiA:hover { background:var(--grey-100); outline-color:var(--grey-100); outline-style:solid; outline-width:2px; outline-offset:2px; } .fxCOiA:active { background:var(--grey-50); outline-color:var(--grey-50); outline-style:solid; outline-width:2px; outline-offset:2px; } .website-hero\:uIH_3Xy7nb8t-3wXN1QSk { background:#9dfaff; } .website-hero\:uIH_3Xy7nb8t-3wXN1QSk:focus-visible { background:white; } .cEqfgl { top:-190%; right:25%; width:fit-content; display:flex; row-gap:8px; z-index:10; position:absolute; animation:300ms linear 0ms 1 normal forwards running animation-diMMIZ; font-size:20px; min-width:272px; background:var(--grey-800); box-shadow:0px 0px 64px 0px #000000; column-gap:8px; font-family:"Inter Tight"; font-weight:var(--font-weight-regular); line-height:28px; padding-top:16px; padding-left:20px; padding-right:20px; flex-direction:column; padding-bottom:16px; pointer-events:none; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @media (max-width: 960px) { .cEqfgl { top:200px; left:50%; position:fixed; translate:-50% 0 0; } } .cCoRmh { color:var(--grey-200); display:inline-block; font-size:40px; text-wrap:balance; text-align:left; font-family:"Inter Tight"; font-weight:var(--font-weight-semi-bold); line-height:48px; } @media (min-width: 1024px) { .cCoRmh { font-size:64px; line-height:88px; } } .cCoRmh.centered { text-align:center; } .cCoRmh::selection { background:#ffffff33; } .website-hero\:xlXPqJ_NSVJqrI9mgENM_ { font-size:38px; } @media (min-width: 1024px) { .website-hero\:xlXPqJ_NSVJqrI9mgENM_ { font-size:72px; } } .cNphsS { width:100%; height:1400px; display:none; align-items:center; justify-content:center; } @media (min-width: 1024px) { .cNphsS { display:flex; position:relative; margin-top:-640px; align-items:center; justify-content:center; } } .cNphsS.lcp { display:none; } .BSIOv { cursor:default; display:inline-block; animation:500ms ease 1500ms 1 normal none running animation-fFnXTd; font-size:inherit; transition:padding-left 300ms ease , padding-right 300ms ease , margin-right 300ms ease; font-family:inherit; font-weight:inherit; line-height:1; margin-right:16px; padding-left:0px; padding-right:0px; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } @media (min-width: 1024px) { .BSIOv { border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } } .BSIOv:hover { color:var(--grey-50); background:var(--grey-800); margin-right:0px; padding-left:8px; padding-right:8px; } .BSIOv:focus-visible { color:var(--grey-50); background:var(--grey-800); margin-right:0px; padding-left:8px; outline-color:var(--light-blue); outline-style:solid; outline-width:2px; padding-right:8px; outline-offset:2px; } @media (min-width: 1024px) { .BSIOv:hover { padding-top:8px; padding-left:12px; padding-right:12px; padding-bottom:8px; } } .BSIOv.lcp { animation-duration:0s; } @keyframes animation-fFnXTd { 0% { padding-right: 0px; } 0% { margin-right: 16px; } 0% { padding-left: 0px; } 50% { padding-right: 8px; } 50% { margin-right: 0; } 50% { padding-left: 8px; } 100% { padding-right: 0px; } 100% { margin-right: 16px; } 100% { padding-left: 0px; } } .eOQvAY { width:100%; bottom:0px; height:660px; position:absolute; background:linear-gradient(#00000000 0%,#000000 52%) scroll padding-box border-box repeat repeat 0% 0% / auto; } .cgUrrs { width:100%; display:flex; row-gap:32px; column-gap:32px; overflow-x:hidden; overflow-y:hidden; align-items:center; padding-top:64px; outline-color:#000000; outline-style:none; outline-width:2px; flex-direction:column; padding-bottom:64px; justify-content:center; scrollbar-width:none; } .cgUrrs::-webkit-scrollbar { width: 0; } @media (min-width: 1024px) { .cgUrrs { padding-top:128px; padding-bottom:128px; } } .ilLoG { width:100%; min-width:96px; background:var(--grey-700); min-height:96px; aspect-ratio:1/1; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } @media (min-width: 1024px) { .ilLoG { min-width:96px; min-height:96px; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } } @media (min-width: 1600px) { .ilLoG { min-width:128px; min-height:128px; } } .ilLoG.selected { background:none; view-transition-name:none; } .periodic-element\:-cjATa2b7gc0bIxh4kdAe { flex:1; display:flex; align-items:center; justify-content:center; } .egMKHk { color:var(--color); font-size:24px; font-family:"Instrument Serif"; font-weight:var(--font-weight-semi-bold); text-transform:capitalize; } .egMKHk.highlighted { color:var(--color); view-transition-name:none; } @media (min-width: 1280px) { .egMKHk { font-size:32px; } } @media (min-width: 1600px) { .egMKHk { font-size:40px; font-family:40; } } .BBvig { color:inherit; font-size:14px; text-align:left; font-family:"Inter Tight"; font-weight:var(--font-weight-regular); text-transform:capitalize; } @media (min-width: 1280px) { .BBvig { font-size:16px; } } @media (min-width: 1600px) { .BBvig { font-size:18px; font-family:24; } } .BBvig.highlighted { color:var(--grey-200); } .eKFHJE { color:inherit; width:100%; display:flex; row-gap:2px; column-gap:2px; align-items:flex-start; justify-content:center; } .eKFHJE.selected { filter:saturate(0); opacity:0.5; } .bmKCsR { width:100%; display:flex; align-items:flex-start; justify-content:flex-start; } .yRzkt { color:var(--color); font-size:40px; font-family:"Instrument Serif"; font-weight:var(--font-weight-semi-bold); } .dBIMB { color:var(--color); font-size:32px; font-family:"Instrument Serif"; font-weight:var(--font-weight-regular); } .dxGVhV { width:480px; display:flex; row-gap:48px; z-index:1; position:relative; animation:300ms ease 0ms 1 normal forwards running animation-bcwxoN; max-width:100%; background:var(--grey-700); box-shadow:0px 0px 800px 0px #000000; column-gap:48px; max-height:90vh; align-items:center; padding-top:24px; padding-left:24px; padding-right:24px; flex-direction:column; padding-bottom:24px; justify-content:flex-start; border-top-left-radius:26px; border-top-right-radius:26px; border-bottom-left-radius:26px; border-bottom-right-radius:26px; } @media (max-width: 540px) { .dxGVhV { width:calc(100dvw - 16px); height:calc(100dvh - 16px); max-width:none; max-height:none; } } @keyframes animation-bcwxoN { 0% { clip-path: xywh(calc(50% - 81px) 62px 162px 162px round 16px); } 20% { clip-path: xywh(calc(50% - 81px) 62px 162px 162px round 16px); } 100% { clip-path: xywh(0 0 100% 100% round 26px); } } .MSSUi { color:var(--grey-400); width:100%; cursor:pointer; height:100%; display:flex; translate:0 0 0; background:var(--grey-900); align-items:flex-start; padding-top:8px; user-select:none; padding-left:8px; padding-right:8px; flex-direction:column; padding-bottom:8px; justify-content:flex-end; border-top-left-radius:inherit; border-top-right-radius:inherit; border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; -webkit-tap-highlight-color:transparent; } .MSSUi:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .MSSUi:hover { background:var(--grey-800); outline-offset:2px; } .MSSUi.highlighted { outline-color:var(--higlight-color); outline-style:solid; outline-width:2px; outline-offset:2px; view-transition-name:none; } .MSSUi.selected { background:var(--grey-900); view-transition-name:none; } @media (min-width: 1024px) { .MSSUi { padding-top:8px; padding-left:16px; padding-right:16px; padding-bottom:16px; } } .dtrKHy { width:auto; height:auto; outline:none; max-width:unset; max-height:unset; } .dtrKHy::backdrop { cursor:default; outline:none; background-color:rgba(0, 0, 0, 0); } .dtrKHy.show-backdrop::backdrop { outline:none; background-color:rgba(0,0,0,0.5); } .dZcAYH { color:var(--color-text-secondary, #A3A3A3); display:inline-block; } .periodic-element\:KecybKrbimLuLbDcnoqZa { top:50%; left:50%; width:fit-content; height:fit-content; z-index:99; position:fixed; translate:-50% -50% 0; } @media (max-width: 540px) { .periodic-element\:KecybKrbimLuLbDcnoqZa { top:0px; left:0px; right:0px; width:100%; bottom:0px; height:100%; max-width:100%; translate:0 0 0; padding-top:8px; padding-left:8px; padding-right:8px; padding-bottom:8px; } } .etAGyP { flex:1; width:100%; display:flex; row-gap:32px; column-gap:32px; overflow-y:auto; scrollbar-width:none; } .etAGyP::-webkit-scrollbar { width: 0; } .eofYTC { width:100%; display:flex; row-gap:12px; column-gap:12px; align-items:flex-start; justify-content:center; } .eoVIEi { width:100%; display:flex; row-gap:2px; column-gap:2px; align-items:flex-start; justify-content:center; } .cTPwvj { width:160px; cursor:pointer; display:flex; animation:2s ease 0ms 2 normal forwards running animation-bWvfNO; background:var(--grey-800); box-shadow:0px 0px 128px 0px var(--shadow); align-items:flex-start; padding-top:20px; user-select:none; aspect-ratio:1/1; border-color:var(--shadow); border-style:solid; border-width:2px; padding-left:20px; padding-right:20px; flex-direction:column; padding-bottom:20px; justify-content:flex-end; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @keyframes animation-bWvfNO { 0% { translate: 0 0; } 50% { translate: 0 -8px; } 100% { translate: 0 0; } } .ftTCNZ { color:var(--grey-200); font-size:40px; font-family:"Inter Tight"; font-weight:var(--font-weight-semi-bold); } .diyhop { color:var(--grey-400); font-size:16px; text-align:left; font-family:"Inter Tight"; font-weight:var(--font-weight-regular); } .periodic-element\:xsY2wegHMW8PRUXcaY9oM { flex:1; } .dMiPeP { width:100%; height:240px; display:flex; background:linear-gradient(#000000 0%,#000000 100%) scroll border-box padding-box repeat repeat 0% 0% / auto; overflow-x:hidden; overflow-y:hidden; align-items:center; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .cYtsSb { top:0px; width:100%; display:flex; row-gap:16px; column-gap:16px; align-items:center; padding-left:24px; padding-right:24px; justify-content:flex-start; } @media (min-width: 1024px) { .cYtsSb { display:flex; row-gap:24px; column-gap:24px; } } .cJOoMj { flex:1; display:flex; row-gap:8px; max-width:160px; column-gap:8px; transition:all 300ms ease; align-items:flex-start; flex-direction:column; justify-content:center; } @media (min-width: 1024px) { .cJOoMj { row-gap:12px; min-width:96px; column-gap:12px; } } @media (min-width: 1600px) { .cJOoMj { row-gap:16px; min-width:128px; column-gap:16px; } } .website-ship-it\:B0sZtnYbmC_ifZmjjjQSq { animation:2s ease 0ms 1 normal none running animation-fiapGR; } @keyframes animation-fiapGR { 0% { margin-left: 0px; } } .website-ship-it\:FzaQREvFnrFFALYvg-YnP { animation:2s ease 0ms 1 normal none running animation-fiapGR; } .website-ship-it\:N5IIkiZpiBZv6yX4C51Dl { animation:2s ease 0ms 1 normal none running animation-fiapGR; } .website-ship-it\:Ohqa0rIeDFEsZIRuxQqKj { animation:2s ease 0ms 1 normal none running animation-fiapGR; } .website-ship-it\:TSC1s0q5AYPFj1gZC2Vu1 { animation:2s ease 0ms 1 normal none running animation-fiapGR; } .website-ship-it\:_5RmYuVX07qtFqI2-xNv3 { animation:2s ease 0ms 1 normal none running animation-fiapGR; } .website-ship-it\:dcHwpJfH7Sm-OCNAM7ruY { max-width:720px; text-align:center; } .website-ship-it\:dh_--SUo4Qd8NX741P3bb { animation:2s ease 0ms 1 normal none running animation-fiapGR; } .website-ship-it\:i7bhlVZzrXNj_XO6PErNi { animation:2s ease 0ms 1 normal none running animation-fiapGR; } .website-ship-it\:jqgFckWtyXVM1txQIVdYj { text-align:center; } .website-ship-it\:lom5_UkNepwaOis5OYiAE { animation:2s ease 0ms 1 normal none running animation-fiapGR; } .eiZTlx { width:100%; display:flex; row-gap:8px; column-gap:8px; overflow-x:scroll; overflow-y:visible; transition:all 300ms ease; align-items:flex-end; padding-top:24px; padding-left:24px; padding-right:24px; flex-direction:row; padding-bottom:24px; justify-content:flex-start; scrollbar-width:none; } .eiZTlx::-webkit-scrollbar { width: 0; } @media (min-width: 1024px) { .eiZTlx { width:100%; display:flex; row-gap:12px; column-gap:12px; align-items:flex-end; flex-direction:row; justify-content:flex-start; } } @media (min-width: 1600px) { .eiZTlx { flex:none; display:flex; row-gap:16px; column-gap:16px; align-items:flex-end; flex-direction:row; justify-content:center; } } .website-ship-it\:wc8bZZZtIjIY2hIc78d9l { animation:2s ease 0ms 1 normal none running animation-fiapGR; } .nordcraft\:FzQ3iApqq3PTyHFjk-KHo { scroll-snap-align:start; } .website-logic-workflows\:root { width:100%; } .website-logic-workflows\:2BrBpRA3aKAsWKPihbRGx { text-wrap:balance; } .bbGDyU { width:100%; height:100%; object-fit:contain; } .dmhTYC { color:var(--grey-200); width:100%; display:flex; background:var(--grey-800); align-items:center; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .jSRAB { align-items:center; perspective:800px; flex-direction:column; justify-content:center; transform-style:preserve-3d; } .ciyODk { gap:12px; top:0px; width:264px; height:400px; opacity:1; z-index:1000; animation:2s linear(0 0%, 0.0058 1.0776%, 0.0241 2.3707%, 0.0951 5.1724%, 0.5957 18.319%, 0.8106 25.8621%, 0.8928 30.1724%, 0.9517 34.6983%, 0.991 39.6552%, 1.0044 42.4569%, 1.0135 45.4741%, 1.0195 49.569%, 1.0206 51.7241%, 1.0205 54.3103%, 1.0184 58.6207%, 1.0085 71.1207%, 1.0039 78.8793%, 1.0009 88.3621%, 0.9997 100%) 0ms 1 normal none running animation-dRtAZe, 2s cubic-bezier(0.42, 0, 0.58, 1) 0ms infinite normal none running animation-enjXj; align-items:start; padding-top:12px; padding-left:12px; border-radius:26px; padding-right:12px; flex-direction:column; padding-bottom:12px; justify-content:start; background-color:var(--grey-800, #262626); transform-origin:center bottom; backface-visibility:hidden; -webkit-backface-visibility:hidden; } @keyframes animation-enjXj { 50% { translate: 0 -16px; } 100% { translate: 0 0; } } @keyframes animation-dRtAZe { 0% { opacity: 0; } 0% { scale: 0.4 0.4 0.4; } 0% { rotate: 0 1 0 900deg; } 100% { opacity: 1; } } .dAvuUv { gap:8px; width:100%; align-items:center; padding-top:16px; padding-left:16px; padding-right:16px; flex-direction:column; padding-bottom:16px; justify-content:start; } .fpYqmU { color:var(--grey-400, #A3A3A3); display:inline-block; font-size:16px; font-weight:var(--font-weight-light); } .WjLVg { color:var(--grey-200, #E5E5E5); font-size:20px; font-weight:var(--font-weight-light); } .dCPPAS { gap:12px; top:0px; width:264px; height:400px; rotate:0 1 0 180deg; opacity:1; z-index:1000; position:absolute; animation:2s linear(0 0%, 0.0058 1.0776%, 0.0241 2.3707%, 0.0951 5.1724%, 0.5957 18.319%, 0.8106 25.8621%, 0.8928 30.1724%, 0.9517 34.6983%, 0.991 39.6552%, 1.0044 42.4569%, 1.0135 45.4741%, 1.0195 49.569%, 1.0206 51.7241%, 1.0205 54.3103%, 1.0184 58.6207%, 1.0085 71.1207%, 1.0039 78.8793%, 1.0009 88.3621%, 0.9997 100%) 0ms 1 normal none running animation-fzTkpK, 2s cubic-bezier(0.42, 0, 0.58, 1) 0ms infinite normal none running animation-enjXj; background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/toddle:nordcrraft-tool-card-backside-1.png/public") scroll border-box padding-box repeat repeat 0% 0% / contain; align-items:start; padding-top:12px; padding-left:12px; border-radius:26px; padding-right:12px; flex-direction:column; padding-bottom:12px; justify-content:start; transform-origin:center bottom; backface-visibility:hidden; -webkit-backface-visibility:hidden; } @keyframes animation-fzTkpK { 0% { opacity: 0; } 0% { scale: 0.4 0.4 0.4; } 0% { rotate: 0 1 0 1080deg; } 100% { opacity: 1; } } .eIugUZ { flex:1; width:100%; flex-direction:column; } .dPZgKo { flex:2; width:100%; display:flex; align-items:center; justify-content:center; } .cPQdKC { display:flex; row-gap:24px; column-gap:24px; align-items:center; justify-content:flex-start; } .bgcFQG { flex:1; display:flex; row-gap:16px; column-gap:16px; } @media (min-width: 1024px) { .bgcFQG { display:flex; row-gap:24px; column-gap:24px; } } .website-logic-workflows\:_zk_toIRC6s1mYHnin6-u { animation:3s ease 0ms 1 normal none running animation-eQpMeu; text-align:center; } @keyframes animation-eQpMeu { 0% { opacity: 0; } 60% { opacity: 0; } 100% { opacity: 1; } } .website-logic-workflows\:e3fkXftLJw0vG9SXow17O { animation:4s ease 0ms 1 normal none running animation-eQpMeu; } .dTkpfy { width:100%; display:flex; row-gap:32px; flex-wrap:wrap; max-width:1440px; min-width:auto; column-gap:32px; align-items:center; flex-direction:column-reverse; justify-content:flex-start; } @media (min-width: 1024px) { .dTkpfy { display:flex; row-gap:64px; column-gap:64px; flex-direction:row; } } .ekBJut { width:100%; display:flex; background:black; align-items:flex-start; padding-top:64px; padding-left:24px; padding-right:24px; flex-direction:row; padding-bottom:64px; justify-content:center; } @media (min-width: 1024px) { .ekBJut { padding-top:128px; padding-bottom:128px; } } .dHsXiJ { width:100%; height:100%; display:flex; row-gap:64px; column-gap:64px; align-items:center; padding-top:32px; padding-left:32px; padding-right:32px; padding-bottom:32px; justify-content:center; } .IOba-D { flex:1; width:100%; height:280px; border-radius:14px; } .bXUrUa { top:0px; left:0px; width:100%; height:100%; position:fixed; animation:3s ease 0ms 1 normal forwards running animation-dsVijM; background:radial-gradient(var(--tool-card--background-color) 25%, #00000000 100%) scroll padding-box border-box repeat repeat 0% 0% / auto; } @keyframes animation-dsVijM { 0% { backdrop-filter: blur(0px); } 0% { --tool-card--background-color: #00000000; } 50% { --tool-card--background-color: #000000; } 100% { backdrop-filter: blur(5px); } } .website-logic-workflows\:t_5PUJgvoZMLk0c6ycMDt { opacity:0; animation:2s cubic-bezier(0.42, 0, 0.58, 1) 3s 1 normal forwards running animation-diMMIZ; } .JvGcR { width:100%; display:flex; background:black; align-items:flex-start; padding-top:64px; padding-left:24px; padding-right:24px; flex-direction:row; padding-bottom:64px; justify-content:center; } @media (min-width: 1024px) { .JvGcR { display:flex; padding-top:128px; padding-left:96px; padding-right:96px; padding-bottom:128px; } } .JLhmb { rotate:0 0 1 180deg; } .website-built-in-nordcraft\:FwiI3_PR4whiZ7Oqtlxqy { color:var(--grey-200); width:100%; height:auto; display:flex; background:var(--grey-800); overflow-y:hidden; align-items:center; aspect-ratio:3/2; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @media (min-width: 800px) { } .cyivhC { width:100%; display:flex; row-gap:32px; flex-wrap:wrap; max-width:2200px; min-width:auto; column-gap:32px; align-items:center; flex-direction:column; justify-content:flex-start; } @media (min-width: 1024px) { .cyivhC { display:flex; row-gap:64px; column-gap:64px; flex-direction:row; } } .bMYczh { scale:var(--scale) var(--scale) 1; width:calc(100% / var(--scale)); height:calc(100% / var(--scale)); background:#171716; box-shadow:none; padding-top:8px; aspect-ratio:3/2; padding-left:8px; padding-right:8px; container-type:size; padding-bottom:8px; transform-origin:left top; border-top-left-radius:22px; border-top-right-radius:22px; border-bottom-left-radius:22px; border-bottom-right-radius:22px; } .bMYczh.root { box-shadow:0px 2px 4px 0px #00000020; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } .DcpCQ { width:328px; height:auto; object-fit:cover; object-position:center top; border-top-left-radius:inherit; border-top-right-radius:inherit; border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; } .ckMOzl { flex:1 ; height:100%; display:flex; transform:scale(1, 1); overflow-x:hidden; overflow-y:hidden; align-items:center; padding-top:16px; padding-left:16px; padding-right:16px; container-type:size; flex-direction:row; padding-bottom:16px; justify-content:space-between; } .csHDON { width:48px; bottom:0px; cursor:ns-resize; height:4px; position:absolute; background: var(--grey-700); border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .fuaLZq { width:100%; height:auto; } .epMLWW { width:300px; height:auto; object-fit:cover; overflow-x:hidden; overflow-y:hidden; object-position:center top; } .ZVXYu { flex:1; width:0px; height:80cqmin; display:flex; row-gap:12px; animation:2s ease 1s 1 normal none running animation-diMMIZ; column-gap:12px; align-items:center; flex-direction:row; justify-content:center; } .full-screen-demo-editor\:Suu3p0dGLC6mINsl4c9PU { transform-origin:center center; } .eqYucK { width:fit-content; height:100%; background:var(--grey-900); overflow-x:hidden; overflow-y:hidden; align-items:start; flex-direction:row; border-right-color:var(--grey-800); border-right-style:solid; border-right-width:1px; border-top-left-radius:14px; border-bottom-left-radius:14px; } .bvTDdL { flex:1 ; display:flex; row-gap:12px; translate:var(--demo-editor-offset-x) var(--demo-editor-offset-y) 0; column-gap:12px; align-items:center; flex-direction:row; justify-content:space-between; } .fjSAuf { width:100%; height:100%; display:flex; max-width:; background: #00000099; max-height:; align-items:flex-end; flex-direction:row; backdrop-filter:blur(5px); justify-content:space-between; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .bIsCgw { left:50%; width:fit-content; bottom:16px; height:fit-content; position:absolute; animation:300ms ease 2000ms 1 normal backwards running animation-fjClTa; translate:-50% 0 0; background: var(--grey-900); margin-left:; border-color:var(--grey-800); border-style:solid; border-width:1px; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @keyframes animation-fjClTa { 0% { opacity: 0; } 0% { margin-bottom: -72px; } 100% { opacity: 1; } 100% { margin-bottom: 0; } } .bwImoT { width:fit-content; height:100%; background:var(--grey-900); overflow-x:hidden; overflow-y:hidden; transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) ; flex-direction:row; border-left-color:var(--grey-800); border-left-style:solid; border-left-width:1px; border-top-right-radius:14px; border-bottom-right-radius:14px; } .NQis { width:44px; height:100%; display:flex; align-items:center; padding-top:6px; padding-left:2px; padding-right:2px; flex-direction:column; padding-bottom:6px; justify-content:space-between; border-right-color:var(--grey-800); border-right-style:solid; border-right-width:1px; } .website-built-in-nordcraft\:WXBGsvv23zfYLjvlNgwaw { width:calc(100% / var(--scale)); height:calc(100% / var(--scale)); aspect-ratio:3/2; transform-origin:center center; } .website-built-in-nordcraft\:fWVxwNbQ0LSbxFBxCYa2f { width:100%; height:100%; display:flex; align-items:center; justify-content:center; } .iHtrQ { flex:2; width:100%; display:flex; align-items:center; justify-content:center; } @media (max-width: 801px) { .iHtrQ { display:none; } } .website-built-in-nordcraft\:nWtbqnrdi8YIMn_QY92d7 { text-wrap:balance; } .dLcsTC { flex:2; width:100%; height:auto; } @media (min-width: 800px) { .dLcsTC { display:none; } } .eoUQE { top:0px; left:0px; z-index:1; position:fixed; flex-direction:row; } .bzyMtA { color:white; width:100%; height:auto; display:flex; font-size:24px; transition:height 300ms ease ; align-items:flex-start; font-family:Inter Tight; font-weight:var(--font-weight-regular); border-bottom:1px solid var(--grey-800); outline-style:none; justify-content:center; } .bMcDsP { row-gap:12px; column-gap:12px; flex-direction:row; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .cMEZvI { left:-100%; } .nordcraft_shared\/nordcraft-website-menu\:0HwRvRWxsIvkIaheopgLk { height:0px; } .nordcraft_shared\/nordcraft-website-menu\:21G3R-AS_BmDuaRDXb-po { color:var(--grey-400); font-size:16px; } .bXucoy { gap:8px; color:var(--light-green); display:flex; font-size:24px; align-items:start; font-family:Inter Tight; font-weight:var(--font-weight-regular); flex-direction:column; justify-content:center; } .fhUBku { width:100%; cursor:default; display:flex; align-items:center; padding-top:24px; padding-left:24px; padding-right:24px; flex-direction:row; padding-bottom:24px; justify-content:space-between; } .fhUBku:hover { color:var(--light-blue); } .fhUBku:focus-visible { color:var(--light-blue); text-decoration:underline; } .veALn { font:var(--font-weight-regular) 16px Inter Tight; color:black; width:fit-content; height:40px; display:flex; background: var(--light-blue); box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.5); align-items:center; padding-left:16px; border-radius:6px; padding-right:16px; justify-content:center; } .veALn.flat { color:white; background: none; box-shadow:0px 0px 0px 0px #00000000; } .veALn:hover { color:black; background: white; } .veALn:focus-visible { outline:2px solid var(--light-blue); outline-offset:2px; } .veALn:active { color:white; background: black; } .veALn.flat:hover { color:var(--grey-50); background: #17171780; box-shadow:0px 0px 0px 0px #00000000; } .nordcraft_shared\/nordcraft-website-menu\:3mKBEKHp5VtMjDD02I_3x { gap:6px; color:white; height:42px; background: var(--grey-800); box-shadow:0px 2px 4px 0px #00000080; flex-direction:row; } .nordcraft_shared\/nordcraft-website-menu\:3mKBEKHp5VtMjDD02I_3x:hover { color:white; background: var(--grey-700); } .eEXyQe { gap:24px; width:100%; display:none; flex-wrap:wrap; background:linear-gradient(to bottom right, #000000 0%, #121212 50%, #000000 100%) scroll padding-box border-box repeat repeat 0% 0% / auto; align-items:center; padding-top:32px; padding-left:32px; border-bottom:1px solid var(--grey-800); padding-right:32px; flex-direction:column; padding-bottom:32px; justify-content:center; } @media (min-width: 960px) { .eEXyQe { gap:24px; display:flex; flex-wrap:wrap; align-items:center; padding-top:32px; padding-left:32px; padding-right:32px; padding-bottom:32px; justify-content:center; } } .nordcraft_shared\/nordcraft-website-menu\:4UMlSPioG0po1fpGIey6j { color:var(--grey-400); font-size:16px; } .eWrUcy { top:0px; color:white; border:1px solid var(--grey-800); display:flex; animation:2s ease 0ms 1 normal none running anim-DbYP43; flex-grow:1; background:var(--grey-900); box-shadow:0px 4px 8px 0px #00000066; flex-basis:0px; transition:top 300ms ease ; align-items:end; flex-shrink:1; padding-top:24px; padding-left:24px; outline-style:none; padding-right:24px; flex-direction:row; padding-bottom:24px; justify-content:space-between; border-top-left-radius:24px; border-top-right-radius:24px; border-bottom-left-radius:24px; border-bottom-right-radius:24px; } .eWrUcy:hover { top:-4px; border:1px solid var(--grey-700); background:var(--grey-800); box-shadow:0px 8px 16px 0px #00000066; transition:top 300ms ease ; } .eWrUcy:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } @keyframes anim-80pu2M { 0% { opacity: 0; } 100% { opacity: 1; } } .YFlxy { color:white; font-size:16px; font-family:Inter Tight; } .cmvWBz { width:100vw; height:100vh; background: #00000080; } .ffHKrQ { rotate:0 0 1 0deg; font-size:inherit; background:; transition:rotate 300ms ease ; font-family:inherit; font-weight:inherit; } .ffHKrQ.open { rotate:0 0 1 180deg; background:; transition:rotate 300ms ease ; } .nordcraft_shared\/nordcraft-website-menu\:9m4gwH89SeTKq68jWUfs7 { color:var(--grey-400); font-size:16px; } .nordcraft_shared\/nordcraft-website-menu\:B8CePX6C-j-G5Y-0DqOKf { color:var(--grey-400); font-size:16px; } .cjwWnJ { gap:24px; width:100%; display:flex; flex-wrap:wrap; align-items:center; flex-direction:row; justify-content:start; } .eBcZrN { gap:12px; color:white; width:42px; height:42px; display:flex; background: var(--grey-800); box-shadow:0px 2px 4px 0px #00000080; align-items:center; padding-top:8px; padding-left:12px; padding-right:12px; flex-direction:row; padding-bottom:8px; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .eBcZrN:hover { background: var(--grey-700); } .eBcZrN.menuShown { color:white; background: var(--grey-900); } .eBcZrN.menuShown:hover { color:white; background: var(--grey-800); } .eBcZrN:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } @keyframes anim-i_WzTz { 0% { opacity: 0; } 100% { opacity: 1; } } .ftGkMh { width:100%; padding-top:24px; padding-left:24px; border-bottom:1px solid var(--grey-800); padding-right:24px; padding-bottom:24px; } .cHgOtZ { gap:8px; color:var(--light-blue); width:100%; display:flex; font-size:24px; align-items:start; font-family:Inter Tight; font-weight:var(--font-weight-regular); flex-direction:column; justify-content:center; } .kFQdk { right:0px; width:100vw; height:100%; display:none; z-index:2; position:fixed; background: var(--grey-900); box-shadow:-16px 0px 16px 0px #00000040; overflow-x:hidden; overflow-y:hidden; transition:margin-right 300ms ease ; align-items:start; border-left:1px solid var(--grey-800); margin-right:-960px; justify-content:space-between; } @media (min-width: 960px) { .kFQdk { width:640px; transition:margin-right 300ms ease ; } } .kFQdk.shown { display:flex; transition:margin-right 300ms ease ; align-items:flex-start; margin-right:0px; justify-content:space-between; } .kFQdk:focus-visible { outline-color:#000000; outline-style:none; outline-width:2px; } .nordcraft_shared\/nordcraft-website-menu\:GINDx_MYdJ-2Q4sIesdHc { color:var(--grey-400); font-size:16px; } .cvtFYg { gap:16px; width:100%; display:flex; flex-wrap:wrap; align-items:start; padding-left:24px; padding-right:24px; flex-direction:row; padding-bottom:24px; justify-content:start; } @media (min-width: 960px) { .cvtFYg { gap:24px; flex-direction:column; } } .bvQngz { color:var(--grey-400); font-size:16px; font-family:Inter Tight; } .nordcraft_shared\/nordcraft-website-menu\:GqvQYRmxXFuBt15mvR_Xe { color:var(--grey-400); font-size:16px; } .dHkknH { gap:16px; color:white; right:0px; width:100vw; bottom:0px; display:flex; position:relative; flex-wrap:wrap; background: var(--grey-900); border-top:1px solid var(--grey-800); align-items:center; padding-top:24px; padding-left:24px; padding-right:24px; flex-direction:column; padding-bottom:96px; justify-content:space-between; } @media (min-width: 960px) { .dHkknH { width:640px; display:flex; flex-direction:row; padding-bottom:24px; } } .nordcraft_shared\/nordcraft-website-menu\:KkUTQ5-gfR8NHa1Lzjpaz { color:var(--grey-400); font-size:16px; } .fpnEYn { gap:12px; font:var(--font-weight-regular) 16px Inter Tight; color:white; width:fit-content; height:40px; display:flex; background: var(--grey-900); align-items:center; padding-top:8px; padding-left:12px; border-radius:6px; padding-right:12px; flex-direction:row; padding-bottom:8px; justify-content:center; } .fpnEYn:hover { color:white; background: var(--grey-800); } .fpnEYn.menuShown { color:white; background: var(--grey-900); } .fpnEYn.menuShown:hover { color:white; background: var(--grey-800); } .fpnEYn:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .nordcraft_shared\/nordcraft-website-menu\:PuMpmyedaLTc4PepOn6Fk { color:var(--grey-400); font-size:16px; } .egrsMy { width:32px; height:32px; rotate:0 0 1 0deg; display:flex; font-size:inherit; background:; transition:rotate 300ms ease ; align-items:center; font-family:inherit; font-weight:inherit; justify-content:center; } .egrsMy.open { rotate:0 0 1 180deg; background:; transition:rotate 300ms ease ; } .nordcraft_shared\/nordcraft-website-menu\:TmReoqhEsamjsHbz6tvdx { color:var(--grey-400); font-size:16px; } .nordcraft_shared\/nordcraft-website-menu\:UYWuXTgizHFpVEh4UJzpY { box-shadow:0px 2px 4px 0px #00000080; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .binUUT { box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.5); flex-direction:row; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } @media (max-width: 960px) { .binUUT { display:none; } } .eHgVbu { width:100vw; flex-grow:1; flex-basis:0px; overflow-y:scroll; flex-shrink:1; padding-bottom:96px; scrollbar-width:none; } .eHgVbu::-webkit-scrollbar { width: 0; } @media (min-width: 960px) { .eHgVbu { width:100%; } } .fzEnQy { top:0px; color:white; border:1px solid var(--grey-800); height:184px; display:flex; animation:2s ease 0ms 1 normal none running anim-DbYP43; flex-grow:1; background: var(--grey-900); box-shadow:0px 4px 8px 0px #00000066; flex-basis:0px; transition:top 300ms ease ; align-items:start; flex-shrink:1; padding-top:24px; padding-left:24px; outline-style:none; padding-right:24px; padding-bottom:24px; justify-content:space-between; border-top-left-radius:24px; border-top-right-radius:24px; border-bottom-left-radius:24px; border-bottom-right-radius:24px; } .fzEnQy:hover { top:-4px; border:1px solid var(--grey-700); background: var(--grey-800); box-shadow:0px 8px 16px 0px #00000066; transition:top 300ms ease ; } .fzEnQy:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } @keyframes anim-DbYP43 { 0% { opacity: 0; } 100% { opacity: 1; } } .boJJOG { top:0px; color:white; border:1px solid var(--grey-800); height:184px; display:flex; animation:2s ease 0ms 1 normal none running anim-DbYP43; flex-grow:1; background:var(--grey-900); box-shadow:0px 4px 8px 0px #00000066; flex-basis:0px; transition:top 300ms ease ; align-items:start; flex-shrink:1; padding-top:24px; padding-left:24px; outline-style:none; padding-right:24px; padding-bottom:24px; justify-content:space-between; border-top-left-radius:24px; border-top-right-radius:24px; border-bottom-left-radius:24px; border-bottom-right-radius:24px; } .boJJOG:hover { top:-4px; border:1px solid var(--grey-700); background:var(--grey-800); box-shadow:0px 8px 16px 0px #00000066; transition:top 300ms ease ; } .boJJOG:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } @keyframes anim-aKvfps { 0% { opacity: 0; } 100% { opacity: 1; } } .nordcraft_shared\/nordcraft-website-menu\:_zQP5e9-6w7Bbc7Dhf3P0 { color:var(--grey-400); font-size:16px; } .nordcraft_shared\/nordcraft-website-menu\:aSzATSJVdHvVZm9SYVOUp { color:var(--grey-400); font-size:16px; } .nordcraft_shared\/nordcraft-website-menu\:bhRLDltIHUI33DKHYZZ4M { color:var(--grey-400); font-size:16px; } .nordcraft_shared\/nordcraft-website-menu\:cUFvsQQg_TprgSFrT5j31 { color:var(--grey-400); font-size:16px; } .nordcraft_shared\/nordcraft-website-menu\:eg6mj6A0AFBsMBAYjhaHb { width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .nordcraft_shared\/nordcraft-website-menu\:eg6mj6A0AFBsMBAYjhaHb:hover { background: var(--grey-800); } .nordcraft_shared\/nordcraft-website-menu\:eg6mj6A0AFBsMBAYjhaHb:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .eGdcot { gap:8px; color:var(--purple-400); width:100%; display:flex; font-size:24px; align-items:start; font-family:Inter Tight; font-weight:var(--font-weight-regular); flex-direction:column; justify-content:center; } .dFgWYt { color:var(--grey-200, #E5E5E5); width:48px; cursor:pointer; height:48px; outline:none; align-items:center; border-radius:6px; justify-content:center; } .dFgWYt:hover { color:var(--grey-200, #E5E5E5); border-color:var(--grey-800, #262626); border-style:solid; border-width:1px; background-color:var(--grey-800, #262626); } .dFgWYt:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .nordcraft_shared\/nordcraft-website-menu\:l-CuUFUFfTPDAxsa1ha9N { color:var(--grey-400); font-size:16px; } .fwgxtk { gap:12px; flex-direction:row; } .cfghjj { gap:16px; width:100%; display:flex; flex-wrap:wrap; align-items:start; padding-top:24px; padding-left:24px; padding-right:24px; flex-direction:row; padding-bottom:24px; justify-content:start; } @media (min-width: 960px) { .cfghjj { gap:24px; flex-direction:column; } } .nordcraft_shared\/nordcraft-website-menu\:oolpv0XA1HGIAycAkQH7U { color:var(--grey-400); font-size:16px; } .nordcraft_shared\/nordcraft-website-menu\:qZXZTaFN8aXMz65LKKqlk { color:var(--grey-400); font-size:16px; } .byphfa { gap:8px; color:var(--light-green); width:100%; display:flex; font-size:24px; align-items:start; font-family:Inter Tight; font-weight:var(--font-weight-regular); flex-direction:column; justify-content:center; } .nordcraft_shared\/nordcraft-website-menu\:rwy2pEABJ1sJWadhsvWST { color:var(--grey-400); font-size:16px; } .exrBeC { color:white; width:100vw; display:flex; font-size:16px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); padding-top:16px; padding-left:16px; border-bottom:1px solid var(--grey-800); padding-right:16px; flex-direction:row; padding-bottom:16px; justify-content:space-between; } @media (min-width: 960px) { .exrBeC { width:100%; } } .bQWvSN { gap:12px; top:0px; right:0px; display:flex; z-index:3; position:fixed; align-items:center; padding-top:16px; padding-left:16px; padding-right:16px; flex-direction:row; padding-bottom:16px; justify-content:end; } .nordcraft_shared\/nordcraft-website-menu\:zP-7V9wowb6ejPMcBaBVc { width:auto; height:20px; } .nordcraft\:QU-8eTHrG7TLo2pABWyZ9 { z-index:3; } .dwIubS { width:100%; display:flex; background:#000000; align-items:center; padding-top:64px; padding-bottom:64px; justify-content:center; } @media (min-width: 1024px) { .dwIubS { padding-top:128px; padding-bottom:128px; } } .fialTl { width:96px; height:96px; object-fit:cover; border-top-left-radius:100%; border-top-right-radius:100%; border-bottom-left-radius:100%; border-bottom-right-radius:100%; } .website-the-tool-we-always-wanted\:1-RurrIz38cQIG4YvYsAe { animation:0.6s ease 0ms 1 normal forwards running animation-cchfJi; } @keyframes animation-cchfJi { 0% { opacity: 0; } 34.00000000000001% { opacity: 0; } 100% { opacity: 1; } } .yCXIn { font-style:italic; } .website-the-tool-we-always-wanted\:20zdP927GHadL_TiBqo8C { color:var(--grey-200); } .website-the-tool-we-always-wanted\:2AraLPiR1g4CB-VOFci-h { width:100%; view-transition-name:love-for-the-web-paper-action; view-transition-class:dialog; } .eviPVy { row-gap:12px; flex-wrap:nowrap; column-gap:12px; overflow-x:scroll; padding-right:24px; flex-direction:row; scrollbar-width:none; } .eviPVy::-webkit-scrollbar { width: 0; } @media (min-width: 1024px) { .eviPVy { overflow-x:visible; overflow-y:visible; padding-right:0px; } } .website-the-tool-we-always-wanted\:3jLN7iUK6SRk1ZYfjg5AG { animation:0.6s ease 0ms 1 normal forwards running animation-cchfJi; } .website-the-tool-we-always-wanted\:6MGzwq1zwttH9rZPHKYt4 { color:var(--grey-200); } .website-the-tool-we-always-wanted\:74YlH4x4pRQpYMCLLmAln:focus { outline-color:#000000; outline-style:none; outline-width:2px; } .website-the-tool-we-always-wanted\:90NThBVsg78l8Y5kV9mJ4 { color:var(--grey-200); } .cohwFh { font-weight:bold; } .ehmMkC { top:50%; left:50%; width:calc(100% - 48px); height:calc(100% - 48px); display:flex; row-gap:24px; position:absolute; animation:0.5s ease 0ms 1 normal none running animation-bVKoNJ; max-width:640px; translate:-50% -50% 0; background:var(--grey-800); box-shadow:0px 0px 32px 0px #00000066; column-gap:24px; max-height:960px; overflow-y:scroll; align-items:flex-start; padding-top:32px; padding-left:24px; outline-color:#000000; outline-style:none; outline-width:2px; padding-right:24px; flex-direction:column; justify-content:flex-start; scrollbar-width:none; border-top-left-radius:26px; border-top-right-radius:26px; border-bottom-left-radius:26px; border-bottom-right-radius:26px; } .ehmMkC::-webkit-scrollbar { width: 0; } @media (min-width: 1024px) { .ehmMkC { height:80vh; max-height:960px; padding-top:56px; padding-left:40px; padding-right:40px; } } .ehmMkC:focus { outline-color:#000000; outline-style:none; outline-width:2px; } @keyframes animation-bVKoNJ { 0% { max-height: 309px; } 100% { max-height: min(960px , 90vh); } } .eoGKbw { width:100%; bottom:0px; display:flex; z-index:2; position:sticky; background:var(--grey-800); align-items:flex-end; padding-bottom:24px; justify-content:flex-start; } @media (min-width: 1024px) { .eoGKbw { padding-bottom:40px; } } .fFpPLx { width:100%; display:flex; row-gap:12px; column-gap:12px; align-items:center; padding-top:32px; padding-bottom:32px; justify-content:center; } .website-the-tool-we-always-wanted\:FZWuiSgjMfEAdqU_8iAKo { animation:0.6s ease 0ms 1 normal forwards running animation-cchfJi; } .bNwuXD { width:100%; display:flex; row-gap:16px; column-gap:16px; align-items:center; padding-left:24px; padding-right:24px; justify-content:flex-start; } @media (min-width: 1024px) { .bNwuXD { display:flex; row-gap:24px; column-gap:24px; padding-left:0px; padding-right:0px; } } .website-the-tool-we-always-wanted\:IqG6_0x9TG_f1VrKQ8nH8 { color:var(--grey-200); } .yBXlZ { color:var(--light-green); font-size:64px; text-wrap:balance; font-family:"Instrument Serif"; line-height:64px; view-transition-name:love-for-the-web-paper-title; view-transition-class:dialog; } .yBXlZ::selection { background:var(--grey-900); } .website-the-tool-we-always-wanted\:SwyeKy7FtdQqN8AyY6drO { animation:0.6s ease 0ms 1 normal forwards running animation-cchfJi; } .foRRli { color:var(--grey-400); display:flex; row-gap:8px; font-size:11px; column-gap:8px; align-items:center; font-family:"Inter Tight"; font-weight:var(--font-weight-normal); user-select:none; flex-direction:row; justify-content:flex-start; } @media (min-width: 1024px) { .foRRli { font-size:13px; } } .website-the-tool-we-always-wanted\:Vup6TuhnZwzZOsQoKfHih { animation:0.6s ease 0ms 1 normal forwards running animation-cchfJi; } .bXMDaN { display:flex; align-items:center; justify-content:center; } .cHuyGo { flex:1; color:var(--grey-200); cursor:pointer; height:320px; display:flex; background:var(--grey-900); transition:background 600ms ease; align-items:flex-start; padding-top:26px; padding-left:26px; outline-style:none; padding-right:26px; padding-bottom:26px; justify-content:space-between; border-top-left-radius:26px; border-top-right-radius:26px; border-bottom-left-radius:26px; border-bottom-right-radius:26px; -webkit-tap-highlight-color:transparent; } @media (min-width: 960px) { .cHuyGo { height:420px; } } .cHuyGo:hover { color:var(--light-green); background:var(--grey-800); transition:background 600ms ease; } .cHuyGo:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .cHuyGo.selected { opacity:0; outline-style:none; view-transition-name:none; } .brand-paper-button\:0jBDq5rrGnlCCCng8YC0J { color:inherit; font-size:32px; text-wrap:balance; transition:color 300ms ease; font-family:"Instrument Serif"; font-weight:var(--font-weight-regular); line-height:1.1; } .brand-paper-button\:OSv3yzv4fkp61mxD2aDys { text-align:left; } .flscNt { flex:1; color:inherit; width:100%; display:flex; } .eSLtET { color:var(--grey-400); width:56px; height:56px; display:flex; background:#26262680; transition:all 600ms ease; align-items:center; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .eSLtET.hovering { color:var(--grey-200); background:var(--grey-700); transition:all 600ms ease; } .daFyym { color:inherit; row-gap:12px; column-gap:12px; } .eyCDeZ { width:100%; display:flex; align-items:flex-end; justify-content:center; } .website-the-tool-we-always-wanted\:aj5QR7yIEWBFDKgGJJUoj { min-width:240px; } .website-the-tool-we-always-wanted\:aoWOfDS3nbMjasw1t4VVu { color:var(--grey-200); } .website-the-tool-we-always-wanted\:d9-BLqjrsCKTjhgMilIX3 { text-align:center; } .website-the-tool-we-always-wanted\:dV61WgL6pPKmuVuB2zTtW { min-width:240px; } .website-the-tool-we-always-wanted\:e0Y1UdpXqk5qtnBHCyUWP { width:100%; view-transition-name:next-leap-paper-action; view-transition-class:dialog; } .website-the-tool-we-always-wanted\:fotPX_cVyIMPoPFL9mcRQ { color:var(--grey-200); } .website-the-tool-we-always-wanted\:i7IBph-i7rm_AOJK18sGA { animation:0.6s ease 0ms 1 normal forwards running animation-cchfJi; } .bondRY { color:var(--light-green); font-size:64px; text-wrap:balance; font-family:"Instrument Serif"; line-height:64px; view-transition-name:next-leap-paper-title; view-transition-class:dialog; } .bondRY::selection { background:var(--grey-900); } .website-the-tool-we-always-wanted\:lPpKFnscYomxFBSRuxoVg { animation:0.6s ease 0ms 1 normal forwards running animation-cchfJi; } .website-the-tool-we-always-wanted\:leVXh4NV-cB5X5KFMMwzz { animation:0.6s ease 0ms 1 normal forwards running animation-cchfJi; } .dMMBkD { color:var(--light-green); font-size:64px; text-wrap:balance; font-family:"Instrument Serif"; line-height:64px; view-transition-name:playfull-paper-title; } .dMMBkD::selection { background:var(--grey-900); } .website-the-tool-we-always-wanted\:r9St2dGBgjXmLPVHpqZeC { animation:0.6s ease 0ms 1 normal forwards running animation-cchfJi; } .cqgAOc { width:100%; row-gap:32px; max-width:1024px; column-gap:32px; flex-direction:column; } .website-the-tool-we-always-wanted\:vP7R-_pybQBaxc3Ug5N1c { animation:0.6s ease 0ms 1 normal forwards running animation-cchfJi; } .website-the-tool-we-always-wanted\:vtnG-EFD1orfBX0i3Pe5S { min-width:240px; margin-left:24px; } @media (min-width: 1024px) { .website-the-tool-we-always-wanted\:vtnG-EFD1orfBX0i3Pe5S { margin-left:0px; } } .website-the-tool-we-always-wanted\:x2v1ySjSr6w-CmtCpzhSv { text-align:center; } .website-the-tool-we-always-wanted\:xCfmvZGIUk-UN4uqu0et4 { width:100%; view-transition-name:playfull-paper-action; view-transition-class:dialog; } .dVzqEU { gap:16px; right:8px; bottom:8px; cursor:default; z-index:100; position:fixed; overflow-x:hidden; overflow-y:hidden; align-items:end; padding-top:4px; user-select:none; padding-left:4px; padding-right:4px; flex-direction:column; padding-bottom:4px; justify-content:end; } .JWrKO { gap:8px; color:var(--grey-900, #171717); width:fit-content; cursor:pointer; font-size:16px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); padding-top:8px; padding-left:16px; border-radius:14px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:center; background-color:var(--light-blue); } .JWrKO:hover { background-color: white; } .JWrKO:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .bEbMdo { gap:12px; width:340px; height:72px; opacity:1; overflow-x:hidden; text-align:left; transition:height 300ms ease 0ms normal, width 300ms ease 0ms normal, opacity 300ms ease 0ms normal; align-items:center; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:16px; flex-direction:row; padding-bottom:8px; justify-content:start; background-color:var(--grey-900, #171717); } .bEbMdo:hover { align-items:center; flex-direction:row; justify-content:start; background-color:var(--grey-700, #404040); } .bEbMdo.minimized { width:160px; height:48px; transition:height 300ms ease 0ms normal, width 300ms ease 0ms normal; align-items:center; flex-direction:row; justify-content:start; } .bEbMdo { @starting-style { opacity:0; transition:opacity 300ms ease 0ms normal; } } @media (max-width: 600px) { .bEbMdo.minimized { width:48px; } } .ekJEuk { width:32px; height:32px; align-items:center; border-radius:6px; justify-content:center; } .eyOPCK { gap:8px; color:var(--grey-400, #A3A3A3); opacity:1; font-size:13px; transition:opacity 400ms ease 0ms normal; align-items:start; font-family:Inter Tight; font-weight:var(--font-weight-regular); flex-direction:column; justify-content:center; } .eyOPCK.minimized { color:var(--grey-200, #E5E5E5); opacity:1; transition:opacity 400ms ease 0ms normal; align-items:start; justify-content:center; } @media (max-width: 600px) { .eyOPCK.minimized { display:none; } } .eyOPCK { @starting-style { opacity:0; } } .dYAOtc { color:var(--grey-200, #E5E5E5); font-size:16px; font-family:Inter Tight; font-weight:var(--font-weight-regular); } .cuEzUu { gap:12px; opacity:1; transition:opacity 300ms ease 0ms normal; align-items:end; justify-content:start; } .cuEzUu { @starting-style { opacity:0; transition:opacity 300ms ease 0ms normal; } } .ckZtrU { gap:4px; left:0px; color:var(--grey-400); width:320px; opacity:1; position:relative; font-size:13px; transition:opacity 300ms ease 0ms normal; font-family:Inter Tight; font-weight:var(--font-weight-regular); } .ckZtrU { @starting-style { left:68px; opacity:0; position:absolute; transition:opacity 300ms ease 0ms normal; } } .ckZtrU.minimized { left:68px; opacity:0; position:absolute; } @media (max-width: 600px) { .ckZtrU.minimized { display:none; } } .fifisA { gap:8px; color:var(--grey-200, #E5E5E5); width:fit-content; cursor:pointer; font-size:16px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); padding-top:8px; padding-left:16px; border-radius:14px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:center; background-color:var(--grey-800, #262626); } .fifisA:hover { color:black; background-color:white; } .fifisA:focus-visible { outline-color:var(--grey-600, #525252); outline-style:solid; outline-width:2px; outline-offset:2px; background-color:var(--grey-600, #525252); } .bHSeVH { gap:16px; width:48px; height:56px; transition:width 300ms ease 0ms normal, height 300ms ease 0ms normal; align-items:center; border-radius:6px; justify-content:center; background-color:white; } .bHSeVH.minimized { width:32px; height:32px; transition:height 300ms ease 0ms normal, width 300ms ease 0ms normal; } .nordcraft\:VBixm_zxMVrghMtridnJU { z-index:3; } .website-css-animations\:root { width:100%; height:fit-content; } .fyAQuX { flex:1; color:var(--grey-400); cursor:pointer; display:flex; background:var(--grey-900); transition:background 1000ms ease; align-items:center; container-type:size; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .fyAQuX:hover { color:var(--grey-900); --speed:5s; background:#ffffff; } .Hiymu { width:64px; background:currentcolor; transition:translate 1000ms linear(0 0%, 0.0009 0.7117%, 0.0034 1.3049%, 0.0144 2.6097%, 0.0586 5.2195%, 0.1313 7.8292%, 0.2356 10.5575%, 0.5338 16.2515%, 1 23.1317%, 0.8675 25.86%, 0.7715 28.707%, 0.7383 30.1305%, 0.7129 31.6726%, 0.6991 33.0961%, 0.6952 33.9265%, 0.6944 34.6382%, 0.6957 35.3499%, 0.6994 36.0617%, 0.7133 37.4852%, 0.7361 38.9087%, 0.7705 40.4508%, 0.8638 43.4164%, 1 46.6192%, 0.9404 48.5172%, 0.8981 50.4152%, 0.8725 52.3132%, 0.8657 53.2622%, 0.8629 54.3298%, 0.8647 55.2788%, 0.8705 56.2278%, 0.8959 58.2444%, 0.9357 60.1423%, 1 62.3962%, 0.9487 65.1246%, 0.9362 66.4294%, 0.9326 67.1412%, 0.9312 67.8529%, 0.9321 68.5647%, 0.9352 69.2764%, 0.9482 70.6999%, 1 73.5469%, 0.9742 75.4448%, 0.9675 76.3938%, 0.9646 77.4614%, 0.9663 78.4104%, 0.973 79.4781%, 1 81.6133%, 0.986 83.0368%, 0.9824 83.7485%, 0.9811 84.4603%, 0.982 85.172%, 0.9852 85.8837%, 0.9997 87.4259%, 0.9918 88.7307%, 0.9898 89.7983%, 0.9923 90.7473%, 0.9998 91.8149%, 0.9954 92.8826%, 0.9945 93.5943%, 0.9959 94.306%, 1 95.1364%, 0.9981 95.6109%, 0.9972 96.3227%, 1 97.3903%, 0.9988 98.102%, 0.9998 98.8138%, 1 100%) /*{"type":"bounce","gravity":2.5,"bounciness":0.75,"drag":0.5}*/ 150ms; aspect-ratio:1/1; border-top-left-radius:99px; border-top-right-radius:99px; border-bottom-left-radius:99px; border-bottom-right-radius:99px; } .Hiymu.checked { translate:73px 0 0; } .dEtqqG { color:currentcolor; width:154px; cursor:pointer; transition:color 300ms ease; padding-top:4px; border-color:currentcolor; border-style:solid; border-width:5px; padding-left:4px; padding-right:4px; padding-bottom:4px; border-top-left-radius:99px; border-top-right-radius:99px; border-bottom-left-radius:99px; border-bottom-right-radius:99px; } .dEtqqG.switched-on { animation:2s linear(0 0%, 0.0101 0.7732%, 0.0417 1.6753%, 0.1551 3.4794%, 0.7747 10.0515%, 1.0083 13.1443%, 1.1503 16.2371%, 1.1871 17.7835%, 1.2045 19.4588%, 1.2056 19.8454%, 1.2056 20.3608%, 1.2019 21.2629%, 1.1789 23.3247%, 1.0429 30.4124%, 0.9959 33.5052%, 0.9686 36.4691%, 0.9613 38.0155%, 0.958 39.5619%, 0.9584 41.366%, 0.963 43.4278%, 0.9909 50.5155%, 1.0007 53.6082%, 1.0065 56.701%, 1.0087 59.7938%, 1.0076 63.6598%, 0.9999 73.7113%, 0.9982 79.8969%, 1.0004 100%) 0ms 1 normal forwards running animation-cmfVFP; } .dEtqqG.switched-off { color:var(--grey-700); animation:2s linear(0 0%, 0.0101 0.7732%, 0.0417 1.6753%, 0.1551 3.4794%, 0.7747 10.0515%, 1.0083 13.1443%, 1.1503 16.2371%, 1.1871 17.7835%, 1.2045 19.4588%, 1.2056 19.8454%, 1.2056 20.3608%, 1.2019 21.2629%, 1.1789 23.3247%, 1.0429 30.4124%, 0.9959 33.5052%, 0.9686 36.4691%, 0.9613 38.0155%, 0.958 39.5619%, 0.9584 41.366%, 0.963 43.4278%, 0.9909 50.5155%, 1.0007 53.6082%, 1.0065 56.701%, 1.0087 59.7938%, 1.0076 63.6598%, 0.9999 73.7113%, 0.9982 79.8969%, 1.0004 100%) 0ms 1 normal forwards running animation-ccvOVY; } .dEtqqG:hover { color:var(--grey-800); } @keyframes animation-ccvOVY { 0% { rotate: 0deg; } 50% { rotate: -30deg; } 100% { rotate: 0deg; } } @keyframes animation-cmfVFP { 0% { rotate: 0 0 1 0deg; } 43.99999999999999% { rotate: 30deg; } 100% { rotate: 0deg; } } .website-css-animations\:-2nK_F9lAjaFQyEiSIQrk { grid-area:switch; background:; } @media (max-width: 800px) { .website-css-animations\:-2nK_F9lAjaFQyEiSIQrk { display:none; } } .dTZrcp { width:100%; display:grid; row-gap:12px; background:black; column-gap:12px; padding-top:64px; padding-left:12px; padding-right:12px; grid-auto-rows:minmax(300px, auto); padding-bottom:64px; grid-template-areas:"square rings rings text-goo text-goo goo goo""empty empty switch title title title clock""sausages text-shadow text-shadow card ball ball ball"; grid-template-columns:repeat(7,1fr); } @media (min-width: 1024px) { .dTZrcp { padding-top:128px; padding-bottom:128px; } } @media (max-width: 2200px) { .dTZrcp { grid-template-areas:"square rings rings text-goo text-goo goo goo" "empty empty empty title title title switch" "empty empty empty title title title clock" "sausages text-shadow text-shadow card ball ball ball"; } } @media (max-width: 1400px) { .dTZrcp { grid-template-areas:"rings rings text-goo goo""switch title title clock""text-shadow text-shadow text-shadow card""sausages ball ball ball"; grid-template-columns:repeat(4,1fr); } } @media (max-width: 800px) { .dTZrcp { grid-template-areas:"rings rings""goo goo""title title""text-goo text-goo""ball ball""clock clock"; grid-template-columns:1fr 1fr; } } .elIErW { flex:1; color:var(--grey-400); display:flex; grid-area:ball; background:var(--grey-900); overflow-x:hidden; overflow-y:hidden; align-items:flex-start; user-select:none; container-type:size; justify-content:center; -webkit-user-select:none; -webkit-touch-callout:none; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .dWVTsN { padding-top:4px; padding-left:8px; padding-right:8px; padding-bottom:4px; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .dWVTsN:hover { color:var(--grey-400); background:var(--grey-700); } .dWVTsN.playing { color:var(--yellow-500); background:var(--grey-700); } .website-css-animation-ball\:3GjWkFQxi08COtzKPrBL1 { font-family:monospace; } .cRnDXG { left:auto; color:var(--yellow-500, #F59E0B); right:0px; outline:none; z-index:10; position:absolute; translate:50% 0 0; align-items:center; justify-content:center; } .cRnDXG:focus { color:var(--blue-500, #3B82F6); } .cRnDXG:hover { color:var(--yellow-400, #FBBF24); } .eiZXxj { top:0px; color:var(--grey-600); width:max(30%, 220px); display:flex; position:sticky; background: var(--grey-800); box-shadow:0px 0px 8px 0px var(--grey-800); align-items:flex-start; flex-direction:column; justify-content:flex-start; } @media (max-width: 500px) { .eiZXxj { display:none; } } .nWCzB { width:30cqmin; height:auto; position:absolute; animation:2s linear(0 0%, 0.0009 0.7117%, 0.0034 1.3049%, 0.0144 2.6097%, 0.0586 5.2195%, 0.1313 7.8292%, 0.2356 10.5575%, 0.5338 16.2515%, 1 23.1317%, 0.8675 25.86%, 0.7715 28.707%, 0.7383 30.1305%, 0.7129 31.6726%, 0.6991 33.0961%, 0.6952 33.9265%, 0.6944 34.6382%, 0.6957 35.3499%, 0.6994 36.0617%, 0.7133 37.4852%, 0.7361 38.9087%, 0.7705 40.4508%, 0.8638 43.4164%, 1 46.6192%, 0.9404 48.5172%, 0.8981 50.4152%, 0.8725 52.3132%, 0.8657 53.2622%, 0.8629 54.3298%, 0.8647 55.2788%, 0.8705 56.2278%, 0.8959 58.2444%, 0.9357 60.1423%, 1 62.3962%, 0.9487 65.1246%, 0.9362 66.4294%, 0.9326 67.1412%, 0.9312 67.8529%, 0.9321 68.5647%, 0.9352 69.2764%, 0.9482 70.6999%, 1 73.5469%, 0.9742 75.4448%, 0.9675 76.3938%, 0.9646 77.4614%, 0.9663 78.4104%, 0.973 79.4781%, 1 81.6133%, 0.986 83.0368%, 0.9824 83.7485%, 0.9811 84.4603%, 0.982 85.172%, 0.9852 85.8837%, 0.9997 87.4259%, 0.9918 88.7307%, 0.9898 89.7983%, 0.9923 90.7473%, 0.9998 91.8149%, 0.9954 92.8826%, 0.9945 93.5943%, 0.9959 94.306%, 1 95.1364%, 0.9981 95.6109%, 0.9972 96.3227%, 1 97.3903%, 0.9988 98.102%, 0.9998 98.8138%, 1 100%) var(--time) infinite normal forwards paused animation-fGcED; transition:width 500ms cubic-bezier(0.42, 0, 0.58, 1) , translate 500ms cubic-bezier(0.42, 0, 0.58, 1) , color 500ms cubic-bezier(0.42, 0, 0.58, 1); aspect-ratio:1/1; transform-origin:center center; animation-play-state:paused; } .nWCzB.active { color:var(--yellow-500); } @keyframes animation-fGcED { 0% { transform: translateX(0); } 100% { transform: translateX(calc(100cqw - 100%)); } } .bTDIVT { display:flex; flex-grow:1; background: var(--grey-900); align-items:center; padding-top:4px; padding-left:8px; padding-right:8px; padding-bottom:4px; justify-content:center; border-top-left-radius:16px; border-top-right-radius:16px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; } .fBzWnb { width:100%; display:flex; row-gap:8px; column-gap:8px; align-items:center; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; justify-content:space-between; } .JqSnh { padding-top:4px; padding-left:8px; padding-right:8px; padding-bottom:4px; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .JqSnh:hover { color:var(--grey-400); background:var(--grey-700); } .doYTet { flex:1; width:100%; display:flex; align-items:flex-start; flex-direction:column; justify-content:center; } .eWeZbe { left:0px; color:var(--yellow-500, #F59E0B); outline:none; z-index:10; position:absolute; translate:-50%; align-items:center; justify-content:center; } .eWeZbe:focus { color:var(--blue-500, #3B82F6); } .eWeZbe:hover { color:var(--yellow-400, #FBBF24); } .JjcwK { width:20px; height:20px; } .sByYR { color:#e5e5e500; font-size:4.2cqw; align-self:center; text-align:center; transition:color 500ms cubic-bezier(0.42, 0, 0.58, 1); font-family:"Instrument Serif"; font-weight:var(--font-weight-regular); line-height:1; padding-left:32px; padding-right:32px; } .sByYR.active { color:var(--grey-200); mix-blend-mode:difference; } .ffPuNo { color:var(--grey-400); width:100%; display:flex; row-gap:8px; column-gap:8px; align-items:center; font-family:"Inter Tight"; font-weight:var(--font-weight-regular); padding-top:8px; padding-left:16px; padding-right:16px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; } .eyDrcv { animation:2s linear 0ms 1 normal none running animation-empty; } .dukOcQ { flex:1; display:flex; padding-left:16px; padding-right:16px; } .tLxYT { cursor:col-resize; height:48px; align-items:start; user-select:none; justify-content:end; } .euhUyF { top:-2px; color:var(--blue-600); width:16px; height:16px; position:absolute; } .cPyONe { top:50%; flex:1; left:var(--offset); position:absolute; translate:-50% calc(-50% - 4px); --adjusted-value:clamp(1, calc(2 - (var(--distance-to-hover) / 2) * 0.5), 2);; } @media (max-width: 1100px) { .cPyONe.odd { display:none; } } .cPyONe.first { translate:0 calc(-50% - 4px); } .cPyONe.last { translate:-100% calc(-50% - 4px); } .TYtYS { gap:2px; width:100%; height:100%; align-items:end; padding-top:3px; padding-left:3px; padding-right:3px; flex-direction:row; padding-bottom:3px; pointer-events:none; justify-content:center; } .cCJAMs { top:0px; left:calc(-2px + var(--offset)); width:4px; cursor:col-resize; height:calc(var(--animation-editor-height, 260px) - 2px); display:flex; position:absolute; align-items:center; flex-direction:row; justify-content:center; } .dGCobo { top:0px; right:var(--offset); width:calc(100% - var(--offset)); height:var(--animation-editor-height, 260px); opacity:0.25; position:absolute; align-items:center; pointer-events:none; justify-content:start; background-color:var(--red-900, #7F1D1D); border-left-color:var(--red-500, #EF4444); border-left-style:solid; border-left-width:1px; } .jzOOT { top:0px; left:0px; width:1px; height:calc(var(--animation-editor-height, 260px) - 2px); opacity:0.5; position:absolute; transform:translate3d(var(--offset), 0, 0); align-items:center; pointer-events:none; justify-content:start; background-color:var(--grey-400, #A3A3A3); } .xVoQL { flex:1; left:var(--offset); scale:1 var(--adjusted-value); width:1px; bottom:0px; height:12.5%; position:absolute; translate:-50% 0 0; background: var(--grey-500); font-weight:var(--font-weight-regular); justify-content:center; --adjusted-value:clamp(1, calc(2 - (var(--distance-to-hover) / 2) * 0.75), 2);; transform-origin:center 100%; } @media (max-width: 1300px) { .xVoQL.twos { display:none; } } .xVoQL.no-step { display:none; } .xVoQL.tenth { height:17.5%; display:flex; background: var(--grey-300); } .xVoQL.active { height:17.5%; background: var(--yellow-500); box-shadow:0px 0px 1px 0px var(--yellow-500); } .bVttAO { top:0px; left:var(--offset); width:calc(100% - var(--offset) + 24px); height:var(--animation-editor-height, 260px); opacity:0.25; position:absolute; align-items:center; pointer-events:none; justify-content:start; background-color:var(--red-900, #7F1D1D); border-left-color:var(--red-500, #EF4444); border-left-style:solid; border-left-width:1px; } .eWPaA { width:2px; height:100%; background-color:var(--blue-600, #2563EB); } .eWEdli { left:0.25em; color:var(--grey-200); font-size:var(--font-size-xs); font-family:inherit; font-weight:var(--font-weight-semi-bold); } .ekjObM { width:100%; height:36px; display:flex; align-items:center; padding-top:8px; flex-direction:row; padding-bottom:8px; justify-content:space-between; } .fBXPhy { width:100%; bottom:0px; filter:saturate(0); height:min(261px, 40%); display:flex; position:relative; align-self:center; background:var(--grey-800); transition:filter 500ms cubic-bezier(0.42, 0, 0.58, 1) , opacity 500ms cubic-bezier(0.42, 0, 0.58, 1); align-items:flex-start; flex-direction:row; justify-content:flex-start; border-top-color:var(--grey-700); border-top-style:solid; border-top-width:1px; transform-origin:center bottom; } .fBXPhy.active { filter:saturate(1); translate:0 0 0; } .ciELtD { width:100%; height:100%; display:flex; row-gap:8px; grid-area:empty; background:var(--grey-900); box-sizing:border-box; column-gap:8px; min-height:536px; align-items:flex-start; padding-top:8px; padding-left:8px; padding-right:8px; container-type:size; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @media (max-width: 1400px) { .ciELtD { display:none; } } .ciELtD.active { background:#121212; } .eyvGyU { flex:1; height:100%; display:flex; background:black; align-items:center; padding-top:10cqh; padding-bottom:10cqh; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .eyvGyU.active { background:#141a48; } .dSNnbz { width:10cqh; z-index:10; animation:4s 0ms infinite normal none running animation-QQbLV var(--timing-function); background:var(--grey-400); transition:background 500ms cubic-bezier(0.42, 0, 0.58, 1); aspect-ratio:1/1; animation-play-state:paused; border-top-left-radius:245px; border-top-right-radius:245px; animation-timing-function:var(--timing-function); border-bottom-left-radius:245px; border-bottom-right-radius:245px; } .dSNnbz.active { background:#ff5b1f; } .dSNnbz.intersecting { animation-play-state:running; } @keyframes animation-QQbLV { 0% { translate: 0 30cqh 0; } 50% { translate: 0 -30cqh 0; } 100% { translate: 0 30cqh 0; } } .cYoRkN { filter:saturate(00); opacity:0.8; box-sizing:border-box; transition:opacity 500ms cubic-bezier(0.42, 0, 0.58, 1) , filter 500ms cubic-bezier(0.42, 0, 0.58, 1); } .cYoRkN.active { filter:saturate(1); opacity:1; } .dKZDMW { width:10cqh; height:70cqh; position:absolute; background:var(--grey-900); border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .dKZDMW.active { background:#050320; } .website-css-animations\:Dp2zb1_WDG_ZoQuYiaOS0 { max-width:800px; text-align:center; } .cjsHdh { flex:1; display:flex; background:var(--grey-900); overflow-x:hidden; overflow-y:hidden; transition:background 1000ms ease; align-items:center; user-select:none; container-type:size; justify-content:center; -webkit-user-select:none; -webkit-touch-callout:none; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .cjsHdh.hover { --speed:5s; background:#ffffff; } .pAkQi { color:#ffffff; width:90cqw; opacity:0; position:relative; font-size:max(1.5rem, 14cqmin); text-wrap:balance; text-align:center; transition:opacity 1000ms cubic-bezier(0.42, 0, 0.58, 1); font-family:"Instrument Serif"; font-weight:var(--font-weight-bolder); line-height:1.2; mix-blend-mode:difference; pointer-events:none; } .pAkQi.hover { opacity:1; } .ehBDvJ { width:18cqmax; rotate:0 0 1 var(--direction); position:absolute; animation:20s ease var(--delay) infinite normal none running animation-faJNjY; background:var(--grey-400); transition:background 1000ms ease , scale 1000ms ease; aspect-ratio:1/1; animation-play-state:paused; border-top-left-radius:18cqmax; border-top-right-radius:18cqmax; border-bottom-left-radius:18cqmax; border-bottom-right-radius:18cqmax; } .ehBDvJ:hover { scale:1.5 1.5 1; z-index:1; animation-duration:5s; } .ehBDvJ.hover { background:#000000; animation-duration:10s; animation-play-state:running; } .ehBDvJ.intersecting { animation-play-state:running; } @keyframes animation-faJNjY { 0% { opacity: 0; } 0% { transform: translate(0, 0); } 3.0000000000000027% { opacity: 1; } 100% { transform: translate(0, 100cqmax); } } .fiOcHn { top:0px; left:0px; width:100%; filter:url(#goo); height:100%; display:flex; position:absolute; overflow-x:hidden; overflow-y:hidden; align-items:center; justify-content:center; } .tQHUZ { width:0px; height:0px; position:absolute; box-sizing:border-box; } .website-css-animations\:GDOy4uhbD1Az0SUnUhCZ6 { grid-area:goo; } .eJpiiU { color:var(--grey-400); display:flex; flex-grow:2; background:var(--grey-900); flex-basis:0%; overflow-x:hidden; overflow-y:hidden; transition:all 500ms ease; align-items:center; flex-shrink:2; padding-top:24px; perspective:500px; user-select:none; padding-left:24px; padding-right:24px; container-type:size; flex-direction:row; padding-bottom:24px; justify-content:center; transform-style:preserve-3d; -webkit-user-select:none; -webkit-touch-callout:none; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .eJpiiU.hover { color:black; background:white; } .dlRYsf { height:53%; background:var(--grey-400); box-shadow:0px 0px 20px 2px #00000020; } .dlRYsf.hover { background:var(--red-500); } .ehJyJa { width:2px; height:8px; rotate:0 0 1 var(--rotate); position:absolute; background:currentcolor; transform-origin:center 50cqw; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .ehJyJa.hour { height:20px; } .ehJyJa.hover-hour { background:var(--red-500); } .dBduJW { width:1px; height:100%; animation:60s steps(60) var(--delay) infinite normal none running animation-cYKjHD, 1s linear(0 0%, 0.0104 0.5961%, 0.0425 1.2668%, 0.1761 2.7571%, 0.8713 7.7496%, 1.1084 9.8361%, 1.1945 10.8793%, 1.2568 11.9225%, 1.2957 12.9657%, 1.3068 13.4873%, 1.3131 14.0835%, 1.3139 14.3815%, 1.3131 14.6796%, 1.3052 15.4247%, 1.2651 16.9896%, 1.0389 22.2057%, 0.9627 24.3666%, 0.9365 25.4098%, 0.9189 26.3785%, 0.9075 27.3472%, 0.9019 28.3905%, 0.9016 28.9866%, 0.9037 29.7317%, 0.9164 31.3711%, 0.9883 36.6617%, 1.012 38.8227%, 1.0256 40.8346%, 1.0289 41.7288%, 1.0307 42.772%, 1.0303 44.1133%, 1.0264 45.7526%, 1.0035 51.1177%, 0.9963 53.2042%, 0.9921 55.1416%, 0.9904 57.079%, 0.9905 58.5693%, 0.9918 60.2086%, 1.0012 67.6602%, 1.003 71.386%, 0.9991 85.842%, 1.0003 100%) 0ms infinite normal none running animation-blACLn; transform-origin:center center; } @keyframes animation-blACLn { 0% { transform: rotateZ(-6deg); } 100% { transform: rotateZ(0deg); } } @keyframes animation-cYKjHD { 0% { rotate: 0deg; } 100% { rotate: 360deg; } } .bmSOJc { top:50%; left:50%; width:4px; height:100%; display:flex; position:absolute; animation:3600s linear animation-blamKl infinite normal none running var(--delay); translate:-50% -50% 0; background:; align-items:center; justify-content:flex-start; transform-origin:center center; } @keyframes animation-blamKl { 0% { rotate: 0turn; } 100% { rotate: 1turn; } } .deDXfj { top:6.6%; width:4px; height:46%; background:currentcolor; box-shadow:0px 0px 20px 0px #00000020; border-top-left-radius:99px; border-top-right-radius:99px; border-bottom-left-radius:99px; border-bottom-right-radius:99px; } .aogpU { top:50%; left:50%; width:20px; height:20px; position:absolute; animation:; translate:-50% -50% 0; background: var(--red-500); transform-origin:center center; view-transition-name:clock-center; border-top-left-radius:99px; border-top-right-radius:99px; border-bottom-left-radius:99px; border-bottom-right-radius:99px; } .eZAiwD { top:12.2%; width:6px; height:43%; background:currentcolor; box-shadow:0px 0px 20px 0px #00000020; border-top-left-radius:99px; border-top-right-radius:99px; border-bottom-left-radius:99px; border-bottom-right-radius:99px; } .sBkp { top:50%; left:50%; width:6px; height:52.5%; position:absolute; animation:86400s linear var(--delay) infinite normal none running animation-cYKjHD; translate:-50% -50% 0; background:; transform-origin:50% 50%; view-transition-name:hour-hand; } .dLqzKc { width:90cqmin; display:flex; background:; align-items:center; aspect-ratio:1/1; container-type:inline-size; justify-content:flex-start; transform-origin:center center; border-top-left-radius:9999px; border-top-right-radius:9999px; border-bottom-left-radius:9999px; border-bottom-right-radius:9999px; } .website-css-animations\:K5b6dk1kFd_mIyu8a-nNe { grid-area:clock; } .jovD { color:var(--grey-700); display:flex; flex-grow:2; background:var(--grey-900); flex-basis:0%; overflow-x:hidden; overflow-y:hidden; transition:all 500ms ease; align-items:center; flex-shrink:2; padding-top:26px; perspective:500px; user-select:none; padding-left:26px; padding-right:26px; container-type:size; flex-direction:row; padding-bottom:26px; justify-content:center; transform-style:preserve-3d; -webkit-user-select:none; -webkit-touch-callout:none; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .jovD.active { color:#000000; background:#bf0891; } .bDoCcc { width:var(--size); height:var(--size); rotate:1 0 0 63deg; position:absolute; animation:1s cubic-bezier(0.42, 0, 0.58, 1) var(--delay) infinite alternate none paused animation-cGDFdR; translate:0 0 29cqw; box-shadow:0px 4px 0px 0px #1a1a1a, 0px 3px 0px 0px #2b2b2b inset; border-color:var(--grey-400); border-style:solid; border-width:3px; transform-style:preserve-3d; animation-play-state:paused; border-top-left-radius:100%; border-top-right-radius:100%; border-bottom-left-radius:100%; border-bottom-right-radius:100%; } .bDoCcc.hover { box-shadow:0px 2px 0px 0px #a3a3a3, 0px 3px 0px 0px #cfcfcf inset; border-color:#d6d6d6; border-style:solid; border-width:2px; animation-play-state:running; } @keyframes animation-cGDFdR { 0% { translate: 0 -15cqw 20cqw; } 100% { translate: 0 15cqw 20cqw; } } .cIwKqi { left:10cqw; width:34cqw; position:absolute; animation:2s ease 0ms 1 normal none running animation-diMMIZ; font-size:max(1.5rem, 6cqw); font-family:"Instrument Serif"; font-weight:var(--font-weight-bolder); line-height:1.1; white-space:pre-line; } @media (max-width: 800px) { .cIwKqi { top:25cqh; left:auto; right:auto; width:90cqw; text-align:center; } } .fzMstA { display:flex; transition:translate 500ms ease; align-items:center; justify-content:center; } .fzMstA.hover { translate:25cqw 0 0; } @media (max-width: 800px) { .fzMstA.hover { translate:0 25cqh 0; } } .website-css-animations\:M_1cHTYZagnAbGVJjcq0K { grid-area:rings; } .dCwqnN { width:100%; display:flex; row-gap:16px; grid-area:title; column-gap:16px; align-items:center; padding-top:32px; padding-left:32px; padding-right:32px; padding-bottom:32px; justify-content:center; } @media (min-width: 1024px) { .dCwqnN { display:flex; row-gap:24px; column-gap:24px; } } .cyIDTI { width:50%; animation:2s linear 0ms infinite normal forwards running animation-cglLwo,2s linear 0ms infinite normal forwards running animation-cYKjHD; background:var(--grey-400); aspect-ratio:1/1; animation-play-state:paused; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } .cyIDTI.hoverStyle { background:#53abe9; } .cyIDTI.intersecting { animation-play-state:running; } @keyframes animation-cglLwo { 0% { border-radius: 5%; } 50% { border-radius: 50%; } 100% { border-radius: 5%; } } .GxEZV { width:fit-content; height:fit-content; rotate:0 0 1 var(--angle); display:flex; align-items:center; justify-content:center; transform-origin:center center; } .website-css-animations\:dl44LemaZChF9TLwX_kRR { width:25%; height:25%; } .website-css-animations\:gW0H3NwWekDtz0se9HE7j { flex:2; color:var(--grey-400); display:flex; flex-wrap:wrap; grid-area:sausages; background:var(--grey-900); transition:all 300ms cubic-bezier(0.42,0,0.58,1); align-items:center; padding-top:26px; padding-left:26px; padding-right:26px; flex-direction:row; padding-bottom:26px; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .website-css-animations\:gW0H3NwWekDtz0se9HE7j:hover { color:#C45C4B; background:#F1D69D; transition:all 300ms cubic-bezier(0.42,0,0.58,1); } @media (max-width: 800px) { .website-css-animations\:gW0H3NwWekDtz0se9HE7j { display:none; } } .fbUrkQ { color:var(--grey-400); cursor:none; display:flex; flex-grow:2; background:var(--grey-900); flex-basis:0%; overflow-x:hidden; overflow-y:hidden; transition:all 500ms ease; align-items:center; flex-shrink:2; perspective:500px; user-select:none; touch-action:none; container-type:inline-size; flex-direction:row; justify-content:center; transform-style:preserve-3d; -webkit-user-select:none; -webkit-touch-callout:none; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .fbUrkQ.hover { color:#0b1560; background:#7479d2; } .byzsYz { color:#00000030; bottom:-2%; display:inline; position:absolute; font-size:inherit; transform:rotateX(60deg) skewX(var(--skew)) scaleY(var(--scale)); transition:opacity 500ms cubic-bezier(0.42, 0, 0.58, 1); font-family:inherit; font-weight:inherit; vertical-align:text-bottom; transform-style:preserve-3d; transform-origin:center bottom; } .byzsYz.hover { opacity:1; } .website-css-animation-text-shadow\:QiKfjwOo5DYldJpbuhXpR { display:flex; align-items:center; justify-content:center; } .bKqXVA { top:-2rem; width:8rem; height:8rem; position:absolute; background:#fdff9980; border-top-left-radius:1000px; border-top-right-radius:1000px; border-bottom-left-radius:1000px; border-bottom-right-radius:1000px; } .bPmfEA { height:0.8em; display:flex; font-size:20cqw; align-items:center; font-family:"Instrument Serif"; font-weight:900; line-height:0.7; justify-content:flex-end; transform-style:preserve-3d; } .website-css-animation-text-shadow\:qjLcqPn8O4J8h_zuqIhjy { font-size:6rem; border-top-left-radius:10vw; border-top-right-radius:10vw; border-bottom-left-radius:10vw; border-bottom-right-radius:10vw; } .website-css-animations\:h7iwcUxVxOwHAJ13-0qBU { flex-grow:3; grid-area:text-shadow; flex-basis:0%; flex-shrink:3; } @media (max-width: 800px) { .website-css-animations\:h7iwcUxVxOwHAJ13-0qBU { display:none; } } .byXEmJ { display:flex; grid-area:square; background:var(--grey-900); transition:all 300ms cubic-bezier(0.42,0,0.58,1); align-items:center; padding-top:26px; padding-left:26px; padding-right:26px; padding-bottom:26px; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .byXEmJ:hover { color:#e6000b; background:#2323b8; transition:all 300ms cubic-bezier(0.42,0,0.58,1); } @media (max-width: 1400px) { .byXEmJ { display:none; } } .mOvcH { width:80%; height:80%; } .website-css-animations\:r2U7EH5nIrx6rztdh9yys { max-width:800px; text-wrap:balance; text-align:center; } .website-css-animation-card\:root { cursor:default; z-index:10; perspective:0500px; user-select:none; } .cSpQeF { width:100%; display:flex; row-gap:8px; column-gap:8px; align-items:center; justify-content:center; } .ercbDf { width:72px; height:72px; border-top-left-radius:999px; border-top-right-radius:999px; border-bottom-left-radius:999px; border-bottom-right-radius:999px; } .dZapsP { width:150%; height:150%; opacity:0.3; position:absolute; translate:var(--offset-x) -100px 0; background:linear-gradient(to bottom right, #ffffff00 35%, #ffffff26 42%, #ffffff57 47%, #ffffff00 51%) scroll padding-box border-box repeat repeat 0% 0%; transition:width 300ms ease; } .WjxJS { width:100%; display:flex; row-gap:24px; column-gap:24px; align-items:flex-start; justify-content:space-between; } .cSvxhi { color:var(--purple-500); display:inline; font-size:20px; text-align:center; font-family:"Inter Tight"; font-weight:var(--font-weight-regular); } .dMfGlF { display:flex; } .cNZHTa { width:100%; cursor:pointer; height:56px; display:flex; background:var(--grey-400); align-items:center; flex-direction:row; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .cNZHTa.active { background:var(--purple-800); } .cNZHTa:hover { background:var(--purple-700); } .bURGHA { width:72px; height:72px; background:var(--grey-400); aspect-ratio:1/1; border-top-left-radius:999px; border-top-right-radius:999px; border-bottom-left-radius:999px; border-bottom-right-radius:999px; } .gQkCT { flex:1; display:flex; row-gap:16px; transform:rotateX(0deg) rotateY(0deg); background:var(--grey-900); column-gap:16px; overflow-x:hidden; overflow-y:hidden; transition:transform 500ms cubic-bezier(0.42, 0, 0.58, 1); align-items:center; padding-top:40px; padding-left:12px; padding-right:12px; padding-bottom:12px; justify-content:space-between; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .gQkCT.active { transform:rotateX(var(--tilt-y)) rotateY(var(--tilt-x)); background:#15042f; transition:transform 0ms cubic-bezier(0.42, 0, 0.58, 1) , all 300ms ease; } .bHwtLi { color:var(--grey-200); display:inline; font-size:20px; font-family:"Inter Tight"; font-weight:var(--font-weight-regular); } .blpxhN { color:var(--grey-200); display:inline; font-size:32px; text-align:center; font-family:"Instrument Serif"; font-weight:var(--font-weight-semi-bold); } .dTPBXT { width:100%; display:flex; row-gap:16px; column-gap:16px; align-items:center; justify-content:center; } .bibYCW { width:100%; display:flex; row-gap:12px; column-gap:12px; align-items:center; justify-content:flex-start; } .eKxHGQ { width:60%; height:24px; background:var(--grey-400); border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .dbHtm { width:80%; height:24px; background:var(--grey-400); border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .website-css-animations\:tiYbZURN3czwOfIoUyupB { grid-area:card; } @media (max-width: 800px) { .website-css-animations\:tiYbZURN3czwOfIoUyupB { display:none; } } .fyBWba { color:var(--grey-400); cursor:default; display:flex; flex-grow:2; background:var(--grey-900); flex-basis:0%; transition:all 500ms ease; align-items:center; flex-shrink:2; padding-top:26px; padding-left:26px; padding-right:26px; container-type:inline-size; flex-direction:row; padding-bottom:26px; justify-content:center; -webkit-user-select:none; -webkit-touch-callout:none; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .fyBWba.hover { color:#383838; background:#C7A997; } .egrIsD { filter:url(#text-goo-filter); display:flex; font-size:min(8rem, 18cqw); align-items:center; font-family:"Instrument Serif"; font-weight:var(--font-weight-bolder); justify-content:center; } .czYcZU { display:block; opacity:0; position:absolute; animation:7.5s cubic-bezier(0.42, 0, 0.58, 1) var(--delay) infinite normal forwards paused animation-jStV; font-size:inherit; text-align:center; font-family:inherit; font-weight:inherit; animation-play-state:paused; } .czYcZU.hover { animation-play-state:running; } .czYcZU.first { opacity:1; } @keyframes animation-jStV { 0% { filter: blur(0); } 0% { opacity: 1; } 10% { opacity: 1; } 10% { filter: blur(0); } 32% { opacity: 0; } 32% { filter: blur(1em); } 78% { filter: blur(1em); } 78% { opacity: 0; } 100% { opacity: 1; } 100% { filter: blur(0); } } .website-css-animations\:tubBnS2KwIe5YdRwlxIi_ { grid-area:text-goo; } .dyRlSV { display:none; } @media (min-width: 1280px) { .dyRlSV { top:; left:; right:; width:fit-content; display:flex; row-gap:16px; z-index:2; position:fixed; column-gap:16px; align-items:center; margin-left:auto; padding-top:16px; margin-right:auto; padding-left:16px; padding-right:16px; flex-direction:column; padding-bottom:16px; justify-content:flex-end; } } .bSpVsE { row-gap:4px; animation:300ms ease 0ms 1 normal none running animation-bdHHCp, 300ms ease 0ms 1 normal none running animation-cJDXep; background: #171717cc; box-shadow:0px 8px 24px 0px #00000099, 0px 1px 1px 0px #ffffff1a inset; column-gap:4px; transition:all 300ms ease ; padding-top:12px; padding-left:12px; padding-right:12px; padding-bottom:12px; backdrop-filter:blur(10px); border-top-left-radius:26px; border-top-right-radius:26px; border-bottom-left-radius:26px; border-bottom-right-radius:26px; } .bSpVsE.product { width:480px; height:140px; } .bSpVsE.learn { width:720px; height:320px; } .bSpVsE.community { width:720px; height:320px; } @keyframes animation-bdHHCp { 0% { scale: 1 1; } 30% { scale: 1.025 1.025; } 100% { scale: 1 1; } } @keyframes animation-cJDXep { 0% { top: 8px; } 50% { top: -8px; } 100% { top: 0px; } } .bArzaX { color:var(--grey-200); width:fit-content; height:40px; display:flex; row-gap:8px; font-size:16px; background:; column-gap:8px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); padding-left:16px; border-radius:6px; padding-right:16px; flex-direction:row; justify-content:center; } .bArzaX:hover { background:var(--grey-900); } .bArzaX:focus-visible { outline:2px solid var(--light-blue); outline-offset:2px; } .dETuwj { row-gap:4px; column-gap:4px; flex-direction:row; } .duYbIA { row-gap:12px; background:; column-gap:12px; flex-direction:row; } .duYbIA:focus-visible { outline-color:#000000; outline-style:none; outline-width:2px; } .efUIso { color:var(--grey-200); width:40px; height:40px; display:flex; background:black; align-items:center; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .cvHnxK { flex:1 ; color:var(--grey-200); cursor:pointer; display:flex; row-gap:12px; animation:; font-size:16px; column-gap:12px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); padding-top:8px; padding-left:8px; padding-right:24px; flex-direction:row; padding-bottom:8px; justify-content:flex-start; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .cvHnxK:hover { background:var(--grey-800); } .cvHnxK:focus-visible { animation:2s ease 0ms 1 normal none running animation-empty; outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .cvHnxK.animate-in { animation:300ms cubic-bezier(0.42, 0, 0.58, 1) 0ms 1 normal both running animation-DYGLl; } @keyframes animation-DYGLl { 0% { margin-top: -6px; } 0% { opacity: 0; } 100% { margin-top: 0px; } 100% { opacity: 1; } } .puXZm { color:var(--grey-200); font-size:inherit; font-family:inherit; font-weight:var(--font-weight-normal); } .a-DweV { color:var(--grey-400); display:flex; row-gap:4px; column-gap:4px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); flex-direction:row; justify-content:flex-start; } .fcAjzk { flex:2 ; row-gap:4px; column-gap:4px; flex-direction:column; } .Ozzjv { flex:1 ; display:flex; background: black; transition:all 300ms ease ; align-items:center; padding-top:32px; border-color:var(--grey-800); border-style:solid; border-width:1px; padding-left:32px; padding-right:32px; padding-bottom:32px; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .RwkEH { color:var(--grey-200); display:inline-block; font-size:24px; text-align:center; font-family:"Instrument Serif"; font-weight:var(--font-weight-regular); line-height:1.2; } .dyXdZq { color:var(--light-blue); display:inline-block; font-size:16px; text-align:center; font-family:"Inter Tight"; font-weight:var(--font-weight-light); line-height:26px; } .dXhMBC { width:100%; display:flex; row-gap:8px; animation:3s ease 0ms 1 normal none running animation-diMMIZ; column-gap:8px; align-items:center; flex-direction:column; justify-content:center; } .cvNvuQ { row-gap:12px; animation:; column-gap:12px; flex-direction:row; } .cvNvuQ:focus-visible { outline-color:#000000; outline-style:none; outline-width:2px; } .nordcraft_shared\/menu-product\:CeO9b-r2i8CQKjBQty4hU { animation:2s ease 0ms 1 normal none running animation-empty; max-height:56px; } .eUGGrp { color:white; width:40px; height:40px; display:flex; background: black; align-items:center; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .fyTJNr { color:var(--light-blue); width:40px; height:40px; display:flex; animation:; background:black; align-items:center; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .kNzhH { flex:2 ; width:fit-content; row-gap:4px; animation:2s ease 0ms 1 normal none running animation-empty; column-gap:4px; flex-direction:column; } .dDCkZg { flex:1 ; display:flex; background: black; transition:all 300ms ease ; align-items:center; padding-top:32px; padding-left:32px; padding-right:32px; padding-bottom:32px; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .eaJqwt { color:white; display:inline-block; font-size:24px; text-align:center; font-family:"Instrument Serif"; font-weight:var(--font-weight-regular); } .dgmkIx { color:var(--grey-400); display:inline-block; font-size:16px; text-align:center; font-family:Inter Tight; font-weight:var(--font-weight-light); } .bJgeiy { width:100%; display:flex; row-gap:12px; animation:3s ease 0ms 1 normal none running animation-diMMIZ; column-gap:12px; align-items:center; flex-direction:column; justify-content:center; } .dRjxgF { width:48px; height:48px; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .epKFiN { color:var(--grey-400); font-size:13px; font-family:Inter Tight; font-weight:inherit; } .EhZeq { color:white; display:inline-block; font-size:24px; text-align:center; font-family:"Instrument Serif"; } .frhATz { display:flex; row-gap:16px; animation:3s ease 0ms 1 normal none running animation-diMMIZ; column-gap:16px; align-items:center; justify-content:center; } .nordcraft_shared\/menu-product\:_zKBd7j6MrmpsgVgPzge4 { animation:; max-height:56px; } .bfQLFH { color:var(--light-blue); font-size:inherit; font-family:inherit; font-weight:var(--font-weight-normal); } .nordcraft_shared\/menu-product\:iVvAptwqnQlzTilOzMX0r { animation:ease 600ms 1 normal forwards running animation-mwGqj 600px; } @keyframes animation-mwGqj { 0% { margin-top: -60px; } 100% { margin-top: 0; } } .flXXlh { color:white; font-size:inherit; font-family:inherit; font-weight:var(--font-weight-normal); } .cNEDxk { color:var(--light-green); font-size:inherit; font-family:inherit; font-weight:var(--font-weight-normal); } .fmVKqO { color:var(--light-green); width:40px; height:40px; display:flex; animation:; background: black; align-items:center; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .bTDDco { color:var(--grey-200); width:fit-content; cursor:pointer; height:40px; display:flex; row-gap:8px; font-size:16px; background:; column-gap:8px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); padding-left:16px; border-radius:6px; padding-right:16px; flex-direction:row; justify-content:center; } .bTDDco:hover { background:var(--grey-900); } .bTDDco:focus-visible { outline:2px solid var(--light-blue); outline-offset:2px; } .nordcraft_shared\/menu-community\:-g8-MQpRpX5Cud1uUUDNb { animation:2s ease 0ms 1 normal none running animation-empty; } .burZwz { color:var(--grey-400); display:flex; row-gap:5px; column-gap:5px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); flex-direction:row; justify-content:flex-start; } .nordcraft_shared\/menu-community\:CeO9b-r2i8CQKjBQty4hU { display:flex; align-items:center; padding-left:8px; padding-right:16px; flex-direction:row; justify-content:space-between; } .TmJPs { color:var(--grey-200); width:40px; height:40px; display:flex; animation:; background:black; align-items:center; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .crDSpw { display:flex; row-gap:12px; column-gap:12px; align-items:center; flex-direction:row; justify-content:space-between; } .bSsxKF { flex:2 ; width:fit-content; row-gap:4px; column-gap:4px; flex-direction:column; } .nordcraft_shared\/menu-community\:_zKBd7j6MrmpsgVgPzge4 { animation:; } .nordcraft_shared\/menu-community\:iVvAptwqnQlzTilOzMX0r { animation:2s ease 0ms 1 normal none running animation-empty; } .cmklEo { color:var(--grey-900); font-size:13px; background:var(--light-green); font-family:inherit; font-weight:inherit; padding-top:4px; padding-left:12px; padding-right:12px; padding-bottom:4px; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .nordcraft_shared\/menu-community\:syDUi7Wd5PC-pnf8n0rCH { animation:2s ease 0ms 1 normal none running animation-empty; } .nordcraft\:blWgNWGLtMirWULUpeAh1 { z-index:2; position:absolute; } .fufPqL { color:var(--grey-400); width:100%; cursor:pointer; display:flex; font-size:20px; background:var(--grey-900); text-align:center; align-items:center; font-family:"Inter Tight"; font-weight:var(--font-weight-regular); padding-top:16px; user-select:none; padding-left:24px; border-radius:14px; padding-right:24px; padding-bottom:16px; justify-content:center; -webkit-tap-highlight-color:transparent; } @media (min-width: 640px) { .fufPqL { width:fit-content; padding-left:48px; padding-right:48px; } } .fufPqL:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .fufPqL:hover { color:var(--grey-200); background:var(--grey-800); outline-color:var(--grey-800); outline-style:solid; outline-width:2px; outline-offset:2px; } .fufPqL:active { color:var(--grey-200); background:var(--grey-600); outline-color:var(--grey-600); outline-style:solid; outline-width:2px; outline-offset:2px; } .nordcraft\:nL4It3mR5ReuQMYQiMWQk { left:12px; width:48px; bottom:12px; height:48px; z-index:3; position:fixed; animation:1s ease 0ms 1 normal none running animation-bCLlVc; padding-top:6px; padding-left:6px; padding-right:6px; padding-bottom:6px; } .daJHpw { gap:12px; top:0px; left:0px; height:72px; display:flex; z-index:2; position:fixed; align-items:flex-start; padding-top:16px; padding-left:16px; padding-right:16px; flex-direction:column; padding-bottom:16px; justify-content:center; } .eecEHM { top:72px; row-gap:4px; position:absolute; animation:300ms ease 0ms 1 normal none running animation-bdHHCp, 300ms ease 0ms 1 normal forwards running animation-cezEvk; background: #171717cc; box-shadow:0px 8px 24px 0px #00000099, 0px 1px 1px 0px #ffffff1a inset; column-gap:4px; transition:all 300ms ease ; padding-top:12px; padding-left:12px; padding-right:12px; padding-bottom:12px; backdrop-filter:blur(10px); border-top-left-radius:26px; border-top-right-radius:26px; border-bottom-left-radius:26px; border-bottom-right-radius:26px; } @keyframes animation-cezEvk { 0% { top: 72px; } 50% { top: 64px; } 100% { top: 72px; } } .dgtBZn { display:flex; row-gap:12px; column-gap:12px; align-items:center; flex-direction:row; justify-content:flex-start; } .cxskTK { gap:8px; font:var(--font-weight-semi-bold) 13px Fira Code; color:var(--light-blue); width:fit-content; border:1px solid var(--grey-600); cursor:pointer; height:32px; display:none; outline: none ; background: rgba(23, 23, 23, 0.8); box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.5); align-items:center; padding-top:8px; padding-left:12px; border-radius:8px; padding-right:12px; flex-direction:row; padding-bottom:8px; justify-content:start; } @media (min-width: 960px) { .cxskTK { gap:8px; font:var(--font-weight-semi-bold) 13px Fira Code; color:var(--light-blue); width:fit-content; border:1px solid var(--grey-600); cursor:pointer; height:32px; display:flex; outline:none ; background:rgba(23, 23, 23, 0.8); box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.5); align-items:center; padding-top:8px; padding-left:12px; border-radius:8px; padding-right:12px; flex-direction:row; padding-bottom:8px; justify-content:start; } } .cxskTK:hover { color:black; background: var(--grey-100); } .cxskTK:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .cxskTK:active { background: var(--grey-50); } .ethcmr { color:var(--grey-200); cursor:pointer; display:none; outline: none ; padding-top:8px; padding-left:8px; padding-right:8px; flex-direction:row; padding-bottom:8px; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } @media (min-width: 960px) { .ethcmr { display:flex; } } .ethcmr:hover { color:var(--grey-50); } .ethcmr:focus-visible { transform:scale(1.1, 1.); outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .nordcraft_shared\/menu-logo\:CeO9b-r2i8CQKjBQty4hU { animation:2s ease 0ms 1 normal none running animation-empty; max-height:56px; } .nordcraft_shared\/menu-logo\:_zKBd7j6MrmpsgVgPzge4 { animation:; max-height:56px; } .egkcwx { width:fit-content; } .edKJPx { color:white; cursor:pointer; outline: none ; flex-direction:row; } .edKJPx:focus-visible { color:var(--light-blue); transform:scale(1.1, 1.); } @media (min-width: 960px) { .edKJPx { display:none; } } .nordcraft\:ub2lfczq1FCtY_HmRDOh9 { top:0px; left:8px; position:absolute; } @media (max-width: 960px) { } .bUinWB { width:100%; height:100%; display:flex; background:black; align-items:flex-start; padding-top:64px; padding-left:24px; padding-right:24px; flex-direction:row; padding-bottom:64px; justify-content:center; } @media (min-width: 1024px) { .bUinWB { display:flex; padding-top:128px; padding-bottom:128px; } } .website-work-together\:-noxSU_6Mm1swa_6VJmgq { font-size:1em; text-align:center; } .website-work-together\:2BrBpRA3aKAsWKPihbRGx { font-size:clamp(1.25rem, 5vw, 2rem); text-wrap:balance; text-align:center; } .byrTpN { flex:1; display:flex; align-self:stretch; align-items:center; container-type:size; justify-content:center; } .KgKgV { left: ; width:100%; height:48px; display:flex; position:relative; container-type:size; flex-direction:column; } .exFyMk { top:0px; left:0px; width:max(4cqw, 50px); height:auto; display:flex; position:absolute; animation:4s linear 0ms infinite alternate none running animation-fbVYiI; background:var(--grey-200); align-items:center; aspect-ratio:1/1; justify-content:center; transform-origin:left top; animation-play-state:paused; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .exFyMk.intersecting { animation-play-state:running; } @keyframes animation-eKkfIB { 0% { translate: 0px 10cqh 0; } 13% { translate: calc(25cqw - 100%) 0px 0; } 48% { translate: calc(50cqw - 100%) calc(100cqh - 100%) 0; } 80% { translate: calc(75cqw - 100%) 0px 0; } 100% { translate: calc(100cqw - 100%) 10cqh 0; } } @keyframes animation-fbVYiI { 0% { translate: 10cqw 0 0; } 12% { translate: 0 calc(25cqw - 100%) 0; } 46% { translate: calc(100cqw - 100%) calc(50cqh - 100%) 0; } 80% { translate: 0 calc(75cqh - 100%) 0px; } 100% { translate: 10cqw calc(100cqh - 100%) 0; } } .bWWGzd { width:1px; height:100%; background:var(--grey-800); } .coeAEA { width:max(30cqw, 130px); height:100%; display:flex; animation:2s linear -3.5s infinite alternate none paused animation-fogSYT; font-size:32px; background:var(--grey-200); align-items:center; font-family:"Instrument Serif"; font-weight:var(--font-weight-semi-bold); justify-content:center; animation-play-state:paused; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .coeAEA.intersecting { animation-play-state:running; } @keyframes animation-fogSYT { 0% { translate: 0 0 0; } 100% { translate: calc(100cqw - 100%) 0 0 ; } } .gjxuw { width:max(30cqw, 130px); height:100%; display:flex; animation:2s linear 0ms infinite alternate none paused animation-fogSYT; font-size:32px; background:var(--grey-200); align-items:center; font-family:"Instrument Serif"; font-weight:var(--font-weight-semi-bold); justify-content:center; animation-play-state:paused; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .gjxuw.intersecting { animation-play-state:running; } .UqWlS { width:100%; height:100%; display:none; position:absolute; flex-wrap:wrap; align-items:center; border-color:var(--grey-800); border-style:solid; border-width:8px; flex-direction:row; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @media (max-width: 800px) { .UqWlS { width:100%; height:100%; display:flex; position:absolute; flex-wrap:wrap; align-items:center; border-color:var(--grey-800); border-style:solid; border-width:8px; flex-direction:column; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } } .dfvaqz { left: ; width:48px; height:100%; display:flex; position:relative; container-type:size; flex-direction:column; } .czOjpv { width:100%; height:100%; display:flex; background:var(--grey-900); align-items:center; padding-top:12px; padding-left:12px; padding-right:12px; container-type:size; padding-bottom:12px; justify-content:center; border-top-left-radius:26px; border-top-right-radius:26px; border-bottom-left-radius:26px; border-bottom-right-radius:26px; } .ccDdlT { rotate:0 0 1 -90deg; display:inline; font-size:inherit; font-family:inherit; font-weight:inherit; } .pANff { width:90%; display:flex; row-gap:1em; font-size:clamp(1rem, 4vw, 1.25rem); max-width:865px; align-self:center; background:#171717d9; column-gap:1em; align-items:center; padding-top:16px; border-color:var(--grey-800); border-style:solid; border-width:1px; padding-left:16px; padding-right:16px; padding-bottom:16px; backdrop-filter:blur(10px); justify-content:flex-start; border-top-left-radius:26px; border-top-right-radius:26px; border-bottom-left-radius:26px; border-bottom-right-radius:26px; } @media (min-width: 1024px) { .pANff { display:flex; row-gap:24px; min-width:min(380px, 100%); column-gap:24px; padding-top:40px; padding-left:40px; padding-right:40px; padding-bottom:40px; } } .vvCgG { width:100%; height:30%; display:flex; animation:4s linear -3.5s infinite alternate-reverse forwards paused animation-ebkIgN; font-size:32px; background:var(--grey-200); align-items:center; font-family:"Instrument Serif"; font-weight:var(--font-weight-semi-bold); justify-content:center; animation-play-state:paused; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .vvCgG.intersecting { animation-play-state:running; } @keyframes animation-ebkIgN { 0% { translate: 0 0 0; } 100% { translate: 0px 70cqh 0; } } @keyframes animation-fjpUdA { 0% { translate: 0 0 0; } 100% { translate: 70cqw 0 0 ; } } .cfXJHL { width:100%; height:1px; background:var(--grey-800); } .fuqOnu { width:100%; height:30%; display:flex; animation:4s linear 0s infinite alternate-reverse forwards paused animation-ebkIgN; font-size:32px; background:var(--grey-200); align-items:center; font-family:"Instrument Serif"; font-weight:var(--font-weight-semi-bold); justify-content:center; animation-play-state:paused; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .fuqOnu.intersecting { animation-play-state:running; } @media (max-width: 800px) { .fuqOnu { width:30cqw; height:100%; animation:2s linear 0ms infinite alternate none running animation-fjpUdA; writing-mode:initial; } } .website-work-together\:go5JTwQ9BN9eddnPgQRBo { width:100%; height:100%; } .dOwDul { width:100%; height:100%; display:flex; position:absolute; flex-wrap:wrap; align-items:center; border-color:var(--grey-800); border-style:solid; border-width:8px; flex-direction:row; justify-content:center; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @media (max-width: 800px) { .dOwDul { display:none; align-items:flex-start; flex-direction:column; justify-content:flex-start; } } .cLNdOQ { top:0px; left:0px; width:max(4cqw, 50px); height:auto; display:flex; position:absolute; animation:4s linear 0ms infinite alternate-reverse both paused animation-eKkfIB; background:var(--grey-200); align-items:center; aspect-ratio:1/1; justify-content:center; transform-origin:left top; animation-play-state:paused; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .cLNdOQ.intersecting { animation-play-state:running; } .nordcraft\:zdWBnYGttegxjghAOZH39 { max-height:1280px; }