@charset "UTF-8";.slider_wrapper{position:absolute;height:9em;width:100%;bottom:0}.confirm_container{margin-top:0;margin-left:1em;margin-right:1em;height:3em}.button{font-size:var(--font_size_02);border-radius:1em;text-align:center;vertical-align:middle;width:75%;height:2em;margin-left:auto;margin-right:auto;cursor:pointer;display:none;background-color:var(--color_selected)}.button:hover{filter:brightness(105%);border:2px;border-style:solid;border-color:var(--color_selected)}.slider{display:block;border-radius:1.5em;width:100%;height:3em;left:auto;right:auto}.slider_border{border-radius:1.5em;border-style:solid;border-color:var(--color_gray);border-width:2px;height:100%}.slider_row{position:relative;display:block;width:100%;height:3em}.ball{display:inline-block;border-radius:1.65em;width:3.3em;height:3.3em;background-color:var(--color_selected);border-color:#888;border-width:2px;border-style:solid;transition-property:transform;transition-duration:.1s;filter:drop-shadow(0px 0px 4px #888)}.ball:hover{filter:brightness(105%) drop-shadow(0px 0px 2px #888)}.goal{display:inline-block;top:0;height:100%;width:40%;opacity:55%;pointer-events:none}.yes{background-color:#02972f}.no{background-color:#da3e39}.left{border-radius:1.5em;position:absolute;left:0}.right{border-radius:1.5em;position:absolute;right:0}.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.middle{position:absolute;left:50%;top:50%;transform:translate(-50%)}.bottom{bottom:0;position:absolute}#balloon-container{position:fixed;display:block;width:100%;height:100%;z-index:100;pointer-events:none;transition:opacity .5s}.balloon{height:125px;width:105px;border-radius:75% 75% 70% 70%;position:relative}.balloon:before{content:"";height:75px;width:1px;padding:1px;background-color:#fdfd96;display:block;position:absolute;top:125px;left:0;right:0;margin:auto}.balloon:after{content:"\25b2";text-align:center;display:block;position:absolute;color:inherit;top:120px;left:0;right:0;margin:auto}@keyframes float{0%{transform:translateY(100vh);opacity:1}to{transform:translateY(-300vh);opacity:0}}:root{--color_blue: rgb(0, 85, 150);--color_white: #ffffff;--color_black: #000;--color_gray: lightgray;--color_goal_01: #ffdd9b;--color_goal_02: #9dff9b;--color_goal_03: #ff9b9b;--color_goal_04: #9bcfff;--color_grad_0: #30515e;--color_grad_1: #161d29;--font: "Barlow", sans-serif;--font_size_01: 1.25em;--font_size_02: 1em;--font_size_03: .8em;--font_size_04: 12px;--color_border: #077e17;--habitats-color-people: #de78ad;--habitats-color-tree: #01493d;--habitats-color-grass: #01823a;--habitats-color-water: #005694;--habitats-color-sky: #c8e1f2;--habitats-color-bee: #fcba20;--habitats-color-earth: #333333;--starling_color_blue_01: #000a0d;--starling_color_blue_02: #005673;--starling_color_blue_03: #008fbf;--starling_color_blue_04: #00b6f2;--starling_color_gray_01: #597080;--starling_color_gray_02: #a3b3bf;--starling_color_gray_03: #cfdce5;--starling_color_gray_04: #f2faff;--color_selected: var(--habitats-color-bee);--color_bg: var(--color_white);--color_fg: var(--habitats-color-water)}body,html{padding:0;margin:0;font-family:var(--font);-webkit-font-smoothing:antialiased;font-weight:200;font-size:var(--font_size_01);background-color:var(--color_bg);color:var(--color_fg)}.app{height:100vh;width:100vw;max-height:100vh;max-width:100vw;padding:10px;overflow-x:hidden;overflow-y:hidden}.wrapper{height:100%;max-width:100%;aspect-ratio:2 / 4;margin:auto;border-radius:25px;border-style:solid}.main{padding:10px;overflow:hidden}.scroll_wrapper{overflow-x:hidden;overflow-y:scroll;cursor:grab;position:relative;height:100%}.scroll_wrapper::-webkit-scrollbar{display:none}.scroll_wrapper{-ms-overflow-style:none;scrollbar-width:none}.header{height:144px;width:100%;max-width:100%;border-style:solid;padding:10px;font-weight:600;font-size:var(--font_size_01);text-align:center}.header_element{width:33%}.header .header_element{text-align:center}.header_text_small{font-size:var(--font_size_04)}.header_text_large{font-size:var(--font_size_01);text-align:center}.header_user{align-self:flex-end;justify-content:flex-end}.footer{width:100%;max-width:100%;border-top:1px;bottom:10px;padding:10px}.footer_element{text-align:center;width:33%;display:flex;justify-content:center;align-items:center;font-weight:400;color:var(--color_selected)}.avatar_frame{border-radius:50%;width:54px;height:54px;border-color:var(--color_black);border-style:solid;border-width:1px}.avatar_portrait{width:100%;height:100%}.avatar_inline{border-radius:50%;width:128px;height:128px;border-color:var(--color_black);border-style:solid;border-width:1px}.card_icon{border-radius:50%;width:24px;height:24px;border-color:var(--color_black);border-style:solid;border-width:1px}.card_goal{padding:2px;margin-right:5px}.card_icon_info{padding:2px;margin-left:5px;background-color:var(--color_gray);text-align:center}.card_icon_cost{margin-right:5px;background-color:var(--color_white);text-align:center}.card_icon_info i{font-weight:600}.card_goal_01{background-color:var(--color_goal_01)}.card_goal_02{background-color:var(--color_goal_02)}.card_goal_03{background-color:var(--color_goal_03)}.card_goal_04{background-color:var(--color_goal_04)}.formfield{width:100%;padding:20px}.formfield input{color:var(--color_fg);font-size:var(--font_size_03);font-weight:400;padding-left:8px}.formfield input::-moz-placeholder{color:var(--color_gray);opacity:1}.formfield input::placeholder{color:var(--color_gray);opacity:1}.formfield input::-ms-input-placeholder{color:var(--color_gray)}.formfield input,.formfield_option{width:100%;border-radius:4px;border-color:var(--color_border);border-style:inset;border-width:1px}.formfield input,.formfield_option_h{height:1.6em}.form_filter_switch label{cursor:pointer}.form_filter_switch_label{color:var(--color_fg);display:table-cell;vertical-align:middle;padding:8px;font-size:var(--font_size_03);font-weight:400}.form_filter_switch_label:hover{color:var(--color_selected)}.form_filter_switch_item input:checked+label{color:inherit}.form_filter_switch_item input:not(:checked)+label{--bg-opacity: 0;box-shadow:none}.formfield ul{padding:8px;border-radius:10px;color:var(--color_selected);font-size:var(--font_size_03);font-weight:400}input:focus,select:focus,textarea:focus,button:focus{outline:none}.button-wide{border-color:var(--color_border);border-style:outset;border-width:2px;border-radius:1em;width:100%;cursor:pointer}.button-wide::-webkit-validation-bubble:hover{border-style:inset}img{height:300px;width:auto;border-radius:25px}.title{padding:1em;margin-top:35%;text-align:center;font-size:var(--font_size_01)}.info{padding:1em;font-size:var(--font_size_04)}.slider_container{position:relative;height:100%;width:100%}#family-block{display:none}body{margin:0}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.debug{margin-bottom:.75rem;display:flex;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity));padding:.5rem;font-family:Roboto,serif;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.h-12{height:3rem}.max-w-full{max-width:100%}.flex-none{flex:none}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.p-2{padding:.5rem}.pl-5{padding-left:1.25rem}.pr-5{padding-right:1.25rem}.text-center{text-align:center}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}