@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-epilogue: 'Epilogue',sans-serif; --font-firacode: 'Fira Code',monospace; /* 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; } } } .cDWSqo { width:100%; display:flex; background: var(--grey-900); overflow-x:hidden; align-items:center; justify-content:start; } .dwzeeC { flex:1; color:var(--grey-400); cursor:pointer; height:200px; display:flex; row-gap:8px; animation:2s ease 0ms 1 normal none running animation-diMMIZ; font-size:20px; min-width:400px; background:var(--grey-900); column-gap:8px; align-items:flex-start; font-family:Inter Tight; font-weight:var(--font-weight-regular); line-height:32px; padding-top:24px; padding-left:24px; padding-right:24px; padding-bottom:24px; justify-content:flex-start; border-left-color:var(--grey-900); border-left-style:solid; border-left-width:4px; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @media (min-width: 960px) { .dwzeeC { height:180px; padding-top:32px; padding-left:32px; padding-right:32px; padding-bottom:32px; } } .dwzeeC.selected { color:var(--grey-200); background:var(--grey-800); border-left-color:var(--light-blue); border-left-style:solid; border-left-width:4px; border-top-left-radius:0px; border-bottom-left-radius:0px; } .dwzeeC:hover { color:var(--grey-400); background:var(--grey-800); border-left-color:var(--light-blue); border-left-style:solid; border-left-width:4px; border-top-left-radius:0px; border-top-right-radius:14px; border-bottom-left-radius:0px; border-bottom-right-radius:14px; } .dwzeeC.selected:hover { color:var(--grey-200); } .dwzeeC:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } @keyframes animation-diMMIZ { 0% { opacity: 0; } 100% { opacity: 1; } } .chIoQN { color:var(--grey-50); font-size:48px; font-family:Inter Tight; font-weight:var(--font-weight-semi-bold); line-height:58px; } .nordcraft-for-web-agencies\:2sUzttMVuXHKaG7zP0euI { text-align:center; } .claTyX { top:0px; left:0px; width:100%; height:800px; position:absolute; animation:2s ease 0ms 1 normal forwards running animation-bKWLPE; object-fit:cover; } @keyframes animation-bKWLPE { 0% { opacity: 0; } 100% { opacity: 0.4; } } .daRYCW { font-size:20px; font-family:Inter Tight; font-weight:var(--font-weight-semi-bold); } .euiTBS { flex:1; width:100%; display:flex; row-gap:24px; flex-wrap:wrap; background:; column-gap:24px; align-items:center; padding-top:64px; flex-direction:column; padding-bottom:64px; justify-content:center; } @media (min-width: 960px) { .euiTBS { row-gap:32px; column-gap:32px; padding-top:96px; padding-bottom:96px; } } .cJAZkP { width:100%; display:flex; row-gap:32px; column-gap:32px; align-items:flex-start; padding-top:64px; padding-bottom:64px; justify-content:flex-start; } @media (min-width: 960px) { .cJAZkP { display:flex; row-gap:56px; column-gap:56px; align-items:center; justify-content:flex-start; } } .cOjwte { border:1px solid var(--grey-800); flex-grow:1; background:linear-gradient(#212121 0%, var(--grey-800) 100%) scroll border-box padding-box repeat repeat 0% 0% / auto; box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.2); flex-basis:0px; flex-shrink:1; padding-top:12px; padding-left:12px; border-radius:26px; padding-right:12px; padding-bottom:12px; } .bVZXDQ { width:100%; background:; border-radius:14px; } @media (min-width: 960px) { .bVZXDQ { width:auto; height:640px; } } .any-api-or-headless-cms\:-N0T3jBSw_0rx86bqr9rF { flex:1; width:100%; min-width:240px; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:8px; padding-bottom:8px; } .cJdYZ { flex:1; display:flex; row-gap:12px; background:var(--grey-900); column-gap:12px; min-height:80px; align-items:center; padding-top:64px; padding-left:32px; padding-right:32px; padding-bottom:64px; justify-content:center; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .elrwBw { color:var(--grey-400); font-size:20px; font-family:Inter Tight; font-weight:var(--font-weight-light); line-height:30px; } @media (min-width: 960px) { .elrwBw { font-size:24px; line-height:34px; } } .any-api-or-headless-cms\:37bXGCyKMxc_JFuAC2LZt { display:inline; text-align:center; } .egkcwx { width:fit-content; } .any-api-or-headless-cms\:3Wrjxvt7YOmYEA0tsOHa7 { color:white; } .any-api-or-headless-cms\:4zExOkvURgYannEVHSqN- { color:white; } .any-api-or-headless-cms\:55Amkxg2IpeveNxHdjvxN { color:white; } .any-api-or-headless-cms\:6LVyWb94bJQPvKKkmOZmA { color:white; } .any-api-or-headless-cms\:81SzgE7pD7YH_Wk56e56H { width:100%; min-width:240px; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:8px; padding-bottom:8px; } .cKlGJx { display:flex; row-gap:32px; flex-wrap:wrap; column-gap:32px; align-items:flex-start; flex-direction:row; justify-content:flex-start; } @media (min-width: 960px) { .cKlGJx { width:100%; flex-direction:row; } } .any-api-or-headless-cms\:DxDq7BmiBljUbwYWzGYRI { width:100%; min-width:240px; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:8px; padding-bottom:8px; } .falFgn { color:var(--grey-400); font-size:18px; font-family:Inter Tight; font-weight:var(--font-weight-light); line-height:26px; } .any-api-or-headless-cms\:H-H6g9_rploHDIy7zujWX { text-align:center; } .any-api-or-headless-cms\:LB1-Ht01W8wmS4zeYS583 { width:100%; min-width:240px; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:8px; padding-bottom:8px; } .cmUNpN { width:fit-content; align-items:flex-start; justify-content:flex-start; } .any-api-or-headless-cms\:LIkkbkqsFyTadOR0rsYvs { color:white; } .any-api-or-headless-cms\:M16Qat6aiha4bZeVtarR3 { color:white; } .any-api-or-headless-cms\:MN451jle2oYw8UTjRIEvr { color:white; } .eHcxX { width:100%; display:flex; row-gap:32px; background:black; column-gap:32px; overflow-x:scroll; overflow-y:visible; align-items:flex-start; padding-top:32px; padding-left:32px; padding-right:32px; flex-direction:row; padding-bottom:32px; 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; } .eHcxX::-webkit-scrollbar { width: 0; } @media (min-width: 960px) { .eHcxX { display:flex; flex-wrap:wrap; background:none; overflow-x:visible; overflow-y:visible; align-items:flex-start; padding-top:0px; padding-left:0px; padding-right:0px; flex-direction:column; padding-bottom:0px; justify-content:flex-start; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } } .any-api-or-headless-cms\:NadrWcYZYGXHo4pUM5V2s { width:100%; min-width:240px; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:8px; padding-bottom:8px; } .any-api-or-headless-cms\:O3ESGmPQuDBFIGQwnsgXW { flex:1; width:100%; min-width:240px; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:8px; padding-bottom:8px; } .any-api-or-headless-cms\:RTuGhHfAm42y61CX1_I8k { width:100%; min-width:240px; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:8px; padding-bottom:8px; } .any-api-or-headless-cms\:SI6se6BbixJNlDRD6_5hS { color:white; } .any-api-or-headless-cms\:SVsFrmGlCOqF4hotnuvuh { flex:1; width:100%; min-width:240px; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:8px; padding-bottom:8px; } .any-api-or-headless-cms\:UOeppjMHHXOlW1HNhs1WY { text-align:center; } .any-api-or-headless-cms\:UPzCYW08CpjxRHJPk1ysQ { text-align:center; } .any-api-or-headless-cms\:UXEw5wN2LQIL2IC6CC0TW { text-align:center; } .any-api-or-headless-cms\:XdYXzlwZo7hk_2PukDCuH { width:100%; min-width:240px; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:8px; padding-bottom:8px; } .any-api-or-headless-cms\:_hvO9EhMbiioOUQ7FigWl { text-align:center; } .any-api-or-headless-cms\:cZgkjCtJ7Ay3b2F45cBKv { text-align:center; } .any-api-or-headless-cms\:cinOoE102x4ikHHRgrVZl { text-align:center; } .any-api-or-headless-cms\:dzi4P3lrc0R6SPp9B8mQR { color:white; } .lXcil { gap:32px; display:flex; max-width:960px; align-items:center; justify-content:start; } .any-api-or-headless-cms\:hnJC-iL29RzkFRKhxyRCB { display:inline; text-align:center; } .any-api-or-headless-cms\:kHME4LSHF_Y1xtbaPaNo6 { display:block; text-align:center; } .any-api-or-headless-cms\:lMaqzD9WU-WcF34zSY4ov { flex:1; width:100%; min-width:240px; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:8px; padding-bottom:8px; } .any-api-or-headless-cms\:pMtjzKlL1ysRCOpkeTxm2 { flex:1; width:100%; min-width:240px; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:8px; padding-bottom:8px; } .any-api-or-headless-cms\:pYKjIgkiR5YalGMJLugl1 { text-align:center; } .any-api-or-headless-cms\:qinltrcRzrmQc5wTXbmf5 { text-align:center; } .any-api-or-headless-cms\:rJZTtAm-L1lquC3IMJr6y { text-align:center; } .any-api-or-headless-cms\:sJEXBfJP663iwF5PwKgNx { flex:1; width:100%; min-width:240px; padding-top:8px; padding-left:8px; border-radius:14px; padding-right:8px; padding-bottom:8px; } .any-api-or-headless-cms\:wBDLiN5Hk1f4AY3xPzeoX { color:white; } .any-api-or-headless-cms\:xjelx9XcaHsv4uqwCW4b9 { color:white; } .any-api-or-headless-cms\:y2OXqApLJX91ShMmGbnYq { text-align:center; } .any-api-or-headless-cms\:zc4juGU8uZ0siG9Pv0wk3 { text-align:center; } .dawlBX { color:white; display:inline-block; font-size:24px; text-align:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); } @media (min-width: 960px) { .dawlBX { font-size:32px; } } .cDcmHC { width:56px; height:56px; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } @media (min-width: 960px) { .cDcmHC { width:96px; height:96px; } } .HzgjZ { row-gap:32px; column-gap:32px; } @media (min-width: 1280px) { .HzgjZ { row-gap:64px; column-gap:64px; flex-direction:row; } } .eRZDqi { display:flex; row-gap:4px; flex-wrap:wrap; column-gap:4px; align-items:flex-end; flex-direction:column; justify-content:center; } .drtTby { width:100%; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .drtTby:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .clUEjm { color:white; display:inline-block; font-size:32px; text-align:center; font-family:Literata; font-weight:var(--font-weight-normal); line-height:44px; } @media (min-width: 960px) { .clUEjm { font-size:64px; max-width:960px; line-height:88px; } } .bLPYeU { row-gap:32px; column-gap:32px; } .eeZFMF { row-gap:16px; background:black; column-gap:16px; overflow-x:scroll; align-items:center; padding-top:16px; padding-left:16px; padding-right:16px; flex-direction:row; padding-bottom:16px; 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; } .eeZFMF::-webkit-scrollbar { width: 0; } @media (min-width: 960px) { .eeZFMF { flex-wrap:wrap; align-items:flex-start; flex-direction:row; justify-content:center; } } .eyejzA { color:black; width:128px; height:128px; display:flex; position:absolute; background:var(--light-blue); transition:all 300ms ease; align-items:center; justify-content:center; border-top-left-radius:128px; border-top-right-radius:128px; border-bottom-left-radius:128px; border-bottom-right-radius:128px; } .eyejzA.hoverVideo { scale:1.2 1.2 1; transition:all 300ms ease; } .IwWCt { width:calc(100% - 24px); cursor:pointer; height:auto; display:flex; position:absolute; 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; } .IwWCt:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } .euyfIv { display:flex; row-gap:64px; flex-wrap:wrap; column-gap:64px; align-items:flex-start; flex-direction:column; justify-content:flex-start; } @media (min-width: 960px) { .euyfIv { display:flex; align-items:center; flex-direction:row; justify-content:flex-start; } } .cFKWja { position:absolute; font-size:1px; background:var(--fill); transition:all 200ms cubic-bezier(0.55, -0.64, 0.35, 1.68); border-color:var(--blue-500); border-style:solid; border-width:var(--border); border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .good-enough\:-thoFdHfV3_EhRk-f9EJL { top:40%; left:16%; width:30%; height:2em; opacity:1; } .good-enough\:-thoFdHfV3_EhRk-f9EJL.days { top:30%; left:16%; width:20%; opacity:1; } .good-enough\:-thoFdHfV3_EhRk-f9EJL.hours { top:50%; left:16%; width:10%; opacity:1; } .good-enough\:-thoFdHfV3_EhRk-f9EJL.minutes { opacity:0; } .good-enough\:05CjpWlss2Z2din4eCII8 { right:-5%; width:14%; bottom:-22%; height:36%; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:05CjpWlss2Z2din4eCII8.days { right:-5%; width:2%; bottom:4%; height:90%; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:05CjpWlss2Z2din4eCII8.hours { right:1%; width:2%; bottom:12%; height:76%; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:05CjpWlss2Z2din4eCII8.minutes { right:-10%; width:22%; bottom:-36%; height:96%; border-top-left-radius:12px; border-top-right-radius:40px; border-bottom-left-radius:40px; border-bottom-right-radius:12px; } .fcyQZB { width:260px; bottom:10%; position:relative; aspect-ratio:1.6; } .cHJmjB { width:100%; height:auto; display:flex; position:relative; overflow-x:hidden; overflow-y:hidden; align-items:center; justify-content:flex-end; } .good-enough\:5Kl4y3pewxDMP8ldQ_gVq { width:30%; height:10%; opacity:0; } .good-enough\:5Kl4y3pewxDMP8ldQ_gVq.days { left:10%; opacity:1; } .good-enough\:5Kl4y3pewxDMP8ldQ_gVq.hours { left:60%; opacity:1; } .good-enough\:5Kl4y3pewxDMP8ldQ_gVq.minutes { opacity:0; } .good-enough\:5VLLtWjEbUYtVbAW3FfKj { left:34%; width:9%; bottom:0px; animation:2s linear(0 0%, 0.0007 0.4049%, 0.0038 0.9109%, 0.0149 1.7713%, 0.0345 2.6822%, 0.0604 3.5425%, 0.1391 5.3644%, 0.2468 7.1356%, 0.385 8.9069%, 0.5539 10.6781%, 0.7472 12.3988%, 1 14.3725%, 0.7743 16.0931%, 0.5722 17.8644%, 0.4007 19.6356%, 0.2598 21.4069%, 0.1496 23.1781%, 0.07 24.9494%, 0.0423 25.8097%, 0.021 26.7206%, 0.0082 27.581%, 0.0047 27.9858%, 0.0026 28.4919%, 0.0027 28.8968%, 0.0051 29.4028%, 0.0148 30.2632%, 0.0331 31.1741%, 0.0594 32.085%, 0.1363 33.9069%, 0.2457 35.7287%, 0.3831 37.5%, 0.5563 39.3219%, 0.762 41.1437%, 1 42.9656%, 0.769 44.7368%, 0.5686 46.5081%, 0.4033 48.2287%, 0.2633 50%, 0.1539 51.7713%, 0.077 53.4919%, 0.0494 54.3522%, 0.028 55.2632%, 0.0153 56.1235%, 0.0118 56.5283%, 0.0096 57.0344%, 0.0097 57.4393%, 0.0121 57.9453%, 0.0227 58.8563%, 0.0414 59.7672%, 0.0664 60.6275%, 0.1408 62.3988%, 0.2493 64.2206%, 0.3858 65.9919%, 0.5581 67.8138%, 0.7629 69.6356%, 1 71.4575%, 0.7446 73.4818%, 0.5581 75.1518%, 0.3945 76.8725%, 0.2562 78.6437%, 0.1513 80.3644%, 0.0734 82.1356%, 0.0466 82.996%, 0.0261 83.9069%, 0.0138 84.8178%, 0.0106 85.2733%, 0.0095 85.6781%, 0.01 86.083%, 0.0129 86.5891%, 0.0235 87.4494%, 0.0414 88.3097%, 0.0681 89.2206%, 0.1434 90.9919%, 0.2527 92.8138%, 0.3901 94.585%, 0.5634 96.4069%, 0.7629 98.1781%, 1 100%) 0s infinite alternate none running animation-bfDtdf; aspect-ratio:1/1; transform-origin:center center; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:5VLLtWjEbUYtVbAW3FfKj.days { left:26%; width:12%; bottom:0px; transition:all 200ms cubic-bezier(0.55, -0.64, 0.35, 1.68); aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:5VLLtWjEbUYtVbAW3FfKj.hours { left:14%; width:12%; bottom:0px; transition:all 200ms cubic-bezier(0.55, -0.64, 0.35, 1.68); aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:5VLLtWjEbUYtVbAW3FfKj.minutes { left:10%; width:15%; bottom:0%; } @keyframes animation-bfDtdf { 0% { scale: 1.05 1 1; } 100% { scale: 1.05 1.05 1; } } .dbOmMR { left:0%; color:var(--grey-200); width:400%; bottom:0%; height:20%; display:flex; position:absolute; animation:var(--timing) linear 0ms infinite normal none running animation-dipTAt; overflow-x:hidden; overflow-y:hidden; align-items:center; flex-direction:row; justify-content:flex-start; } @keyframes animation-dipTAt { 0% { left: 0%; } 100% { left: -200%; } } .cVBNzE { left:0%; width:400%; height:100%; display:flex; animation:var(--timing) linear 0ms infinite normal none running animation-dipTAt; overflow-x:hidden; overflow-y:hidden; align-items:center; flex-direction:row; justify-content:flex-start; } .fBEwmU { width:100%; display:flex; row-gap:32px; max-width:1024px; column-gap:32px; align-items:center; container-type:inline; flex-direction:row; justify-content:center; } @media (max-width: 550px) { .fBEwmU { display:flex; align-items:center; flex-direction:row; justify-content:flex-end; } } @media (max-width: 400px) { .fBEwmU { margin-top:-90px; margin-bottom:-90px; } } .good-enough\:9PvedjGwqjwYHXZmn64oc { left:31%; width:22%; bottom:24%; height:18%; animation:2s linear(0 0%, 0.0007 0.4049%, 0.0038 0.9109%, 0.0149 1.7713%, 0.0345 2.6822%, 0.0604 3.5425%, 0.1391 5.3644%, 0.2468 7.1356%, 0.385 8.9069%, 0.5539 10.6781%, 0.7472 12.3988%, 1 14.3725%, 0.7743 16.0931%, 0.5722 17.8644%, 0.4007 19.6356%, 0.2598 21.4069%, 0.1496 23.1781%, 0.07 24.9494%, 0.0423 25.8097%, 0.021 26.7206%, 0.0082 27.581%, 0.0047 27.9858%, 0.0026 28.4919%, 0.0027 28.8968%, 0.0051 29.4028%, 0.0148 30.2632%, 0.0331 31.1741%, 0.0594 32.085%, 0.1363 33.9069%, 0.2457 35.7287%, 0.3831 37.5%, 0.5563 39.3219%, 0.762 41.1437%, 1 42.9656%, 0.769 44.7368%, 0.5686 46.5081%, 0.4033 48.2287%, 0.2633 50%, 0.1539 51.7713%, 0.077 53.4919%, 0.0494 54.3522%, 0.028 55.2632%, 0.0153 56.1235%, 0.0118 56.5283%, 0.0096 57.0344%, 0.0097 57.4393%, 0.0121 57.9453%, 0.0227 58.8563%, 0.0414 59.7672%, 0.0664 60.6275%, 0.1408 62.3988%, 0.2493 64.2206%, 0.3858 65.9919%, 0.5581 67.8138%, 0.7629 69.6356%, 1 71.4575%, 0.7446 73.4818%, 0.5581 75.1518%, 0.3945 76.8725%, 0.2562 78.6437%, 0.1513 80.3644%, 0.0734 82.1356%, 0.0466 82.996%, 0.0261 83.9069%, 0.0138 84.8178%, 0.0106 85.2733%, 0.0095 85.6781%, 0.01 86.083%, 0.0129 86.5891%, 0.0235 87.4494%, 0.0414 88.3097%, 0.0681 89.2206%, 0.1434 90.9919%, 0.2527 92.8138%, 0.3901 94.585%, 0.5634 96.4069%, 0.7629 98.1781%, 1 100%) -200ms infinite alternate none running animation-emDTUp; transform-origin:center bottom; } .good-enough\:9PvedjGwqjwYHXZmn64oc.days { left:20%; width:43%; bottom:23%; height:40%; } .good-enough\:9PvedjGwqjwYHXZmn64oc.hours { left:6%; width:75%; bottom:25%; height:48%; } .good-enough\:9PvedjGwqjwYHXZmn64oc.minutes { left:19%; width:28%; bottom:16%; height:27%; border-top-left-radius:100%; } @keyframes animation-emDTUp { 0% { translate: 0 -2% 0; } 100% { translate: 0 2% 0; } } .good-enough\:Ah9wU0WxSXuAP_243zhRt { top:52%; left:55%; width:18%; height:2em; } .good-enough\:Ah9wU0WxSXuAP_243zhRt.days { width:10%; } .good-enough\:Ah9wU0WxSXuAP_243zhRt.hours { width:10%; } .good-enough\:Ah9wU0WxSXuAP_243zhRt.minutes { opacity:0; } .good-enough\:BxMPC3byFfoVneW7P6joR { top:5%; left:10%; height:16%; opacity:0; aspect-ratio:1/1; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:BxMPC3byFfoVneW7P6joR.hours { opacity:1; } .good-enough\:C_hVcLgznSziIRpZ1nOKL { top:30%; left:50%; width:20%; height:2em; } .good-enough\:C_hVcLgznSziIRpZ1nOKL.days { width:10%; } .good-enough\:C_hVcLgznSziIRpZ1nOKL.hours { width:10%; } .good-enough\:C_hVcLgznSziIRpZ1nOKL.minutes { opacity:0; } .good-enough\:D3lIbFP1QYl4zWf0sV47Q { top:20%; left:10%; width:30%; height:2em; opacity:1; } .good-enough\:D3lIbFP1QYl4zWf0sV47Q.days { width:20%; opacity:1; } .good-enough\:D3lIbFP1QYl4zWf0sV47Q.hours { top:40%; left:10%; width:10%; opacity:1; } .good-enough\:D3lIbFP1QYl4zWf0sV47Q.minutes { opacity:0; } .dUEHNZ { flex:1; height:560px; row-gap:5px; min-width:320px; background:var(--grey-800); column-gap:5px; padding-top:12px; padding-left:12px; padding-right:12px; padding-bottom:12px; border-top-left-radius:26px; border-top-right-radius:26px; border-bottom-left-radius:26px; border-bottom-right-radius:26px; } .bOfvl { color:var(--grey-600); font-size:11px; font-family:Inter Tight; font-weight:var(--font-weight-regular); } .iiSVQ { color:var(--grey-600); width:96px; display:flex; font-size:16px; align-items:flex-start; font-family:Inter; justify-content:center; } .ddNsgv { color:var(--grey-600); width:56px; height:56px; display:flex; align-items:center; justify-content:center; } .cOefBn { width:100%; display:flex; align-items:center; padding-top:12px; padding-left:12px; padding-right:12px; flex-direction:row; padding-bottom:12px; justify-content:space-between; } .kfXAw { flex:1; row-gap:4px; column-gap:4px; } .ctWZOY { height:64px; display:flex; row-gap:12px; background:var(--grey-900); column-gap:12px; align-items:center; padding-left:12px; padding-right:12px; flex-direction:row; justify-content:flex-start; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .ctWZOY:last-of-type { border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .bSITnb { color:var(--grey-600); display:flex; row-gap:6px; column-gap:6px; align-items:center; flex-direction:row; justify-content:center; } .dZrznt { flex:1; height:56px; display:flex; row-gap:16px; column-gap:16px; align-items:center; justify-content:center; } .cwApva { color:var(--grey-600); width:100%; display:flex; font-size:20px; align-items:center; font-family:Inter; font-weight:var(--font-weight-regular); padding-top:24px; padding-bottom:24px; justify-content:center; } .gSqjF { color:var(--grey-600); width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .good-enough\:EW5OR_ecG4Yd17HX01_TV { flex:0; right:0px; width:320px; position:absolute; transform-origin:right center; } @media (max-width: 900px) { .good-enough\:EW5OR_ecG4Yd17HX01_TV { scale:0.8 0.8 1; } } @media (max-width: 550px) { .good-enough\:EW5OR_ecG4Yd17HX01_TV { display:none; } } .RtiLQ { width:100%; height:100%; display:flex; align-items:flex-end; justify-content:center; } .good-enough\:Gc6y1NYyQ_06ERaRXr9_c { top:10%; right:10%; width:54%; bottom:54%; height:72%; border-top-left-radius:4px; border-top-right-radius:10px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:Gc6y1NYyQ_06ERaRXr9_c.days { top:10%; right:10%; width:54%; bottom:54%; height:56%; border-top-left-radius:4px; border-top-right-radius:10px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:Gc6y1NYyQ_06ERaRXr9_c.hours { top:5%; right:10%; width:78%; height:50%; border-top-left-radius:4px; border-top-right-radius:16px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:Gc6y1NYyQ_06ERaRXr9_c.minutes { top:10%; right:10%; width:50%; bottom:54%; height:59%; border-top-left-radius:60px; border-top-right-radius:80px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .good-enough\:GgJlEKh8tbzGcydU-9NaU { top:16%; left:16%; width:67%; position:absolute; aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .eyikKq { width:320px; z-index:10; animation:2s ease 0ms 1 normal none running animation-bCLlVc; background:var(--grey-800); padding-top:12px; aspect-ratio:320 / 560; padding-left:12px; padding-right:12px; padding-bottom:12px; transform-origin:right center; border-top-left-radius:26px; border-top-right-radius:26px; border-bottom-left-radius:26px; border-bottom-right-radius:26px; } @media (max-width: 400px) { .eyikKq { scale:0.7 0.7 1; } } @keyframes animation-bCLlVc { 0% { translate: 0 0; } 30% { translate: 0 -16px; } 60% { translate: 0 0; } 80% { translate: 0 -8px; } 100% { translate: 0 0; } } .good-enough\:LsojxQUTMhuy9XV7w7Vik { right:-20%; width:12%; bottom:8%; height:30%; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:LsojxQUTMhuy9XV7w7Vik.days { right:10%; width:54%; bottom:8%; height:22%; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:20px; border-bottom-right-radius:8px; } .good-enough\:LsojxQUTMhuy9XV7w7Vik.hours { right:-5%; width:61%; bottom:10%; height:16%; border-top-left-radius:4px; border-top-right-radius:0px; border-bottom-left-radius:4px; border-bottom-right-radius:0px; } .good-enough\:LsojxQUTMhuy9XV7w7Vik.minutes { right:11%; width:41%; bottom:38%; height:46%; border-top-left-radius:20px; border-top-right-radius:30px; border-bottom-left-radius:20px; border-bottom-right-radius:10px; } .good-enough\:PNutcTLcF5K5_o0h3a98Y { top:16%; left:16%; width:67%; position:absolute; aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:R52qNM0qhpqhilYgM_0ny { left:27%; width:48%; bottom:7%; height:20%; animation:2s linear(0 0%, 0.0007 0.4049%, 0.0038 0.9109%, 0.0149 1.7713%, 0.0345 2.6822%, 0.0604 3.5425%, 0.1391 5.3644%, 0.2468 7.1356%, 0.385 8.9069%, 0.5539 10.6781%, 0.7472 12.3988%, 1 14.3725%, 0.7743 16.0931%, 0.5722 17.8644%, 0.4007 19.6356%, 0.2598 21.4069%, 0.1496 23.1781%, 0.07 24.9494%, 0.0423 25.8097%, 0.021 26.7206%, 0.0082 27.581%, 0.0047 27.9858%, 0.0026 28.4919%, 0.0027 28.8968%, 0.0051 29.4028%, 0.0148 30.2632%, 0.0331 31.1741%, 0.0594 32.085%, 0.1363 33.9069%, 0.2457 35.7287%, 0.3831 37.5%, 0.5563 39.3219%, 0.762 41.1437%, 1 42.9656%, 0.769 44.7368%, 0.5686 46.5081%, 0.4033 48.2287%, 0.2633 50%, 0.1539 51.7713%, 0.077 53.4919%, 0.0494 54.3522%, 0.028 55.2632%, 0.0153 56.1235%, 0.0118 56.5283%, 0.0096 57.0344%, 0.0097 57.4393%, 0.0121 57.9453%, 0.0227 58.8563%, 0.0414 59.7672%, 0.0664 60.6275%, 0.1408 62.3988%, 0.2493 64.2206%, 0.3858 65.9919%, 0.5581 67.8138%, 0.7629 69.6356%, 1 71.4575%, 0.7446 73.4818%, 0.5581 75.1518%, 0.3945 76.8725%, 0.2562 78.6437%, 0.1513 80.3644%, 0.0734 82.1356%, 0.0466 82.996%, 0.0261 83.9069%, 0.0138 84.8178%, 0.0106 85.2733%, 0.0095 85.6781%, 0.01 86.083%, 0.0129 86.5891%, 0.0235 87.4494%, 0.0414 88.3097%, 0.0681 89.2206%, 0.1434 90.9919%, 0.2527 92.8138%, 0.3901 94.585%, 0.5634 96.4069%, 0.7629 98.1781%, 1 100%) 0ms infinite alternate none running animation-dgldsF; transform-origin:25% bottom; border-top-right-radius:14px; } .good-enough\:R52qNM0qhpqhilYgM_0ny.days { left:18%; width:64%; bottom:10%; height:15%; border-top-right-radius:6px; } .good-enough\:R52qNM0qhpqhilYgM_0ny.hours { left:6%; width:90%; bottom:8%; height:18%; border-top-right-radius:6px; } .good-enough\:R52qNM0qhpqhilYgM_0ny.minutes { left:14%; width:73%; bottom:7%; height:14%; border-top-right-radius:46px; } @keyframes animation-dgldsF { 0% { translate: 0 -5% 0; } 100% { translate: 0 5% 0; } } .good-enough\:USgf80iENbmI_yur2CJ95 { left:8%; width:32%; bottom:-11%; height:68%; opacity:1; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:USgf80iENbmI_yur2CJ95.days { left:8%; width:32%; bottom:-8%; height:68%; opacity:0; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:USgf80iENbmI_yur2CJ95.hours { left:40%; width:20%; bottom:-40%; height:80%; opacity:0; border-top-left-radius:20px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:USgf80iENbmI_yur2CJ95.minutes { left:40%; width:20%; bottom:-40%; height:80%; opacity:1; border-top-left-radius:20px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .dYOuEc { width:100%; row-gap:4px; column-gap:4px; transition:all 200ms cubic-bezier(0.57, -0.33, 0.51, 1.22) ; } .good-enough\:W9FO-bcUrNNZ-uPvs5PTk { right:2%; width:70%; bottom:0%; height:10%; opacity:0; position:absolute; } .good-enough\:W9FO-bcUrNNZ-uPvs5PTk.hours { opacity:1; } .good-enough\:WGSKPnVbmZLktT8mEldTp { left:0px; width:320px; position:absolute; transform-origin:left center; } @media (max-width: 900px) { .good-enough\:WGSKPnVbmZLktT8mEldTp { scale:0.8 0.8 1; } } @media (max-width: 400px) { .good-enough\:WGSKPnVbmZLktT8mEldTp { scale:0.6 0.6 1; } } .btUCxz { top:0px; left:0px; width:10%; height:100%; position:absolute; background:linear-gradient(to right, var(--grey-50) 0%, #fafafa00 100%) scroll border-box padding-box repeat repeat 0% 0% / auto; } .ewmeXQ { color:var(--grey-800); width:100%; display:flex; font-size:24px; align-items:center; font-family:Epilogue; font-weight:var(--font-weight-bolder); padding-top:12px; padding-bottom:12px; justify-content:center; } .fzhEbp { color:var(--grey-400); font-size:11px; font-family:Inter Tight; font-weight:var(--font-weight-regular); } .eyAmaz { width:100%; height:100%; } .good-enough\:Z9kjqUsEzl1OLWRta7LhB { top:20%; left:20%; width:60%; position:absolute; aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:Z9kjqUsEzl1OLWRta7LhB.hours { top:16%; left:16%; width:70%; position:absolute; aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:Z9kjqUsEzl1OLWRta7LhB.minutes { top:15%; left:15%; width:70%; position:absolute; aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .cXWgPD { flex:1; width:100%; display:flex; row-gap:32px; column-gap:32px; align-items:flex-start; flex-direction:column; justify-content:center; } .fkBnmz { top:0%; left:0%; width:100%; height:100%; display:flex; position:absolute; overflow-x:hidden; overflow-y:hidden; align-items:flex-start; justify-content:flex-start; } .good-enough\:f7RwaoDe9TVlyNacGkuQH { left:34%; width:9%; bottom:0px; opacity:0; animation:2s linear(0 0%, 0.0007 0.4049%, 0.0038 0.9109%, 0.0149 1.7713%, 0.0345 2.6822%, 0.0604 3.5425%, 0.1391 5.3644%, 0.2468 7.1356%, 0.385 8.9069%, 0.5539 10.6781%, 0.7472 12.3988%, 1 14.3725%, 0.7743 16.0931%, 0.5722 17.8644%, 0.4007 19.6356%, 0.2598 21.4069%, 0.1496 23.1781%, 0.07 24.9494%, 0.0423 25.8097%, 0.021 26.7206%, 0.0082 27.581%, 0.0047 27.9858%, 0.0026 28.4919%, 0.0027 28.8968%, 0.0051 29.4028%, 0.0148 30.2632%, 0.0331 31.1741%, 0.0594 32.085%, 0.1363 33.9069%, 0.2457 35.7287%, 0.3831 37.5%, 0.5563 39.3219%, 0.762 41.1437%, 1 42.9656%, 0.769 44.7368%, 0.5686 46.5081%, 0.4033 48.2287%, 0.2633 50%, 0.1539 51.7713%, 0.077 53.4919%, 0.0494 54.3522%, 0.028 55.2632%, 0.0153 56.1235%, 0.0118 56.5283%, 0.0096 57.0344%, 0.0097 57.4393%, 0.0121 57.9453%, 0.0227 58.8563%, 0.0414 59.7672%, 0.0664 60.6275%, 0.1408 62.3988%, 0.2493 64.2206%, 0.3858 65.9919%, 0.5581 67.8138%, 0.7629 69.6356%, 1 71.4575%, 0.7446 73.4818%, 0.5581 75.1518%, 0.3945 76.8725%, 0.2562 78.6437%, 0.1513 80.3644%, 0.0734 82.1356%, 0.0466 82.996%, 0.0261 83.9069%, 0.0138 84.8178%, 0.0106 85.2733%, 0.0095 85.6781%, 0.01 86.083%, 0.0129 86.5891%, 0.0235 87.4494%, 0.0414 88.3097%, 0.0681 89.2206%, 0.1434 90.9919%, 0.2527 92.8138%, 0.3901 94.585%, 0.5634 96.4069%, 0.7629 98.1781%, 1 100%) 0s infinite alternate none running animation-bfDtdf; aspect-ratio:1/1; transform-origin:center center; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:f7RwaoDe9TVlyNacGkuQH.days { left:26%; width:12%; bottom:0px; opacity:0; transition:all 200ms cubic-bezier(0.55, -0.64, 0.35, 1.68); aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:f7RwaoDe9TVlyNacGkuQH.hours { left:28%; width:12%; bottom:0px; opacity:1; transition:all 200ms cubic-bezier(0.55, -0.64, 0.35, 1.68); aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:f7RwaoDe9TVlyNacGkuQH.minutes { left:10%; width:15%; bottom:0%; opacity:0; } .good-enough\:i0l5ZDjRU3ebVnVsWVjQ7 { right:31%; width:9%; bottom:0px; animation:2s linear(0 0%, 0.0007 0.4049%, 0.0038 0.9109%, 0.0149 1.7713%, 0.0345 2.6822%, 0.0604 3.5425%, 0.1391 5.3644%, 0.2468 7.1356%, 0.385 8.9069%, 0.5539 10.6781%, 0.7472 12.3988%, 1 14.3725%, 0.7743 16.0931%, 0.5722 17.8644%, 0.4007 19.6356%, 0.2598 21.4069%, 0.1496 23.1781%, 0.07 24.9494%, 0.0423 25.8097%, 0.021 26.7206%, 0.0082 27.581%, 0.0047 27.9858%, 0.0026 28.4919%, 0.0027 28.8968%, 0.0051 29.4028%, 0.0148 30.2632%, 0.0331 31.1741%, 0.0594 32.085%, 0.1363 33.9069%, 0.2457 35.7287%, 0.3831 37.5%, 0.5563 39.3219%, 0.762 41.1437%, 1 42.9656%, 0.769 44.7368%, 0.5686 46.5081%, 0.4033 48.2287%, 0.2633 50%, 0.1539 51.7713%, 0.077 53.4919%, 0.0494 54.3522%, 0.028 55.2632%, 0.0153 56.1235%, 0.0118 56.5283%, 0.0096 57.0344%, 0.0097 57.4393%, 0.0121 57.9453%, 0.0227 58.8563%, 0.0414 59.7672%, 0.0664 60.6275%, 0.1408 62.3988%, 0.2493 64.2206%, 0.3858 65.9919%, 0.5581 67.8138%, 0.7629 69.6356%, 1 71.4575%, 0.7446 73.4818%, 0.5581 75.1518%, 0.3945 76.8725%, 0.2562 78.6437%, 0.1513 80.3644%, 0.0734 82.1356%, 0.0466 82.996%, 0.0261 83.9069%, 0.0138 84.8178%, 0.0106 85.2733%, 0.0095 85.6781%, 0.01 86.083%, 0.0129 86.5891%, 0.0235 87.4494%, 0.0414 88.3097%, 0.0681 89.2206%, 0.1434 90.9919%, 0.2527 92.8138%, 0.3901 94.585%, 0.5634 96.4069%, 0.7629 98.1781%, 1 100%) 0s infinite alternate none running animation-bfDtdf; aspect-ratio:1/1; transform-origin:center center; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:i0l5ZDjRU3ebVnVsWVjQ7.days { right:24%; width:12%; bottom:0px; transition:all 200ms cubic-bezier(0.55, -0.64, 0.35, 1.68); aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:i0l5ZDjRU3ebVnVsWVjQ7.hours { right:14%; width:12%; bottom:0px; transition:all 200ms cubic-bezier(0.55, -0.64, 0.35, 1.68); aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:i0l5ZDjRU3ebVnVsWVjQ7.minutes { right:26%; width:15%; bottom:0px; transition:all 200ms cubic-bezier(0.55, -0.64, 0.35, 1.68); aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } @keyframes animation-cEdTLW { 0% { scale: 1.1 1 1; } 100% { scale: 1 1.1 1; } } .good-enough\:i3deSAcg_AAiqojP2r26p { right:29%; width:17%; bottom:24%; height:30%; animation:2s linear(0 0%, 0.0007 0.4049%, 0.0038 0.9109%, 0.0149 1.7713%, 0.0345 2.6822%, 0.0604 3.5425%, 0.1391 5.3644%, 0.2468 7.1356%, 0.385 8.9069%, 0.5539 10.6781%, 0.7472 12.3988%, 1 14.3725%, 0.7743 16.0931%, 0.5722 17.8644%, 0.4007 19.6356%, 0.2598 21.4069%, 0.1496 23.1781%, 0.07 24.9494%, 0.0423 25.8097%, 0.021 26.7206%, 0.0082 27.581%, 0.0047 27.9858%, 0.0026 28.4919%, 0.0027 28.8968%, 0.0051 29.4028%, 0.0148 30.2632%, 0.0331 31.1741%, 0.0594 32.085%, 0.1363 33.9069%, 0.2457 35.7287%, 0.3831 37.5%, 0.5563 39.3219%, 0.762 41.1437%, 1 42.9656%, 0.769 44.7368%, 0.5686 46.5081%, 0.4033 48.2287%, 0.2633 50%, 0.1539 51.7713%, 0.077 53.4919%, 0.0494 54.3522%, 0.028 55.2632%, 0.0153 56.1235%, 0.0118 56.5283%, 0.0096 57.0344%, 0.0097 57.4393%, 0.0121 57.9453%, 0.0227 58.8563%, 0.0414 59.7672%, 0.0664 60.6275%, 0.1408 62.3988%, 0.2493 64.2206%, 0.3858 65.9919%, 0.5581 67.8138%, 0.7629 69.6356%, 1 71.4575%, 0.7446 73.4818%, 0.5581 75.1518%, 0.3945 76.8725%, 0.2562 78.6437%, 0.1513 80.3644%, 0.0734 82.1356%, 0.0466 82.996%, 0.0261 83.9069%, 0.0138 84.8178%, 0.0106 85.2733%, 0.0095 85.6781%, 0.01 86.083%, 0.0129 86.5891%, 0.0235 87.4494%, 0.0414 88.3097%, 0.0681 89.2206%, 0.1434 90.9919%, 0.2527 92.8138%, 0.3901 94.585%, 0.5634 96.4069%, 0.7629 98.1781%, 1 100%) 200ms infinite alternate none running animation-emDTUp; transform-origin:center bottom; border-top-right-radius:28%; } .good-enough\:i3deSAcg_AAiqojP2r26p.days { right:20%; width:18%; bottom:23%; height:31%; } .good-enough\:i3deSAcg_AAiqojP2r26p.hours { right:4%; width:16%; bottom:25%; height:48%; border-top-right-radius:20px; } .good-enough\:i3deSAcg_AAiqojP2r26p.minutes { right:42%; width:18%; bottom:15%; height:20%; border-top-right-radius:20px; } .fAoeqU { width:50%; animation:; } .RCmYi { right:5%; width:80%; height:80%; display:flex; position:absolute; align-items:flex-end; justify-content:center; } .cDfnqY { color:var(--grey-800); font-size:var(--font-size-base); text-align:center; transition:all 200ms cubic-bezier(0.54, -0.32, 0.7, 1.17) ; font-weight:var(--font-weight-bold); } .cDfnqY.active { color:var(--blue-800); } .dVRgPv { color:var(--grey-400); display:flex; row-gap:6px; column-gap:6px; align-items:center; flex-direction:row; justify-content:center; } .good-enough\:nyxBaeNSud9XMcfx7IG4m { top:16%; left:16%; width:67%; position:absolute; aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:o4LyBGcgEi_5wtGV6WrVt { left:2%; width:5%; bottom:54%; height:36%; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:o4LyBGcgEi_5wtGV6WrVt.days { left:2%; width:6%; bottom:54%; height:36%; border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; } .good-enough\:o4LyBGcgEi_5wtGV6WrVt.hours { left:4%; width:6%; bottom:54%; height:36%; border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; } .good-enough\:o4LyBGcgEi_5wtGV6WrVt.minutes { left:18%; width:16%; bottom:28%; height:48%; border-top-left-radius:20px; border-top-right-radius:2px; border-bottom-left-radius:20px; border-bottom-right-radius:2px; } .good-enough\:o7_6FA_eMfNeSHdLje1o1 { left:20%; scale:1 1 1; width:60%; bottom:-4%; height:2%; animation:2s linear(0 0%, 0.0007 0.4049%, 0.0038 0.9109%, 0.0149 1.7713%, 0.0345 2.6822%, 0.0604 3.5425%, 0.1391 5.3644%, 0.2468 7.1356%, 0.385 8.9069%, 0.5539 10.6781%, 0.7472 12.3988%, 1 14.3725%, 0.7743 16.0931%, 0.5722 17.8644%, 0.4007 19.6356%, 0.2598 21.4069%, 0.1496 23.1781%, 0.07 24.9494%, 0.0423 25.8097%, 0.021 26.7206%, 0.0082 27.581%, 0.0047 27.9858%, 0.0026 28.4919%, 0.0027 28.8968%, 0.0051 29.4028%, 0.0148 30.2632%, 0.0331 31.1741%, 0.0594 32.085%, 0.1363 33.9069%, 0.2457 35.7287%, 0.3831 37.5%, 0.5563 39.3219%, 0.762 41.1437%, 1 42.9656%, 0.769 44.7368%, 0.5686 46.5081%, 0.4033 48.2287%, 0.2633 50%, 0.1539 51.7713%, 0.077 53.4919%, 0.0494 54.3522%, 0.028 55.2632%, 0.0153 56.1235%, 0.0118 56.5283%, 0.0096 57.0344%, 0.0097 57.4393%, 0.0121 57.9453%, 0.0227 58.8563%, 0.0414 59.7672%, 0.0664 60.6275%, 0.1408 62.3988%, 0.2493 64.2206%, 0.3858 65.9919%, 0.5581 67.8138%, 0.7629 69.6356%, 1 71.4575%, 0.7446 73.4818%, 0.5581 75.1518%, 0.3945 76.8725%, 0.2562 78.6437%, 0.1513 80.3644%, 0.0734 82.1356%, 0.0466 82.996%, 0.0261 83.9069%, 0.0138 84.8178%, 0.0106 85.2733%, 0.0095 85.6781%, 0.01 86.083%, 0.0129 86.5891%, 0.0235 87.4494%, 0.0414 88.3097%, 0.0681 89.2206%, 0.1434 90.9919%, 0.2527 92.8138%, 0.3901 94.585%, 0.5634 96.4069%, 0.7629 98.1781%, 1 100%) 0ms infinite alternate forwards running animation-eQDvPx; background:var(--grey-200); transform-origin:center bottom; } .good-enough\:o7_6FA_eMfNeSHdLje1o1.days { left:12%; width:76%; } .good-enough\:o7_6FA_eMfNeSHdLje1o1.hours { left:0%; width:100%; } .good-enough\:o7_6FA_eMfNeSHdLje1o1.minutes { left:0%; width:100%; } @keyframes animation-eQDvPx { 0% { scale: 0.9 1 1; } 100% { scale: 0.8 1 1; } } .good-enough\:p5xnsje3jKBemXWm8UiMC { top:0%; right:2%; width:70%; height:10%; opacity:0; position:absolute; } .good-enough\:p5xnsje3jKBemXWm8UiMC.hours { opacity:1; } .brUXgv { height:100%; display:flex; background:white; align-items:center; justify-content:space-between; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .eWdJIM { flex:1 ; color:var(--grey-800); width:100%; cursor:pointer; height:120px; display:flex; row-gap:4px; animation:; background: var(--grey-50); column-gap:4px; align-items:center; padding-top:8px; border-color:var(--grey-200); border-style:solid; border-width:2px; padding-left:8px; padding-right:8px; padding-bottom:8px; justify-content:center; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; } .eWdJIM.active { color:var(--grey-800); background: var(--blue-50); border-color:var(--blue-600); border-style:solid; border-width:2px; } .eWdJIM:hover { border-color:var(--blue-600); border-style:solid; border-width:2px; } .eWdJIM:first-of-type { animation:2s ease 2s 1 normal none running animation-bCLlVc; } .enfMTx { top:0px; right:0px; width:10%; height:100%; position:absolute; background:linear-gradient(to left, var(--grey-50) 0%, #fafafa00 100%) scroll padding-box border-box repeat repeat 0% 0% / auto; } .good-enough\:w-d88xkhHX8UQxX01_ifv { left:-5%; width:10%; bottom:-22%; height:36%; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:w-d88xkhHX8UQxX01_ifv.days { left:-4%; width:12%; bottom:-38%; height:14%; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:w-d88xkhHX8UQxX01_ifv.hours { left:1%; width:2%; bottom:52%; height:40%; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:w-d88xkhHX8UQxX01_ifv.minutes { left:-14%; width:20%; bottom:76%; height:260%; border-top-left-radius:4px; border-top-right-radius:40%; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .bSiefR { width:100%; display:flex; row-gap:8px; column-gap:8px; align-items:flex-start; padding-top:16px; padding-left:16px; padding-right:16px; flex-direction:column; padding-bottom:16px; justify-content:flex-start; } .good-enough\:wq7zvjqxnjFtnAqZr5Cue { top:20%; left:20%; width:60%; position:absolute; aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:wq7zvjqxnjFtnAqZr5Cue.hours { top:16%; left:16%; width:70%; position:absolute; aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:wq7zvjqxnjFtnAqZr5Cue.minutes { top:15%; left:15%; width:70%; position:absolute; aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:xZ8O7AgNA2wYQYwlnqHB_ { right:0%; width:30%; bottom:0%; height:100%; opacity:0; align-items:flex-start; justify-content:center; } .good-enough\:xZ8O7AgNA2wYQYwlnqHB_.days { right:0%; width:30%; bottom:0%; height:100%; opacity:1; } .good-enough\:xZ8O7AgNA2wYQYwlnqHB_.hours { right:0%; width:30%; bottom:0%; height:100%; opacity:1; } .good-enough\:xZ8O7AgNA2wYQYwlnqHB_.minutes { right:0%; width:30%; bottom:0%; height:100%; opacity:0; } .good-enough\:yPyctP84xGQexKlyDl8oi { top:20%; left:20%; width:60%; position:absolute; aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:yPyctP84xGQexKlyDl8oi.hours { top:16%; left:16%; width:70%; position:absolute; aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:yPyctP84xGQexKlyDl8oi.minutes { top:15%; left:15%; width:70%; position:absolute; aspect-ratio:1/1; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; } .good-enough\:z-EvWGMBS4SFh4k8A5gkt { top:5%; left:2%; height:16%; opacity:0; aspect-ratio:1/1; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .good-enough\:z-EvWGMBS4SFh4k8A5gkt.hours { opacity:1; } .fccSuJ { color:white; cursor:pointer; height:80px; display:flex; row-gap:8px; animation:; font-size:24px; background:#00000099; box-shadow:0px 1px 2px 0px #ffffff4d inset, 0px 0px 16px 0px #00000099, 0px 0px 128px 0px #00000020; column-gap:8px; overflow-x:hidden; overflow-y:hidden; transition:all 300ms ease , box-shadow 1s ease ; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-light); padding-top:8px; padding-left:56px; padding-right:56px; flex-direction:row; padding-bottom:8px; justify-content:center; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .fccSuJ:hover { color:var(--light-blue); scale:1.05 1.05 1; background: #17171780; transition:all 300ms ease 0ms normal; } .fccSuJ:focus-visible { color:var(--light-blue); transform:scale(1.05, 1.05); background:#17171780; transition:all 300ms ease 0ms normal; outline-color:var(--light-blue); outline-style:solid; outline-width:2px; outline-offset:2px; } @media (max-width: 960px) { .fccSuJ { display:none; } } .ftIpoQ { width:100%; display:none; align-items:center; padding-top:12px; padding-left:12px; padding-right:12px; flex-direction:column; padding-bottom:12px; justify-content:space-between; } @media (min-width: 960px) { .ftIpoQ { display:flex; flex-direction:row; } } .nordcraft-for-web-agencies\:OvsOT0elPZkdhSu-WSYjD { color:var(--light-blue); display:flex; max-width:560px; text-align:center; align-items:center; justify-content:flex-start; } .dxzvLZ { display:flex; row-gap:32px; column-gap:32px; align-items:center; padding-left:24px; padding-right:24px; justify-content:center; } @media (min-width: 960px) { .dxzvLZ { row-gap:96px; column-gap:96px; padding-left:96px; padding-right:96px; } } .epuyck { width:100%; row-gap:32px; column-gap:32px; flex-direction:column; } @media (min-width: 960px) { .epuyck { row-gap:56px; column-gap:56px; padding-top:96px; flex-direction:column; } } .dYngxQ { width:100vw; display:flex; flex-grow:1; background: black; flex-basis:0px; align-items:center; flex-shrink:1; justify-content:start; } .eyeTRy { color:var(--grey-400); text-align:center; 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; } .eWgcSE { gap:16px; 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; } } .dNgjOn { color:var(--light-blue); font-size:20px; text-align:center; font-family:Literata; font-weight:var(--font-weight-normal); line-height:28px; } @media (min-width: 960px) { .dNgjOn { font-size:24px; 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; } .ehOjdf { color:var(--light-blue); font-size:24px; font-family:Literata; font-weight:var(--font-weight-light); line-height:32px; } .cCYXsI { width:100%; } .elVwuY { gap:16px; display:flex; flex-wrap:wrap; align-items:start; flex-direction:row; justify-content:center; } @media (min-width: 960px) { .elVwuY { gap:24px; } } .cXiqQH { color:var(--grey-800); 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; } .bjOIMv { gap:16px; display:flex; flex-wrap:wrap; align-items:start; padding-left:12px; padding-right:12px; flex-direction:row; justify-content:center; } @media (min-width: 960px) { .bjOIMv { gap:24px; display:flex; align-items:start; flex-direction:row; justify-content:start; } } .ezUoXR { gap:48px; width:100%; display:flex; align-items:center; padding-top:56px; padding-left:24px; padding-right:24px; 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; } .lcayW { color:white; display:flex; font-size:20px; align-items:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); 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; } } .nordcraft-for-web-agencies\:Qtnivq6mKFwFyo3iwIkCD { width:100%; } .SueSG { color:white; display:inline-block; font-size:20px; text-align:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); } .nordcraft-for-web-agencies\:U4SKGS0YSnveYkjXO1L-8 { flex:2; animation:3s ease 0ms 1 normal none running animation-diMMIZ; max-width:1024px; } .nordcraft-for-web-agencies\:UOQEf_B9VIWYqhKINwsee { display:flex; max-width:960px; text-align:center; align-items:center; justify-content:flex-start; } .eHnVXh { display:flex; row-gap:24px; column-gap:24px; align-items:center; justify-content:center; } .cjRPLs { display:flex; row-gap:24px; flex-wrap:wrap; column-gap:24px; align-items:center; flex-direction:row; justify-content:center; } .cLDBOY { row-gap:8px; column-gap:8px; } .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; } .cyrulx { 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; } .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; } .dHVoYc { 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; } .dHVoYc:hover { color:var(--light-blue); } .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 0px 0px 0px #00000000; flex-direction:row; border-top-left-radius:6px; border-top-right-radius:0px; border-bottom-left-radius:6px; border-bottom-right-radius:0px; } .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; } } .dNeyLK { display:none; } @media (min-width: 960px) { .dNeyLK { display:flex; font-weight:var(--font-weight-regular); } } .ecLIro { 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; } .ecLIro:hover { top:-4px; border:1px solid var(--grey-700); background:var(--grey-800); box-shadow:0px 8px 16px 0px #00000066; transition:top 300ms ease ; } .ecLIro:focus-visible { border:1px solid var(--light-blue); } @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; } .cvDHzo { gap:12px; color:white; width:42px; height:42px; display:flex; background: var(--grey-800); box-shadow:0px 0px 0px 0px #00000000; 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:0px; border-top-right-radius:6px; border-bottom-left-radius:0px; border-bottom-right-radius:6px; } .cvDHzo:hover { background: var(--grey-700); } .cvDHzo.menuShown { color:white; background: var(--grey-900); } .cvDHzo.menuShown:hover { color:white; background: var(--grey-800); } @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; } .bKAXdH { right:0px; width:100vw; height:100%; display:flex; 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) { .bKAXdH { width:640px; transition:margin-right 300ms ease ; } } .bKAXdH.shown { transition:margin-right 300ms ease ; margin-right:0px; } .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; } .ekgtXy { 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; } .ekgtXy:hover { color:white; background: var(--grey-800); } .ekgtXy.menuShown { color:white; background: var(--grey-900); } .ekgtXy.menuShown:hover { color:white; background: var(--grey-800); } .ekgtXy:focus-visible { outline-color:var(--light-blue); outline-style:solid; outline-width:1px; } .nordcraft_shared\/nordcraft-website-menu\:PuMpmyedaLTc4PepOn6Fk { color:var(--grey-400); font-size:16px; } .nordcraft_shared\/nordcraft-website-menu\:TmReoqhEsamjsHbz6tvdx { color:var(--grey-400); font-size:16px; } .nordcraft_shared\/nordcraft-website-menu\:UYWuXTgizHFpVEh4UJzpY { box-shadow:0px 0px 0px 0px #00000000; 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%; } } .dAXYYg { 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; } .dAXYYg:hover { top:-4px; border:1px solid var(--grey-700); background: var(--grey-800); box-shadow:0px 8px 16px 0px #00000066; transition:top 300ms ease ; } .dAXYYg:focus-visible { border:1px solid var(--light-blue); } @keyframes anim-DbYP43 { 0% { opacity: 0; } 100% { opacity: 1; } } .bJDaas { 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; } .bJDaas:hover { top:-4px; border:1px solid var(--grey-700); background:var(--grey-800); box-shadow:0px 8px 16px 0px #00000066; transition:top 300ms ease ; } .bJDaas:focus-visible { border:1px solid var(--light-blue); } @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); } .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; } .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%; } } .elJxYd { gap:12px; top:0px; right:0px; display:flex; z-index:1; 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; } .dfVFSl { width:100%; display:flex; row-gap:80px; max-width:1600px; column-gap:80px; align-items:center; padding-top:96px; padding-left:24px; padding-right:24px; padding-bottom:96px; justify-content:flex-start; } @media (min-width: 960px) { .dfVFSl { row-gap:128px; column-gap:128px; } } .fiancU { color:inherit; font-size:16px; text-align:left; font-family:Inter Tight; font-weight:var(--font-weight-light); line-height:24px; } .nordcraft-for-web-agencies\:j6w34-VI3x5RDf9xWvZqI { text-align:right; } .scAbE { display:none; } @media (min-width: 1280px) { .scAbE { top:; left:; right:; width:fit-content; display:flex; row-gap:16px; z-index:1; 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; } } .bWMwnq { 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; } .bWMwnq.product { width:480px; height:140px; } .bWMwnq.learn { width:640px; height:260px; } .bWMwnq.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; } } @keyframes animation-diizqv { 0% { opacity: 1; } 100% { opacity: 0; } } .bsqVQG { font:var(--font-weight-regular) 16px Inter Tight; color:white; width:fit-content; height:40px; display:flex; row-gap:8px; background:; column-gap:8px; align-items:center; padding-left:16px; border-radius:6px; padding-right:16px; flex-direction:row; justify-content:center; } .bsqVQG:hover { background: #00000080; } .bsqVQG:focus-visible { outline:2px solid var(--light-blue); outline-offset:2px; } .dETuwj { row-gap:4px; column-gap:4px; flex-direction:row; } .coZYoV { row-gap:12px; background:; column-gap:12px; flex-direction:row; } .WYjyb { 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; } .cRsrTG { flex:1 ; font:var(--font-weight-regular) 16px Inter Tight; color:white; cursor:pointer; display:flex; row-gap:12px; animation:; column-gap:12px; align-items:center; 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; } .cRsrTG:hover { background: #262626cc; } .cRsrTG: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; } .cRsrTG.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; } } @keyframes animation-empty { } .flXXlh { color:white; 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; } .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; } .cZqFZk { color:white; display:inline-block; font-size:16px; font-family:Inter Tight; font-weight:var(--font-weight-regular); line-height:22px; } .cBjFub { color:var(--grey-400); display:inline-block; font-size:16px; font-family:Inter Tight; font-weight:var(--font-weight-light); } .chRPcF { width:100%; display:flex; row-gap:12px; animation:3s ease 0ms 1 normal none running animation-diMMIZ; column-gap:12px; align-items:flex-start; flex-direction:column; justify-content:center; } .XFfsC { left:0px; width:100%; bottom:0px; height:20vh; display:flex; row-gap:10%; position:absolute; animation:; column-gap:10%; overflow-x:hidden; overflow-y:hidden; align-items:flex-end; flex-direction:row; justify-content:center; } .rhQuE { width:140%; height:100%; display:flex; animation:; align-items:flex-end; flex-direction:row; justify-content:center; transform-origin:center bottom; } .epIQLS { width:10%; height:60%; display:flex; animation:3s cubic-bezier(0.42, 0, 0.58, 1) 0ms infinite alternate forwards running animation-btJssa; align-items:center; justify-content:flex-end; transform-origin:center bottom; } @keyframes animation-btJssa { 0% { translate: var(--startend) var(--middle) 0; } 0% { rotate: 0 0 1 0deg; } 50% { rotate: 0 0 1 var(--rotation); } 50% { translate: var(--middle) var(--startend) 0; } 100% { translate: var(--startend) var(--middle) 0; } 100% { rotate: 0deg; } } .fPTrp { scale:1 var(--scaleY) 1; width:100%; filter:blur(25px); height:100%; rotate:0 0 1 25deg; display:flex; animation:; translate:var(--offsetX) var(--offsetY) 0; background:linear-gradient(to bottom, var(--grey-900) 0%, var(--blue) 50%, var(--green) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto; align-items:center; justify-content:flex-end; transform-origin:center center; } .nordcraft_shared\/menu-extra-info\:PTGeFYXrGdWlZJdtEF_JU { top:0px; left:0px; height:100%; position:absolute; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .bjZpmb { row-gap:12px; animation:; column-gap:12px; flex-direction:row; } .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; } .ehwftb { 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; } .nordcraft_shared\/did-you-know\:dyEsEpsT1uPL_J8fM21X3 { top:0px; left:0px; height:100%; position:absolute; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .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; } .boHnkh { color:white; display:inline-block; text-align:center; font-family:Literata; } .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; } } .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; } .dGMIRd { font:var(--font-weight-regular) 16px Inter Tight; color:white; width:fit-content; cursor:pointer; height:40px; display:flex; row-gap:8px; background:; column-gap:8px; align-items:center; padding-left:16px; border-radius:6px; padding-right:16px; flex-direction:row; justify-content:center; } .dGMIRd:hover { background: #00000080; } .dGMIRd: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; } .bLqfKk { 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; } .edtNZX { color:white; 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; } .nordcraft_shared\/menu-community\:_zKBd7j6MrmpsgVgPzge4 { animation:; } .nordcraft_shared\/menu-community\:iVvAptwqnQlzTilOzMX0r { animation:2s ease 0ms 1 normal none running animation-empty; } .ffLUfE { font-size:13px; background: var(--grey-900); font-family:inherit; font-weight:inherit; padding-top:4px; border-color:var(--light-green); border-style:solid; border-width:1px; 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-for-web-agencies\:kduVXqsktnoUr3OK2qVxw { display:block; max-width:960px; text-align:center; align-items:center; justify-content:flex-start; } .dLqOuN { color:var(--grey-50); font-size:24px; font-family:Inter Tight; font-weight:var(--font-weight-semi-bold); line-height:32px; } .nordcraft-for-web-agencies\:lIe0DWmaR5y-OvBw66x3- { width:fit-content; } .fjFduX { top:0px; left:0px; width:100%; height:800px; position:absolute; background:linear-gradient(rgba(23, 23, 23, 0) 25%, rgb(23, 23, 23)) scroll border-box padding-box repeat repeat 0% 0% / auto, none scroll border-box padding-box repeat repeat 0% 0% / auto; } @keyframes anim-CGGAr2 { 0% { opacity: 0; } 100% { opacity: 1; } } .eqlEzp { color:white; font-size:inherit; font-family:inherit; font-weight:var(--font-weight-regular); margin-right:4px; } .cShpmw { gap:12px; top:0px; left:0px; height:72px; display:flex; z-index:1; position:fixed; align-items:center; padding-top:16px; padding-left:16px; padding-right:16px; flex-direction:row; padding-bottom:16px; justify-content:start; } .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; } } .cPVoVQ { 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) { .cPVoVQ { 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; } } .cPVoVQ:hover { color:black; background: var(--grey-100); } .cPVoVQ:focus-visible { border:1px solid var(--light-blue); } .cPVoVQ:active { background: var(--grey-50); } .eJUQWG { color:white; cursor:pointer; display:none; outline: none ; flex-direction:row; } @media (min-width: 960px) { .eJUQWG { display:flex; } } .eJUQWG:focus-visible { color:var(--light-blue); transform:scale(1.1, 1.); } .nordcraft_shared\/nordcraft-header-logo\:iEBQyF0SI_j7Om5bgKkoj { transform:scale(1, 1); } .VQgxA { flex:1; width:100%; display:flex; row-gap:64px; flex-wrap:wrap; background:; column-gap:64px; align-items:center; padding-top:32px; flex-direction:column; padding-bottom:32px; justify-content:center; } @media (min-width: 960px) { .VQgxA { padding-top:96px; } } .nordcraft-for-web-agencies\:nMfS_4yQDPmqw3N4vLJWZ { font-size:32px; font-style:italic; text-align:center; font-family:Literata; line-height:40px; } @media (min-width: 960px) { .nordcraft-for-web-agencies\:nMfS_4yQDPmqw3N4vLJWZ { font-size:56px; max-width:1024px; line-height:72px; } } .eyGyKC { row-gap:32px; column-gap:32px; flex-direction:column; } @media (min-width: 960px) { .eyGyKC { row-gap:64px; column-gap:64px; flex-direction:row; } } .cAPIaF { width:80%; row-gap:40px; column-gap:40px; } .eliminate-the-handover\:4fWh857JqYtNNGJRw6Hu6 { text-align:center; } .bkYEQP { width:100%; display:flex; row-gap:40px; column-gap:40px; align-items:center; justify-content:center; } .ciRkMf { flex:1; height:560px; display:flex; row-gap:40px; background:var(--grey-900); column-gap:40px; align-items:center; padding-top:64px; padding-left:40px; padding-right:40px; padding-bottom:64px; justify-content:space-between; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } @media (min-width: 960px) { .ciRkMf { height:560px; } } .fETjwA { width:100%; height:24px; background:var(--grey-800); padding-top:4px; padding-left:4px; padding-right:4px; padding-bottom:4px; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .eliminate-the-handover\:KKvZPtW-rmzUWQhmgzOcx { text-align:center; } .uePaU { height:100%; animation:12s ease 0s infinite normal forwards running animation-fyqZBg; background:var(--red-600); border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } @keyframes animation-fyqZBg { 0% { width: 16px; } 0% { opacity: 1; } 33% { width: 100%; } 67% { width: 100%; } 67% { opacity: 1; } 69% { opacity: 0; } 69% { width: 16px; } 80% { opacity: 1; } 80% { width: 16px; } 100% { width: 16px; } 100% { opacity: 1; } } .cHaBuL { height:100%; animation:12s ease 0s infinite normal forwards running animation-fyqZBg; background:var(--light-blue); border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } .cnowOK { height:100%; animation:12s ease 0s infinite normal forwards running animation-bNmDQr; background:var(--blue-600); border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; } @keyframes animation-bNmDQr { 0% { opacity: 1; } 0% { width: 16px; } 33% { width: 16px; } 33.00000000000001% { opacity: 1; } 67% { opacity: 1; } 67% { width: 100%; } 69% { opacity: 0; } 69% { width: 16px; } 80% { width: 16px; } 80% { opacity: 1; } 100% { width: 16px; } 100% { opacity: 1; } } .eliminate-the-handover\:hAFqwM_9BUQ0allHA_aJT { text-align:center; } .bSayHN { color:var(--grey-200); width:100%; row-gap:8px; font-size:20px; column-gap:8px; font-family:Inter Tight; font-weight:var(--font-weight-light); } .eliminate-the-handover\:j1lkPHnil3C61i9XY3q6E { text-align:center; } .fuNeVi { flex:1; display:flex; row-gap:32px; column-gap:32px; align-items:flex-start; justify-content:center; } .eliminate-the-handover\:rkj5iAGXhx6C_E7mg4_j5 { flex:2; row-gap:12px; column-gap:12px; flex-direction:column; } @media (min-width: 960px) { .eliminate-the-handover\:rkj5iAGXhx6C_E7mg4_j5 { flex-direction:row; } } .JGYdU { color:var(--grey-400); cursor:pointer; display:inline-block; font-size:16px; text-align:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); } @media (min-width: 960px) { .JGYdU { font-size:16px; } } .JGYdU:hover { color:var(--light-blue); } .JGYdU:focus-visible { color:var(--light-blue); outline-color:#000000; outline-style:solid; outline-width:2px; } .bBliNp { flex:1; display:flex; row-gap:32px; column-gap:32px; align-items:flex-end; justify-content:center; } .nordcraft-for-web-agencies\:tJyJiAqSrRpzmto3L856O { text-align:right; } .ewuoMG { color:var(--grey-400); display:inline-block; font-size:18px; text-align:center; font-family:Inter Tight; font-weight:var(--font-weight-regular); } @media (min-width: 960px) { .ewuoMG { font-size:24px; } } .bVwUvR { width:100%; height:auto; border-top-left-radius:14px; border-top-right-radius:14px; border-bottom-left-radius:14px; border-bottom-right-radius:14px; } .bVwUvR.hoverVideo { cursor:pointer; } .egpUtQ { width:56px; height:56px; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:100px; }