/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"DM Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--font-weight-bold:700;--radius-sm:12px;--radius-md:14px;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-hopon-forest:#0b2f23;--color-hopon-pine:#114836;--color-hopon-emerald:#18604f;--color-hopon-teal:#2a957f;--color-hopon-mint:#5cc0a4;--color-hopon-sage:#95cdba;--color-hopon-foam:#d6efe1;--color-hopon-cloud:#ecfbf6;--color-hopon-snow:#f3f5f3;--color-hopon-night:#181d18;--color-hopon-slate:#454a45;--color-hopon-mist:#8a908a;--color-hopon-border:#e7eae7;--color-hopon-page:#ededec;--color-hopon-amber:#ffd699;--color-hopon-amber-dark:#8c5a1d;--color-hopon-amber-bg:#f4ead5;--color-hopon-red:#d9381e;--color-hopon-red-bg:#f9e7e2;--color-hopon-orange:#ff5a00;--color-hopon-blue-bg:#e6effb;--color-hopon-dark-card:#103d2f;--color-hopon-green-ok:#4cb070;--color-hopon-green-text:#207a66;--font-display:"DM Serif Display", serif;--radius-pill:28px;--radius-card:18px;--radius-chip:19px;--radius-tag:11px;--radius-input:14px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:calc(var(--spacing) * 0)}.top-\[2px\]{top:2px}.top-\[33px\]{top:33px}.top-\[48px\]{top:48px}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-3{right:calc(var(--spacing) * -3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[10px\]{right:10px}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[80px\]{bottom:80px}.bottom-\[148px\]{bottom:148px}.left-0{left:calc(var(--spacing) * 0)}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.left-\[2px\]{left:2px}.left-\[10px\]{left:10px}.left-\[16px\]{left:16px}.left-\[18px\]{left:18px}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-\[8px\]{margin-top:8px}.mt-\[24px\]{margin-top:24px}.mt-\[30px\]{margin-top:30px}.mt-\[44px\]{margin-top:44px}.mt-\[50px\]{margin-top:50px}.mt-\[52px\]{margin-top:52px}.mt-\[86px\]{margin-top:86px}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-2\.5{margin-left:calc(var(--spacing) * 2.5)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-\[38px\]{margin-left:38px}.ml-\[52px\]{margin-left:52px}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-10{height:calc(var(--spacing) * 10)}.h-\[3px\]{height:3px}.h-\[4px\]{height:4px}.h-\[6px\]{height:6px}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[20px\]{height:20px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[26px\]{height:26px}.h-\[28px\]{height:28px}.h-\[30px\]{height:30px}.h-\[32px\]{height:32px}.h-\[34px\]{height:34px}.h-\[36px\]{height:36px}.h-\[38px\]{height:38px}.h-\[40px\]{height:40px}.h-\[42px\]{height:42px}.h-\[44px\]{height:44px}.h-\[48px\]{height:48px}.h-\[52px\]{height:52px}.h-\[54px\]{height:54px}.h-\[56px\]{height:56px}.h-\[60px\]{height:60px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[80px\]{height:80px}.h-\[88px\]{height:88px}.h-\[96px\]{height:96px}.h-\[100px\]{height:100px}.h-\[108px\]{height:108px}.h-\[120px\]{height:120px}.h-\[140px\]{height:140px}.h-\[160px\]{height:160px}.h-\[180px\]{height:180px}.h-full{height:100%}.h-px{height:1px}.max-h-\[90vh\]{max-height:90vh}.min-h-\[64px\]{min-height:64px}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3\/4{width:75%}.w-10{width:calc(var(--spacing) * 10)}.w-\[2\.5px\]{width:2.5px}.w-\[3px\]{width:3px}.w-\[4px\]{width:4px}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.w-\[18px\]{width:18px}.w-\[20px\]{width:20px}.w-\[22px\]{width:22px}.w-\[24px\]{width:24px}.w-\[28px\]{width:28px}.w-\[32px\]{width:32px}.w-\[34px\]{width:34px}.w-\[36px\]{width:36px}.w-\[38px\]{width:38px}.w-\[40px\]{width:40px}.w-\[42px\]{width:42px}.w-\[44px\]{width:44px}.w-\[48px\]{width:48px}.w-\[50px\]{width:50px}.w-\[54px\]{width:54px}.w-\[56px\]{width:56px}.w-\[60px\]{width:60px}.w-\[64px\]{width:64px}.w-\[72px\]{width:72px}.w-\[80px\]{width:80px}.w-\[88px\]{width:88px}.w-\[90px\]{width:90px}.w-\[96px\]{width:96px}.w-\[108px\]{width:108px}.w-\[114px\]{width:114px}.w-\[120px\]{width:120px}.w-\[140px\]{width:140px}.w-\[160px\]{width:160px}.w-\[220px\]{width:220px}.w-\[260px\]{width:260px}.w-full{width:100%}.w-px{width:1px}.max-w-\[334px\]{max-width:334px}.max-w-\[340px\]{max-width:340px}.min-w-\[14px\]{min-width:14px}.min-w-\[26px\]{min-width:26px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.rotate-45{rotate:45deg}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-\[3px\]{gap:3px}:where(.-space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)))}.self-center{align-self:center}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[1px\]{border-radius:1px}.rounded-\[3px\]{border-radius:3px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[15px\]{border-radius:15px}.rounded-\[16px\]{border-radius:16px}.rounded-\[17px\]{border-radius:17px}.rounded-\[18px\]{border-radius:18px}.rounded-\[19px\]{border-radius:19px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[27px\]{border-radius:27px}.rounded-\[28px\]{border-radius:28px}.rounded-card{border-radius:var(--radius-card)}.rounded-chip{border-radius:var(--radius-chip)}.rounded-full{border-radius:3.40282e38px}.rounded-input{border-radius:var(--radius-input)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-tag{border-radius:var(--radius-tag)}.rounded-t-\[2px\]{border-top-left-radius:2px;border-top-right-radius:2px}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-t-\[24px\]{border-top-left-radius:24px;border-top-right-radius:24px}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-l-sm{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-hopon-amber{border-color:var(--color-hopon-amber)}.border-hopon-border{border-color:var(--color-hopon-border)}.border-hopon-border\/70{border-color:#e7eae7b3}@supports (color:color-mix(in lab,red,red)){.border-hopon-border\/70{border-color:color-mix(in oklab,var(--color-hopon-border) 70%,transparent)}}.border-hopon-mint{border-color:var(--color-hopon-mint)}.border-hopon-mist{border-color:var(--color-hopon-mist)}.border-hopon-night{border-color:var(--color-hopon-night)}.border-hopon-red{border-color:var(--color-hopon-red)}.border-hopon-red-bg{border-color:var(--color-hopon-red-bg)}.border-hopon-sage{border-color:var(--color-hopon-sage)}.border-hopon-sage\/40{border-color:#95cdba66}@supports (color:color-mix(in lab,red,red)){.border-hopon-sage\/40{border-color:color-mix(in oklab,var(--color-hopon-sage) 40%,transparent)}}.border-hopon-slate{border-color:var(--color-hopon-slate)}.border-hopon-teal{border-color:var(--color-hopon-teal)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.\!bg-\[\#234B40\]{background-color:#234b40!important}.\!bg-hopon-amber-dark{background-color:var(--color-hopon-amber-dark)!important}.bg-\[\#103D2F\]{background-color:#103d2f}.bg-\[\#CFD4CF\]{background-color:#cfd4cf}.bg-\[\#EDF7F2\]{background-color:#edf7f2}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab,red,red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black) 45%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-hopon-amber{background-color:var(--color-hopon-amber)}.bg-hopon-amber-bg{background-color:var(--color-hopon-amber-bg)}.bg-hopon-amber-bg\/30{background-color:#f4ead54d}@supports (color:color-mix(in lab,red,red)){.bg-hopon-amber-bg\/30{background-color:color-mix(in oklab,var(--color-hopon-amber-bg) 30%,transparent)}}.bg-hopon-amber-bg\/40{background-color:#f4ead566}@supports (color:color-mix(in lab,red,red)){.bg-hopon-amber-bg\/40{background-color:color-mix(in oklab,var(--color-hopon-amber-bg) 40%,transparent)}}.bg-hopon-blue-bg{background-color:var(--color-hopon-blue-bg)}.bg-hopon-border{background-color:var(--color-hopon-border)}.bg-hopon-border\/40{background-color:#e7eae766}@supports (color:color-mix(in lab,red,red)){.bg-hopon-border\/40{background-color:color-mix(in oklab,var(--color-hopon-border) 40%,transparent)}}.bg-hopon-cloud{background-color:var(--color-hopon-cloud)}.bg-hopon-dark-card{background-color:var(--color-hopon-dark-card)}.bg-hopon-foam{background-color:var(--color-hopon-foam)}.bg-hopon-forest{background-color:var(--color-hopon-forest)}.bg-hopon-green-ok{background-color:var(--color-hopon-green-ok)}.bg-hopon-mint{background-color:var(--color-hopon-mint)}.bg-hopon-night{background-color:var(--color-hopon-night)}.bg-hopon-orange{background-color:var(--color-hopon-orange)}.bg-hopon-page{background-color:var(--color-hopon-page)}.bg-hopon-red{background-color:var(--color-hopon-red)}.bg-hopon-red-bg{background-color:var(--color-hopon-red-bg)}.bg-hopon-red-bg\/30{background-color:#f9e7e24d}@supports (color:color-mix(in lab,red,red)){.bg-hopon-red-bg\/30{background-color:color-mix(in oklab,var(--color-hopon-red-bg) 30%,transparent)}}.bg-hopon-red\/20{background-color:#d9381e33}@supports (color:color-mix(in lab,red,red)){.bg-hopon-red\/20{background-color:color-mix(in oklab,var(--color-hopon-red) 20%,transparent)}}.bg-hopon-sage{background-color:var(--color-hopon-sage)}.bg-hopon-sage\/15{background-color:#95cdba26}@supports (color:color-mix(in lab,red,red)){.bg-hopon-sage\/15{background-color:color-mix(in oklab,var(--color-hopon-sage) 15%,transparent)}}.bg-hopon-snow{background-color:var(--color-hopon-snow)}.bg-hopon-teal{background-color:var(--color-hopon-teal)}.bg-hopon-teal\/20{background-color:#2a957f33}@supports (color:color-mix(in lab,red,red)){.bg-hopon-teal\/20{background-color:color-mix(in oklab,var(--color-hopon-teal) 20%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(35\.71\%_25\%_at_50\%_45\%\,\#D6EFE1_0\%\,\#EDEDEC_60\%\,\#EDEDEC_100\%\)\]{background-image:radial-gradient(35.71% 25% at 50% 45%,#d6efe1,#ededec 60%,#ededec)}.bg-\[url\(\'data\:image\/svg\+xml\;charset\=UTF-8\,\%3Csvg\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%20width\%3D\%2212\%22\%20height\%3D\%2212\%22\%20viewBox\%3D\%220\%200\%2012\%2012\%22\%3E\%3Cpath\%20fill\%3D\%22\%238A908A\%22\%20d\%3D\%22M2\%204l4\%204\%204-4\%22\%2F\%3E\%3C\%2Fsvg\%3E\'\)\]{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%238A908A%22%20d%3D%22M2%204l4%204%204-4%22%2F%3E%3C%2Fsvg%3E)}.from-hopon-emerald{--tw-gradient-from:var(--color-hopon-emerald);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-hopon-forest{--tw-gradient-from:var(--color-hopon-forest);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-hopon-pine{--tw-gradient-via:var(--color-hopon-pine);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#114836\]{--tw-gradient-to:#114836;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-hopon-emerald{--tw-gradient-to:var(--color-hopon-emerald);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-hopon-forest{--tw-gradient-to:var(--color-hopon-forest);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-\[length\:12px\]{background-size:12px}.bg-\[right_16px_center\]{background-position:right 16px center}.bg-no-repeat{background-repeat:no-repeat}.fill-hopon-mist{fill:var(--color-hopon-mist)}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[18px\]{padding-inline:18px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-\[11px\]{padding-block:11px}.py-\[13px\]{padding-block:13px}.py-\[15px\]{padding-block:15px}.py-\[16px\]{padding-block:16px}.py-\[17px\]{padding-block:17px}.py-\[18px\]{padding-block:18px}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-\[18px\]{padding-top:18px}.pt-\[46px\]{padding-top:46px}.pt-\[50px\]{padding-top:50px}.pt-\[60px\]{padding-top:60px}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-sans{font-family:var(--font-sans)}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-\[36px\]{font-size:36px}.text-\[38px\]{font-size:38px}.text-\[40px\]{font-size:40px}.text-\[42px\]{font-size:42px}.text-\[44px\]{font-size:44px}.text-\[46px\]{font-size:46px}.text-\[48px\]{font-size:48px}.text-\[50px\]{font-size:50px}.text-\[54px\]{font-size:54px}.text-\[60px\]{font-size:60px}.text-\[80px\]{font-size:80px}.leading-\[12px\]{--tw-leading:12px;line-height:12px}.leading-\[13px\]{--tw-leading:13px;line-height:13px}.leading-\[14px\]{--tw-leading:14px;line-height:14px}.leading-\[15px\]{--tw-leading:15px;line-height:15px}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.leading-\[17px\]{--tw-leading:17px;line-height:17px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[21px\]{--tw-leading:21px;line-height:21px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[23px\]{--tw-leading:23px;line-height:23px}.leading-\[27px\]{--tw-leading:27px;line-height:27px}.leading-\[29px\]{--tw-leading:29px;line-height:29px}.leading-\[30px\]{--tw-leading:30px;line-height:30px}.leading-\[32px\]{--tw-leading:32px;line-height:32px}.leading-\[33px\]{--tw-leading:33px;line-height:33px}.leading-\[36px\]{--tw-leading:36px;line-height:36px}.leading-\[38px\]{--tw-leading:38px;line-height:38px}.leading-\[40px\]{--tw-leading:40px;line-height:40px}.leading-\[41px\]{--tw-leading:41px;line-height:41px}.leading-\[44px\]{--tw-leading:44px;line-height:44px}.leading-\[47px\]{--tw-leading:47px;line-height:47px}.leading-\[48px\]{--tw-leading:48px;line-height:48px}.leading-\[52px\]{--tw-leading:52px;line-height:52px}.leading-\[54px\]{--tw-leading:54px;line-height:54px}.leading-\[55px\]{--tw-leading:55px;line-height:55px}.leading-\[66px\]{--tw-leading:66px;line-height:66px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[0\.4px\]{--tw-tracking:.4px;letter-spacing:.4px}.tracking-\[0\.6px\]{--tw-tracking:.6px;letter-spacing:.6px}.tracking-\[1\.2px\]{--tw-tracking:1.2px;letter-spacing:1.2px}.tracking-\[1px\]{--tw-tracking:1px;letter-spacing:1px}.break-all{word-break:break-all}.\!text-hopon-amber-dark{color:var(--color-hopon-amber-dark)!important}.\!text-hopon-night{color:var(--color-hopon-night)!important}.text-\[\#2E7A4F\]{color:#2e7a4f}.text-\[\#FF5A00\]{color:#ff5a00}.text-black{color:var(--color-black)}.text-hopon-amber{color:var(--color-hopon-amber)}.text-hopon-amber-dark{color:var(--color-hopon-amber-dark)}.text-hopon-cloud{color:var(--color-hopon-cloud)}.text-hopon-emerald{color:var(--color-hopon-emerald)}.text-hopon-foam{color:var(--color-hopon-foam)}.text-hopon-forest{color:var(--color-hopon-forest)}.text-hopon-green-text{color:var(--color-hopon-green-text)}.text-hopon-mint{color:var(--color-hopon-mint)}.text-hopon-mist{color:var(--color-hopon-mist)}.text-hopon-night{color:var(--color-hopon-night)}.text-hopon-red{color:var(--color-hopon-red)}.text-hopon-sage{color:var(--color-hopon-sage)}.text-hopon-slate{color:var(--color-hopon-slate)}.text-hopon-teal{color:var(--color-hopon-teal)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.placeholder\:text-hopon-mint::placeholder{color:var(--color-hopon-mint)}.placeholder\:text-hopon-mint\/60::placeholder{color:#5cc0a499}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-hopon-mint\/60::placeholder{color:color-mix(in oklab,var(--color-hopon-mint) 60%,transparent)}}.placeholder\:text-hopon-mist::placeholder{color:var(--color-hopon-mist)}.placeholder\:text-hopon-sage::placeholder{color:var(--color-hopon-sage)}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.focus\:border-hopon-mint:focus{border-color:var(--color-hopon-mint)}.focus\:border-hopon-teal:focus{border-color:var(--color-hopon-teal)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:opacity-80:active{opacity:.8}.disabled\:opacity-50:disabled{opacity:.5}}html,body,#root{overscroll-behavior:none;-webkit-overflow-scrolling:touch;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.scroll-area{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-y:auto}.scroll-area::-webkit-scrollbar{display:none}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}