@charset "UTF-8";@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/inter-regular-DJOZHnwz.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(/assets/inter-medium-oHczPpWt.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(/assets/inter-semibold-BHlX_6qk.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(/assets/inter-bold-2PT7Q-hu.woff) format("woff");font-display:swap}@font-face{font-family:JetBrains Mono;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(/assets/jetbrains-mono-variable-DgTxpPXt.ttf) format("truetype");font-display:swap}@font-face{font-family:roboto-mono;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(/assets/roboto-mono-variable-font-Be6w_Krw.ttf) format("truetype");font-display:swap}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{min-height:100vh;text-rendering:optimizeSpeed}html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0;font:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:inherit}:root{color-scheme:light dark}[data-theme=light]{--color-emphasis-high: rgba(17, 16, 16, .88);--color-emphasis-medium: rgba(13, 12, 12, .64);--color-emphasis-low: rgba(15, 14, 14, .42);--color-emphasis-24: rgba(4, 3, 3, .24);--color-emphasis-12: rgba(4, 3, 3, .12);--color-emphasis-08: rgba(4, 3, 3, .08);--color-emphasis-04: rgba(4, 3, 3, .05);--color-emphasis-02: rgba(4, 3, 3, .03);--color-emphasis-01: rgba(4, 3, 3, .02);--color-invert-high: rgba(252, 253, 254, .96);--color-invert-medium: rgba(236, 237, 238, .64);--color-invert-low: rgba(205, 206, 207, .45);--color-invert-24: rgba(206, 207, 208, .24);--color-invert-12: rgba(0, 0, 1, .44);--color-invert-08: rgba(0, 0, 1, .33);--color-invert-04: rgba(0, 0, 1, .21);--color-invert-02: rgba(0, 0, 1, .11);--color-invert-01: rgba(0, 0, 1, .04);--color-primary-high: rgba(33, 113, 206, 1);--color-primary-medium: rgba(54, 139, 237, 1);--color-primary-low: rgba(104, 164, 233, 1);--color-primary-24: rgba(165, 202, 243, 1);--color-primary-12: rgba(55, 141, 240, .21);--color-primary-08: rgba(55, 141, 240, .13);--color-secondary-high: rgba(252, 151, 18, 1);--color-secondary-medium: rgba(255, 175, 36, .9);--color-secondary-12: rgba(255, 166, 0, .21);--color-secondary-08: rgba(255, 166, 0, .13);--color-background-0: rgba(255, 254, 254, 1);--color-background-1: rgba(247, 246, 246, 1);--color-background-2: rgba(242, 241, 241, 1);--color-background-3: rgba(235, 234, 234, 1);--color-background-4: rgba(225, 224, 224, 1);--color-background-5: rgba(218, 217, 217, 1);--color-background-invert-0: rgba(37, 37, 38, 1);--color-background-invert-1: rgba(33, 33, 34, 1);--color-background-invert-2: rgba(29, 29, 30, 1);--color-background-invert-3: rgba(25, 25, 26, 1);--color-background-invert-4: rgba(21, 21, 22, 1);--color-background-invert-5: rgba(17, 17, 18, 1);--color-success: rgba(42, 169, 75, 1);--color-error: rgba(224, 48, 51, 1);--color-warning: rgba(219, 119, 4, 1);--color-highlights-orange: rgba(255, 206, 71, 1);--color-highlights-green: rgba(115, 229, 48, 1);--color-highlights-cyan: rgba(0, 215, 235, 1);--color-highlights-blue: rgba(0, 176, 235, 1);--color-highlights-purple: rgba(142, 134, 255, 1);--color-highlights-pink: rgba(222, 151, 255, 1);--color-highlights-red: rgba(255, 134, 152, 1);--color-elevations-ds0: rgba(0, 0, 0, .08);--color-elevations-ds1: rgba(0, 0, 0, .06);--color-elevations-ds2: rgba(0, 0, 0, .07);--color-elevations-ds3: rgba(0, 0, 0, .09);--color-elevations-ds4: rgba(0, 0, 0, .1);--color-elevations-is0: rgba(255, 255, 255, .1);--color-elevations-dp0: rgba(0, 0, 0, .03);--color-elevations-dp1: rgba(0, 0, 0, .06)}[data-theme=dark]{--color-emphasis-high: rgba(252, 253, 254, .96);--color-emphasis-medium: rgba(236, 237, 238, .64);--color-emphasis-low: rgba(205, 206, 207, .45);--color-emphasis-24: rgba(206, 207, 208, .24);--color-emphasis-12: rgba(0, 0, 1, .44);--color-emphasis-08: rgba(0, 0, 1, .33);--color-emphasis-04: rgba(0, 0, 1, .21);--color-emphasis-02: rgba(0, 0, 1, .11);--color-emphasis-01: rgba(0, 0, 1, .04);--color-invert-high: rgba(17, 16, 16, .88);--color-invert-medium: rgba(13, 12, 12, .64);--color-invert-low: rgba(15, 14, 14, .42);--color-invert-24: rgba(4, 3, 3, .24);--color-invert-12: rgba(4, 3, 3, .12);--color-invert-08: rgba(4, 3, 3, .08);--color-invert-04: rgba(4, 3, 3, .05);--color-invert-02: rgba(4, 3, 3, .03);--color-invert-01: rgba(4, 3, 3, .02);--color-primary-high: rgba(61, 190, 255, 1);--color-primary-medium: rgba(0, 136, 204, 1);--color-primary-low: rgba(0, 85, 128, 1);--color-primary-24: rgba(0, 51, 77, 1);--color-primary-12: rgba(0, 24, 36, 1);--color-primary-08: rgba(0, 10, 15, 1);--color-secondary-high: rgba(255, 200, 89, 1);--color-secondary-medium: rgba(240, 159, 19, .92);--color-secondary-12: rgba(250, 169, 40, .18);--color-secondary-08: rgba(250, 169, 40, .11);--color-background-0: rgba(37, 37, 38, 1);--color-background-1: rgba(33, 33, 34, 1);--color-background-2: rgba(29, 29, 30, 1);--color-background-3: rgba(25, 25, 26, 1);--color-background-4: rgba(21, 21, 22, 1);--color-background-5: rgba(17, 17, 18, 1);--color-background-invert-0: rgba(255, 254, 254, 1);--color-background-invert-1: rgba(247, 246, 246, 1);--color-background-invert-2: rgba(242, 241, 241, 1);--color-background-invert-3: rgba(235, 234, 234, 1);--color-background-invert-4: rgba(225, 224, 224, 1);--color-background-invert-5: rgba(218, 217, 217, 1);--color-success: rgba(101, 224, 123, 1);--color-error: rgba(255, 116, 114, 1);--color-warning: rgba(255, 195, 129, 1);--color-highlights-orange: rgba(165, 93, 0, 1);--color-highlights-green: rgba(28, 138, 0, 1);--color-highlights-cyan: rgba(0, 120, 150, 1);--color-highlights-blue: rgba(20, 87, 203, 1);--color-highlights-purple: rgba(97, 44, 204, 1);--color-highlights-pink: rgba(168, 0, 148, 1);--color-highlights-red: rgba(217, 65, 65, 1);--color-elevations-ds0: rgba(0, 0, 0, .64);--color-elevations-ds1: rgba(0, 0, 0, .24);--color-elevations-ds2: rgba(0, 0, 0, .24);--color-elevations-ds3: rgba(0, 0, 0, .24);--color-elevations-ds4: rgba(0, 0, 0, .24);--color-elevations-is0: rgba(255, 255, 255, .04);--color-elevations-dp0: rgba(0, 0, 0, .12);--color-elevations-dp1: rgba(0, 0, 0, .18)}[data-theme=dark] img.icon,[data-theme=dark] svg.logo{filter:invert(1)}@media(prefers-color-scheme:light){[data-theme=system]{--color-emphasis-high: rgba(17, 16, 16, .88);--color-emphasis-medium: rgba(13, 12, 12, .64);--color-emphasis-low: rgba(15, 14, 14, .42);--color-emphasis-24: rgba(4, 3, 3, .24);--color-emphasis-12: rgba(4, 3, 3, .12);--color-emphasis-08: rgba(4, 3, 3, .08);--color-emphasis-04: rgba(4, 3, 3, .05);--color-emphasis-02: rgba(4, 3, 3, .03);--color-emphasis-01: rgba(4, 3, 3, .02);--color-invert-high: rgba(252, 253, 254, .96);--color-invert-medium: rgba(236, 237, 238, .64);--color-invert-low: rgba(205, 206, 207, .45);--color-invert-24: rgba(206, 207, 208, .24);--color-invert-12: rgba(0, 0, 1, .44);--color-invert-08: rgba(0, 0, 1, .33);--color-invert-04: rgba(0, 0, 1, .21);--color-invert-02: rgba(0, 0, 1, .11);--color-invert-01: rgba(0, 0, 1, .04);--color-primary-high: rgba(33, 113, 206, 1);--color-primary-medium: rgba(54, 139, 237, 1);--color-primary-low: rgba(104, 164, 233, 1);--color-primary-24: rgba(165, 202, 243, 1);--color-primary-12: rgba(55, 141, 240, .21);--color-primary-08: rgba(55, 141, 240, .13);--color-secondary-high: rgba(252, 151, 18, 1);--color-secondary-medium: rgba(255, 175, 36, .9);--color-secondary-12: rgba(255, 166, 0, .21);--color-secondary-08: rgba(255, 166, 0, .13);--color-background-0: rgba(255, 254, 254, 1);--color-background-1: rgba(247, 246, 246, 1);--color-background-2: rgba(242, 241, 241, 1);--color-background-3: rgba(235, 234, 234, 1);--color-background-4: rgba(225, 224, 224, 1);--color-background-5: rgba(218, 217, 217, 1);--color-background-invert-0: rgba(37, 37, 38, 1);--color-background-invert-1: rgba(33, 33, 34, 1);--color-background-invert-2: rgba(29, 29, 30, 1);--color-background-invert-3: rgba(25, 25, 26, 1);--color-background-invert-4: rgba(21, 21, 22, 1);--color-background-invert-5: rgba(17, 17, 18, 1);--color-success: rgba(42, 169, 75, 1);--color-error: rgba(224, 48, 51, 1);--color-warning: rgba(219, 119, 4, 1);--color-highlights-orange: rgba(255, 206, 71, 1);--color-highlights-green: rgba(115, 229, 48, 1);--color-highlights-cyan: rgba(0, 215, 235, 1);--color-highlights-blue: rgba(0, 176, 235, 1);--color-highlights-purple: rgba(142, 134, 255, 1);--color-highlights-pink: rgba(222, 151, 255, 1);--color-highlights-red: rgba(255, 134, 152, 1);--color-elevations-ds0: rgba(0, 0, 0, .08);--color-elevations-ds1: rgba(0, 0, 0, .06);--color-elevations-ds2: rgba(0, 0, 0, .07);--color-elevations-ds3: rgba(0, 0, 0, .09);--color-elevations-ds4: rgba(0, 0, 0, .1);--color-elevations-is0: rgba(255, 255, 255, .1);--color-elevations-dp0: rgba(0, 0, 0, .03);--color-elevations-dp1: rgba(0, 0, 0, .06)}}@media(prefers-color-scheme:dark){[data-theme=system]{--color-emphasis-high: rgba(252, 253, 254, .96);--color-emphasis-medium: rgba(236, 237, 238, .64);--color-emphasis-low: rgba(205, 206, 207, .45);--color-emphasis-24: rgba(206, 207, 208, .24);--color-emphasis-12: rgba(0, 0, 1, .44);--color-emphasis-08: rgba(0, 0, 1, .33);--color-emphasis-04: rgba(0, 0, 1, .21);--color-emphasis-02: rgba(0, 0, 1, .11);--color-emphasis-01: rgba(0, 0, 1, .04);--color-invert-high: rgba(17, 16, 16, .88);--color-invert-medium: rgba(13, 12, 12, .64);--color-invert-low: rgba(15, 14, 14, .42);--color-invert-24: rgba(4, 3, 3, .24);--color-invert-12: rgba(4, 3, 3, .12);--color-invert-08: rgba(4, 3, 3, .08);--color-invert-04: rgba(4, 3, 3, .05);--color-invert-02: rgba(4, 3, 3, .03);--color-invert-01: rgba(4, 3, 3, .02);--color-primary-high: rgba(61, 190, 255, 1);--color-primary-medium: rgba(0, 136, 204, 1);--color-primary-low: rgba(0, 85, 128, 1);--color-primary-24: rgba(0, 51, 77, 1);--color-primary-12: rgba(0, 24, 36, 1);--color-primary-08: rgba(0, 10, 15, 1);--color-secondary-high: rgba(255, 200, 89, 1);--color-secondary-medium: rgba(240, 159, 19, .92);--color-secondary-12: rgba(250, 169, 40, .18);--color-secondary-08: rgba(250, 169, 40, .11);--color-background-0: rgba(37, 37, 38, 1);--color-background-1: rgba(33, 33, 34, 1);--color-background-2: rgba(29, 29, 30, 1);--color-background-3: rgba(25, 25, 26, 1);--color-background-4: rgba(21, 21, 22, 1);--color-background-5: rgba(17, 17, 18, 1);--color-background-invert-0: rgba(255, 254, 254, 1);--color-background-invert-1: rgba(247, 246, 246, 1);--color-background-invert-2: rgba(242, 241, 241, 1);--color-background-invert-3: rgba(235, 234, 234, 1);--color-background-invert-4: rgba(225, 224, 224, 1);--color-background-invert-5: rgba(218, 217, 217, 1);--color-success: rgba(101, 224, 123, 1);--color-error: rgba(255, 116, 114, 1);--color-warning: rgba(255, 195, 129, 1);--color-highlights-orange: rgba(165, 93, 0, 1);--color-highlights-green: rgba(28, 138, 0, 1);--color-highlights-cyan: rgba(0, 120, 150, 1);--color-highlights-blue: rgba(20, 87, 203, 1);--color-highlights-purple: rgba(97, 44, 204, 1);--color-highlights-pink: rgba(168, 0, 148, 1);--color-highlights-red: rgba(217, 65, 65, 1);--color-elevations-ds0: rgba(0, 0, 0, .64);--color-elevations-ds1: rgba(0, 0, 0, .24);--color-elevations-ds2: rgba(0, 0, 0, .24);--color-elevations-ds3: rgba(0, 0, 0, .24);--color-elevations-ds4: rgba(0, 0, 0, .24);--color-elevations-is0: rgba(255, 255, 255, .04);--color-elevations-dp0: rgba(0, 0, 0, .12);--color-elevations-dp1: rgba(0, 0, 0, .18)}[data-theme=system] img.icon,[data-theme=system] svg.logo{filter:invert(1)}}.truncate-single-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-multi-line{--truncate-line-count: 2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--truncate-line-clamp, 2)}.visibility-none{display:none!important}.visibility-hidden{visibility:hidden!important}.is-fullwidth{display:flex!important;justify-content:center;width:100%!important}.is-disable{pointer-events:none}:root{--scale-value: 1;--scale-ratio-margin: calc(((var(--scale-value) - 1) * 1.5) + 1);--scale-ratio-margin-inline: var(--scale-ratio-margin);--scale-ratio-margin-block: var(--scale-ratio-margin);--scale-ratio-margin-inline-start: var(--scale-ratio-margin-inline);--scale-ratio-margin-inline-end: var(--scale-ratio-margin-inline);--scale-ratio-margin-block-start: var(--scale-ratio-margin-block);--scale-ratio-margin-block-end: var(--scale-ratio-margin-block);--scale-ratio-gap: var(--scale-ratio-margin);--scale-ratio-row-gap: var(--scale-ratio-gap);--scale-ratio-column-gap: var(--scale-ratio-gap);--scale-ratio-padding: calc(((var(--scale-value) - 1) * 3) + 1);--scale-ratio-padding-inline: var(--scale-ratio-padding);--scale-ratio-padding-block: var(--scale-ratio-padding);--scale-ratio-padding-inline-start: var(--scale-ratio-padding-inline);--scale-ratio-padding-inline-end: var(--scale-ratio-padding-inline);--scale-ratio-padding-block-start: var(--scale-ratio-padding-block);--scale-ratio-padding-block-end: var(--scale-ratio-padding-block);--scale-ratio-border-radius: calc(((var(--scale-value) - 1) * 1 / 4) + 1);--scale-ratio-border-start-start-radius: var(--scale-ratio-border-radius);--scale-ratio-border-start-end-radius: var(--scale-ratio-border-radius);--scale-ratio-border-end-end-radius: var(--scale-ratio-border-radius);--scale-ratio-border-end-start-radius: var(--scale-ratio-border-radius);--scale-ratio-text-size: calc(((var(--scale-value) - 1) * 1 / 4) + 1);--scale-ratio-icon-size: calc(((var(--scale-value) - 1) * 1 / 4) + 1)}.material-icons-svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;--material-icons-size: 18px;--material-icons-color: var(--color-emphasis-medium);fill:var(--material-icons-color);width:calc(var(--scale-ratio-icon-size) * var(--material-icons-size));height:calc(var(--scale-ratio-icon-size) * var(--material-icons-size))}.add-pseudo-element{display:inline-block}.add-pseudo-element:before{content:url(../../../../Packages/SparrowTiny/packages/sparrow/dist/assets/icons/add-pseudo-element.svg);display:block;width:18px;height:18px;filter:invert(57%) sepia(81%) saturate(1435%) hue-rotate(153deg) brightness(81%) contrast(108%);transform:rotate(0) scale(1);transition:transform .36s ease-in-out}.add-pseudo-element:hover:before{transform:rotate(360deg) scale(2)}.add-background-image{display:inline-block}.add-background-image:before{content:"";display:block;width:18px;height:18px;filter:invert(21%) sepia(88%) saturate(1035%) hue-rotate(330deg) brightness(133%) contrast(75%);transform:rotate(0) scale(1);transition:transform .36s ease-in-out;background-image:url(../../../../Packages/SparrowTiny/packages/sparrow/dist/assets/icons/add-background-image.svg);background-position:initial;background-size:18px 18px;background-repeat:initial}.add-background-image:hover:before{transform:rotate(360deg) scale(2)}.add-mask-image{display:inline-block}.add-mask-image:before{content:"";display:block;width:18px;height:18px;background-color:#2aa847;-webkit-mask-image:url(../../../../Packages/SparrowTiny/packages/sparrow/dist/assets/icons/add-mask-image.svg);mask-image:url(../../../../Packages/SparrowTiny/packages/sparrow/dist/assets/icons/add-mask-image.svg);transform:rotate(0) scale(1);transition:transform .36s ease-in-out}.add-mask-image:hover:before{transform:rotate(360deg) scale(2)}.material-icons-svg.inline{fill:#9370db;transition:transform .36s ease-in-out}.material-icons-svg.inline:hover{transform:rotate(360deg)}.material-icons-svg.external{fill:#9acd32;transition:transform .36s ease-in-out}.material-icons-svg.external:hover{transform:rotate(360deg)}.text{--text-text-color: var(--color-emphasis-high);margin:0;padding-inline:calc(var(--scale-ratio-padding-inline-start) * 3px) calc(var(--scale-ratio-padding-inline-end) * 3px);padding-block:0 0;color:var(--text-text-color)}.text.is-bold{font-weight:700}.text.is-italic{font-style:italic}.text.is-underline{text-decoration:underline}h1.text,h2.text,h3.text,h4.text,h5.text,h6.text{--text-text-color: var(--color-emphasis-medium);padding-inline:calc(var(--scale-ratio-padding-inline-start) * 3px) calc(var(--scale-ratio-padding-inline-end) * 3px);padding-block:calc(var(--scale-ratio-padding-block-start) * 1px) calc(var(--scale-ratio-padding-block-end) * 2px)}:root{--effect-depth-0: none;--effect-depth-1: 0 0 0 1px var(--color-elevations-dp0, rgba(0, 0, 0, .03)) inset, 0 1px 1px 0 var(--color-elevations-dp1, rgba(0, 0, 0, .06)) inset;--effect-elevation-0: none;--effect-elevation-1: 0 1px 2px 0 rgba(0, 0, 0, .08);--effect-elevation-2: 0 1px 0 0 var(--color-elevations-is0, rgba(255, 255, 255, .1)) inset, 0 .66px 2px 0 var(--color-elevations-ds4, rgba(0, 0, 0, .1)), 0 .33px 1px 0 var(--color-elevations-ds3, rgba(0, 0, 0, .09)), 0 .165px .5px 0 var(--color-elevations-ds2, rgba(0, 0, 0, .07)), 0 .083px .25px 0 var(--color-elevations-ds1, rgba(0, 0, 0, .06)), 0 0 0 .5px var(--color-elevations-ds0, rgba(0, 0, 0, .08));--effect-elevation-4: 0 1px 0 0 var(--color-elevations-is0, rgba(255, 255, 255, .1)) inset, 0 1.32px 4px 0 var(--color-elevations-ds4, rgba(0, 0, 0, .1)), 0 .66px 2px 0 var(--color-elevations-ds3, rgba(0, 0, 0, .09)), 0 .33px 1px 0 var(--color-elevations-ds2, rgba(0, 0, 0, .07)), 0 .165px .5px 0 var(--color-elevations-ds1, rgba(0, 0, 0, .06)), 0 0 0 1px var(--color-elevations-ds0, rgba(0, 0, 0, .08));--effect-elevation-8: 0 1px 0 0 var(--color-elevations-is0, rgba(255, 255, 255, .1)) inset, 0 2.64px 8px 0 var(--color-elevations-ds4, rgba(0, 0, 0, .1)), 0 1.32px 4px 0 var(--color-elevations-ds3, rgba(0, 0, 0, .09)), 0 .66px 2px 0 var(--color-elevations-ds2, rgba(0, 0, 0, .07)), 0 .33px 1px 0 var(--color-elevations-ds1, rgba(0, 0, 0, .06)), 0 0 0 1px var(--color-elevations-ds0, rgba(0, 0, 0, .08));--effect-elevation-16: 0 1px 0 0 var(--color-elevations-is0, rgba(255, 255, 255, .1)) inset, 0 5.28px 16px 0 var(--color-elevations-ds4, rgba(0, 0, 0, .1)), 0 2.64px 8px 0 var(--color-elevations-ds3, rgba(0, 0, 0, .09)), 0 1.32px 4px 0 var(--color-elevations-ds2, rgba(0, 0, 0, .07)), 0 .66px 2px 0 var(--color-elevations-ds1, rgba(0, 0, 0, .06)), 0 0 0 1px var(--color-elevations-ds0, rgba(0, 0, 0, .08));--effect-elevation-24: 0 0 2px 0 rgba(10, 26, 26, .32), 0 12px 24px 0 rgba(0, 0, 0, .04), 0 6px 12px 0 rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .08);--effect-elevation-32: 0 1px 0 0 var(--color-elevations-is0, rgba(255, 255, 255, .1)) inset, 0 10.56px 32px 0 var(--color-elevations-ds4, rgba(0, 0, 0, .1)), 0 5.28px 16px 0 var(--color-elevations-ds3, rgba(0, 0, 0, .09)), 0 2.64px 8px 0 var(--color-elevations-ds2, rgba(0, 0, 0, .07)), 0 1.32px 4px 0 var(--color-elevations-ds1, rgba(0, 0, 0, .06)), 0 0 0 1px var(--color-elevations-ds0, rgba(0, 0, 0, .08));--effect-elevation-48: 0 1px 0 0 var(--color-elevations-is0, rgba(255, 255, 255, .1)) inset, 0 15.84px 48px 0 var(--color-elevations-ds4, rgba(0, 0, 0, .1)), 0 7.92px 24px 0 var(--color-elevations-ds3, rgba(0, 0, 0, .09)), 0 3.96px 12px 0 var(--color-elevations-ds2, rgba(0, 0, 0, .07)), 0 1.98px 6px 0 var(--color-elevations-ds1, rgba(0, 0, 0, .06)), 0 0 0 1px var(--color-elevations-ds0, rgba(0, 0, 0, .08));--effect-elevation-64: 0 1px 0 0 var(--color-elevations-is0, rgba(255, 255, 255, .1)) inset, 0 21.2px 64px 0 var(--color-elevations-ds4, rgba(0, 0, 0, .1)), 0 10.56px 32px 0 var(--color-elevations-ds3, rgba(0, 0, 0, .09)), 0 5.28px 16px 0 var(--color-elevations-ds2, rgba(0, 0, 0, .07)), 0 2.64px 8px 0 var(--color-elevations-ds1, rgba(0, 0, 0, .06)), 0 0 0 1px var(--color-elevations-ds0, rgba(0, 0, 0, .08))}.button{--button-text-color: unset;--button-icon-color: unset;--button-background-color: unset;--button-hover-color: unset;--button-active-color: unset;background-color:var(--button-background-color);border:none;box-shadow:var(--effect-elevation-4);border-start-start-radius:calc(var(--scale-ratio-border-start-start-radius) * 6px);border-start-end-radius:calc(var(--scale-ratio-border-start-end-radius) * 6px);border-end-end-radius:calc(var(--scale-ratio-border-end-end-radius) * 6px);border-end-start-radius:calc(var(--scale-ratio-border-end-start-radius) * 6px);padding-inline:calc(var(--scale-ratio-padding-inline-start) * 6px) calc(var(--scale-ratio-padding-inline-end) * 6px);padding-block:calc(var(--scale-ratio-padding-block-start) * 3px) calc(var(--scale-ratio-padding-block-end) * 3px);cursor:pointer;display:inline-flex;align-items:center;gap:3px;position:relative}.button:before{content:"";position:absolute;inset:0;border-radius:inherit}.button:not(.no-hover):hover:before,.button:not(.no-hover).is-hovered:before{background-color:var(--button-hover-color)}.button:not(.no-active):active,.button:not(.no-active).is-pressed{box-shadow:var(--effect-depth-1)}.button:not(.no-active):active:before,.button:not(.no-active).is-pressed:before{background-color:var(--button-active-color)}.button .text,.button .material-icons-svg,.button .icon,.button svg{position:inherit;z-index:1;color:var(--button-text-color);fill:var(--button-icon-color)}.button .text:empty,.button .material-icons-svg:empty,.button .icon:empty,.button svg:empty{display:none}.button.is-primary{--button-text-color: var(--color-invert-high);--button-icon-color: var(--color-invert-high);--button-background-color: var(--color-primary-high);--button-hover-color: var(--color-emphasis-12);--button-active-color: var(--color-emphasis-24)}.button.is-secondary{--button-text-color: var(--color-emphasis-high);--button-icon-color: var(--color-emphasis-high);--button-background-color: var(--color-background-0);--button-hover-color: var(--color-emphasis-08);--button-active-color: var(--color-emphasis-12)}.button.is-ghost{--button-text-color: var(--color-emphasis-medium);--button-icon-color: var(--color-emphasis-medium);--button-background-color: transparent;--button-hover-color: var(--color-emphasis-04);--button-active-color: var(--color-emphasis-08);box-shadow:none}.button.is-ghost:disabled,.button.is-ghost.is-disable{--button-background-color: transparent}.button.direction-row{flex-direction:row}.button.direction-column{flex-direction:column;align-items:center}.button:disabled,.button.is-disable{--button-text-color: var(--color-emphasis-24);--button-icon-color: var(--color-emphasis-24);--button-background-color: var(--color-emphasis-08);--button-hover-color: transparent;--button-active-color: transparent;box-shadow:none;cursor:default;pointer-events:none}:root{--color-white: #FFFFFF;--color-black: #24272E;--color-green: #007D64}@font-face{font-family:Inter Display;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-display-bold.woff2) format("woff2")}@font-face{font-family:Helvetica Neue;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/helvetica-neue-medium.otf) format("opentype")}@font-face{font-family:Helvetica Neue;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/helvetica-neue-bold.otf) format("opentype")}@font-face{font-family:Helvetica Now Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/helvetica-now-text.ttf) format("truetype")}@font-face{font-family:Jetbrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-medium.woff2) format("woff2")}.panel{background-color:var(--color-white);padding-inline:calc(var(--scale-ratio-padding-inline-start) * 24px) calc(var(--scale-ratio-padding-inline-end) * 24px);padding-block:calc(var(--scale-ratio-padding-block-start) * 24px) calc(var(--scale-ratio-padding-block-end) * 24px)}@media screen and (min-width:1280px){.panel{padding-inline:calc(var(--scale-ratio-padding-inline-start) * 60px) calc(var(--scale-ratio-padding-inline-end) * 60px);padding-block:calc(var(--scale-ratio-padding-block-start) * 54px) calc(var(--scale-ratio-padding-block-end) * 54px)}}*{-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0,0,0,.004);-moz-osx-font-smoothing:grayscale}:root{--text-size-base: 13px;--text-size-ratio: 1.15;--text-size-h1: calc(var(--text-size-h2) * var(--text-size-ratio));--text-size-h2: calc(var(--text-size-h3) * var(--text-size-ratio));--text-size-h3: calc(var(--text-size-h4) * var(--text-size-ratio));--text-size-h4: calc(var(--text-size-subtitle) * var(--text-size-ratio));--text-size-subtitle: calc(var(--text-size-body) * var(--text-size-ratio));--text-size-body: calc(1rem * var(--scale-ratio-text-size));--text-size-caption1: calc(var(--text-size-body) / var(--text-size-ratio));--text-size-caption2: calc(var(--text-size-caption1) / var(--text-size-ratio));--text-size-overline: calc(var(--text-size-caption2) / var(--text-size-ratio));--text-size-code: 12px}html{font-size:var(--text-size-base)}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(./fonts/inter-regular.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(./fonts/inter-medium.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(./fonts/inter-semibold.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(./fonts/inter-bold.woff) format("woff");font-display:swap}@font-face{font-family:JetBrains Mono;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(./fonts/jetbrains-mono-variable.ttf) format("truetype");font-display:swap}@font-face{font-family:roboto-mono;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(./fonts/./roboto-mono-variable-font.ttf) format("truetype");font-display:swap}.font-weight-400{font-weight:400}.font-weight-500{font-weight:500}.font-weight-600{font-weight:600}.font-weight-700{font-weight:700}.h1{font-family:Inter,sans-serif;font-size:var(--text-size-h1);line-height:1.38;vertical-align:baseline}.h2{font-family:Inter,sans-serif;font-size:var(--text-size-h2);line-height:1.58;vertical-align:baseline}.h3{font-family:Inter,sans-serif;font-size:var(--text-size-h3);line-height:1.52;vertical-align:baseline}.h4{font-family:Inter,sans-serif;font-size:var(--text-size-h4);line-height:1.75;vertical-align:baseline}.subtitle{font-family:Inter,sans-serif;font-size:var(--text-size-subtitle);line-height:1.385;vertical-align:baseline}.body{font-family:Inter,sans-serif;font-size:var(--text-size-body);line-height:1.385;vertical-align:baseline}.caption1{font-family:Inter,sans-serif;font-size:var(--text-size-caption1);line-height:1.385;vertical-align:baseline}.caption2{font-family:Inter,sans-serif;font-size:var(--text-size-caption2);line-height:1.385;vertical-align:baseline}.overline{font-family:Inter,sans-serif;font-size:var(--text-size-overline);line-height:1.385;vertical-align:baseline}.code{font-family:JetBrains Mono,sans-serif;font-size:var(--text-size-code);line-height:1.5;vertical-align:baseline}.caption1.font-wight-500{letter-spacing:.057px}.caption1.font-wight-600{letter-spacing:.075px}.caption1.font-wight-700{letter-spacing:.085px}.caption2.font-wight-500{letter-spacing:.147px}.caption2.font-wight-600{letter-spacing:.197px}.caption2.font-wight-700{letter-spacing:.246px}.overline.font-wight-500,.overline.font-wight-600,.overline.font-wight-700{letter-spacing:.257px}.navbar{--navbar-background-color: var(--color-white);--navbar-text-color: var(--color-black);--navbar-icon-color: var(--color-black);--navbar-backdrop-color: rgba(36, 39, 46, .8);display:flex;flex-direction:column;gap:2px;overflow:hidden}.navbar>*:not(.navbar-backdrop){z-index:10}.navbar .pattern-wrapper{position:absolute;inset:calc(100% + 2px) 0 0 0;overflow:hidden;height:-moz-max-content;height:max-content}.navbar .brand-pattern{display:block;min-height:12px;min-width:642px}.navbar-title{min-width:320px;background:var(--navbar-background-color);display:flex;align-items:center;padding-inline:calc(var(--scale-ratio-padding-inline-start) * 9px) calc(var(--scale-ratio-padding-inline-end) * 9px);padding-block:calc(var(--scale-ratio-padding-block-start) * 7px) calc(var(--scale-ratio-padding-block-end) * 7px)}.navbar-title .button{padding:4px!important;border-radius:0}.navbar-title .button .icon{fill:var(--navbar-icon-color)}.navbar-title .logo{margin:0 auto;display:inline-flex;padding:0 24px 0 0}.navbar-title .logo svg{display:block;height:24px;width:auto}.navbar-menu{position:absolute;inset:42px 2px 2px;height:353px;max-width:591px;min-width:320px;margin:0 auto;padding-inline:calc(var(--scale-ratio-padding-inline-start) * 16px) calc(var(--scale-ratio-padding-inline-end) * 16px);padding-block:calc(var(--scale-ratio-padding-block-start) * 12px) calc(var(--scale-ratio-padding-block-end) * 12px);background:var(--navbar-background-color);display:flex;flex-direction:column;justify-content:space-between}.navbar-menu .nav-list{display:flex;flex-direction:column;gap:calc(var(--scale-ratio-row-gap) * 8px) calc(var(--scale-ratio-column-gap) * 8px)}.navbar-menu .nav-list:not(.nav-legal) .text{font-family:Inter,sans-serif;font-size:var(--text-size-subtitle);font-weight:600;line-height:1.385;vertical-align:baseline}.navbar-menu .nav-legal{gap:calc(var(--scale-ratio-row-gap) * 2px) calc(var(--scale-ratio-column-gap) * 2px)}.navbar-menu .nav-legal .text{font-family:Helvetica Neue,sans-serif;font-weight:500;font-size:12px}.navbar-menu .nav-legal .copyright{margin-inline:0 0;margin-block:calc(var(--scale-ratio-margin-block-start) * 6px) 0;color:var(--color-emphasis-low)}.navbar-menu .link{text-decoration:none}.navbar-menu .link.is-active{margin-inline:calc(var(--scale-ratio-margin-inline-start) * 8px) 0;margin-block:0 0}.navbar-menu .link .text{color:var(--navbar-text-color)}.navbar-menu .text{padding:0}.navbar-backdrop{position:fixed;inset:0;z-index:9;background-color:var(--navbar-backdrop-color)}@media screen and (min-width:1280px){.navbar{display:none}}.lang-id.navbar .get-api-key .text{color:var(--color-green)}.formeler.navbar{--navbar-background-color: rgba(60, 67, 77, 1);--navbar-text-color: var(--color-invert-high);--navbar-icon-color: var(--color-invert-high)}.formeler.navbar .navbar-menu .nav-list:not(.nav-legal)>:first-child{margin-inline:0 0;margin-block:0 calc(var(--scale-ratio-margin-block-end) * 13px)}.formeler.navbar .navbar-menu .nav-legal .copyright{color:var(--color-invert-low)}.account-navbar{--navbar-background-color: rgba(36, 39, 46, 1)}.account-navbar .navbar-title{padding-inline:calc(var(--scale-ratio-padding-inline-start) * 9px) calc(var(--scale-ratio-padding-inline-end) * 9px);padding-block:calc(var(--scale-ratio-padding-block-start) * 7px) calc(var(--scale-ratio-padding-block-end) * 7px)}.account-navbar .navbar-title .link:first-of-type{margin:0 0 0 auto;padding:0}.account-navbar .navbar-title .link:last-of-type{margin:0 auto 0 0}.sidebar{--sidebar-background-color: var(--color-white);--sidebar-text-color: var(--color-black);width:100%;max-width:203px;background:var(--sidebar-background-color);height:642px;display:flex;flex-direction:column;position:sticky;top:2px;margin-inline:calc(var(--scale-ratio-margin-inline-start) * 14px) 0;margin-block:0 0}.sidebar .brand-pattern{position:absolute;left:-14px}.sidebar-title{padding-inline:calc(var(--scale-ratio-padding-inline-start) * 9px) calc(var(--scale-ratio-padding-inline-end) * 9px);padding-block:calc(var(--scale-ratio-padding-block-start) * 7px) calc(var(--scale-ratio-padding-block-end) * 3px)}.sidebar-title .link{display:inline-block}.sidebar-list{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding-inline:calc(var(--scale-ratio-padding-inline-start) * 16px) calc(var(--scale-ratio-padding-inline-end) * 16px);padding-block:calc(var(--scale-ratio-padding-block-start) * 12px) calc(var(--scale-ratio-padding-block-end) * 12px)}.sidebar-list .nav-list{display:flex;flex-direction:column;gap:calc(var(--scale-ratio-row-gap) * 6px) calc(var(--scale-ratio-column-gap) * 6px)}.sidebar-list .nav-list .link{text-decoration:none}.sidebar-list .nav-list .link.is-active{margin-inline:calc(var(--scale-ratio-margin-inline-start) * 8px) 0;margin-block:0 0}.sidebar-list .nav-list .text{padding:0;color:var(--sidebar-text-color)}.sidebar-list .nav-legal{gap:calc(var(--scale-ratio-row-gap) * 2px) calc(var(--scale-ratio-column-gap) * 2px)}.sidebar-list .nav-legal .text{font-family:Helvetica Neue,sans-serif;font-weight:500;font-size:12px}.sidebar-list .nav-legal .copyright{margin-inline:0 0;margin-block:calc(var(--scale-ratio-margin-block-start) * 6px) 0}@media screen and (max-width:1279px){.sidebar{display:none}}.sidebar.lang-id .nav-legal .text{color:var(--color-emphasis-high)}.sidebar.lang-id .nav-legal .copyright{color:var(--color-emphasis-low)}.sidebar.lang-id .nav-link.get-api-key .text{color:var(--color-green)}.sidebar.formeler{--sidebar-background-color: rgba(60, 67, 77, 1);--sidebar-text-color: var(--color-invert-high)}.sidebar.formeler .sidebar-list .nav-list:not(.nav-legal)>:first-child{margin-inline:0 0;margin-block:0 calc(var(--scale-ratio-margin-block-end) * 15px)}.sidebar.formeler .sidebar-list .nav-legal .copyright{color:var(--color-invert-low)}.account-sidebar{--sidebar-background-color: rgba(36, 39, 46, 1);max-width:217px;margin:0}.account-sidebar .brand-pattern{display:none}.account-sidebar .sidebar-title{display:flex;width:-moz-max-content;width:max-content;gap:2px;padding:0}.account-sidebar .sidebar-title .link{padding-inline:calc(var(--scale-ratio-padding-inline-start) * 9px) calc(var(--scale-ratio-padding-inline-end) * 9px);padding-block:calc(var(--scale-ratio-padding-block-start) * 7px) calc(var(--scale-ratio-padding-block-end) * 7px)}.account-sidebar .sidebar-title .link:first-of-type{padding-inline-end:0}.account-sidebar .sidebar-title .link:last-of-type{padding-inline-start:0;margin-inline-start:-2px}.footer{--banner-background-color: #035E4C;--banner-button-color: #39A062;--banner-text-color: #FFFFFF;--footnote-text-color: #9BAABA;max-width:591px;width:100%;margin:auto auto 0}.footer .image-container{padding-inline:calc(var(--scale-ratio-padding-inline-start) * 37px) calc(var(--scale-ratio-padding-inline-end) * 37px);padding-block:calc(var(--scale-ratio-padding-block-start) * 60px) calc(var(--scale-ratio-padding-block-end) * 60px)}.footer.lang-id .banner-text,.footer.lang-id .banner>.text{font-family:Inter,sans-serif;font-size:var(--text-size-h3);font-weight:500;line-height:1.52;vertical-align:baseline;font-size:19px;line-height:25px}.footer.lang-id .banner{width:100%;background-color:var(--banner-background-color);padding-inline:calc(var(--scale-ratio-padding-inline-start) * 30px) calc(var(--scale-ratio-padding-inline-end) * 30px);padding-block:calc(var(--scale-ratio-padding-block-start) * 30px) calc(var(--scale-ratio-padding-block-end) * 30px);display:flex;flex-direction:column;align-items:start;gap:calc(var(--scale-ratio-row-gap) * 19px) calc(var(--scale-ratio-column-gap) * 19px)}.footer.lang-id .banner>.text{color:var(--banner-text-color)}.footer.lang-id .banner-button{background:var(--banner-button-color)}.footer.lang-id .banner-button .text{color:var(--banner-text-color)}.footer.lang-id .footnote-panel{padding-inline:calc(var(--scale-ratio-padding-inline-start) * 17px) calc(var(--scale-ratio-padding-inline-end) * 17px);padding-block:calc(var(--scale-ratio-padding-block-start) * 34px) 0;display:flex;flex-direction:column;gap:calc(var(--scale-ratio-row-gap) * 6px) calc(var(--scale-ratio-column-gap) * 6px)}.footer.lang-id .footnote{margin-inline:calc(var(--scale-ratio-margin-inline-start) * 18px) 0;margin-block:0 0}.footer.lang-id .footnote *,.footer.lang-id .footnote::marker{text-decoration:none;font-family:Helvetica Now Text,sans-serif;color:var(--footnote-text-color)}@media screen and (min-width:1280px){.footer{max-width:100%;margin:0}.footer .image-container{padding-inline:calc(var(--scale-ratio-padding-inline-start) * 219px) calc(var(--scale-ratio-padding-inline-end) * 219px);padding-block:calc(var(--scale-ratio-padding-block-start) * 60px) calc(var(--scale-ratio-padding-block-end) * 60px)}.footer.lang-id .image-container{padding-inline:0 0;padding-block:calc(var(--scale-ratio-padding-block-start) * 60px) calc(var(--scale-ratio-padding-block-end) * 60px)}.footer.lang-id{padding-inline:calc(var(--scale-ratio-padding-inline-start) * 219px) calc(var(--scale-ratio-padding-inline-end) * 219px);padding-block:0 0}.footer.lang-id .banner{flex-direction:row;align-items:baseline;gap:calc(var(--scale-ratio-row-gap) * 43px) calc(var(--scale-ratio-column-gap) * 43px)}.footer.lang-id .banner>.text{min-width:532px}.footer.lang-id .footnote-panel{max-width:695px}}.faq-accordion .h2{--text-text-color: var(--color-emphasis-high);font-size:24px;line-height:125%;margin-inline:calc(var(--scale-ratio-margin-inline-start) * 26px) calc(var(--scale-ratio-margin-inline-end) * 26px);margin-block:0 calc(var(--scale-ratio-margin-block-end) * 18px)}.faq-accordion .accordions-group{display:flex;flex-direction:column;padding-inline:0 0;padding-block:calc(var(--scale-ratio-padding-block-start) * 6px) 0;gap:calc(var(--scale-ratio-row-gap) * 12px) calc(var(--scale-ratio-column-gap) * 12px)}.faq-accordion .accordion{border:none}.faq-accordion .accordion .subtitle{padding:0}.faq-accordion .accordion-body{padding-inline:calc(var(--scale-ratio-padding-inline-start) * 26px) 0;padding-block:calc(var(--scale-ratio-padding-block-start) * 1px) calc(var(--scale-ratio-padding-block-end) * 6px)}.faq-accordion .accordion-body .text{line-height:20.77px;--text-text-color: var(--color-emphasis-medium)}.faq-accordion .accordion-body .link{text-decoration-color:var(--color-primary-medium)}.faq-accordion .accordion-body .link .text{color:var(--color-primary-high)}.faq-accordion .accordion-body .footnote-reference .link{text-decoration:none}.faq-accordion .accordion-body .footnote-reference .text{font-size:11px;color:var(--color-emphasis-medium)}.faq-accordion .accordion-header{padding:0;border-radius:6px;align-items:start}.faq-accordion .accordion-header .arrow-button{padding-inline:0 calc(var(--scale-ratio-padding-inline-end) * 6px);padding-block:0 calc(var(--scale-ratio-padding-block-end) * 3px)}.faq-accordion .accordion-header .header-content{padding:0}.faq-accordion .accordion-header .subtitle{--text-text-color: var(--color-emphasis-high)}.faq-accordion .accordion-header .icon{fill:var(--color-emphasis-high)}.tab{background-color:var(--color-background-1)}.tab .content-group{display:flex;flex-direction:column;gap:calc(var(--scale-ratio-row-gap) * 8px) calc(var(--scale-ratio-column-gap) * 8px);padding-inline:calc(var(--scale-ratio-padding-inline-start) * 14px) calc(var(--scale-ratio-padding-inline-end) * 16px);padding-block:calc(var(--scale-ratio-padding-block-start) * 10px) calc(var(--scale-ratio-padding-block-end) * 10px);cursor:pointer}.tab .content-group svg{height:24px}.tab.is-select{background-color:var(--color-background-0)}.button.is-primary,.button.is-secondary,.button.is-ghost{border-radius:0;padding-inline:calc(var(--scale-ratio-padding-inline-start) * 15px) calc(var(--scale-ratio-padding-inline-end) * 15px);padding-block:calc(var(--scale-ratio-padding-block-start) * 6px) calc(var(--scale-ratio-padding-block-end) * 6px)}.button.is-primary .text,.button.is-secondary .text,.button.is-ghost .text{font-family:Inter,sans-serif;font-size:var(--text-size-subtitle);font-weight:500;line-height:1.385;vertical-align:baseline;font-family:Helvetica Neue,sans-serif}.text,h1.text,h2.text,h3.text,h4.text,h5.text,h6.text{padding:0}.hero .list,.pricing .list{--list-marker-color: #8CC7AF;display:flex;flex-direction:column;gap:calc(var(--scale-ratio-row-gap) * 10px) calc(var(--scale-ratio-column-gap) * 10px)}.hero .list .list-item,.pricing .list .list-item{font-family:Inter,sans-serif;font-size:var(--text-size-subtitle);font-weight:450;line-height:1.385;vertical-align:baseline;font-size:15px;line-height:1.25;display:flex;align-items:flex-start;gap:12px}.hero .list .list-item:before,.pricing .list .list-item:before{content:"";display:block;padding:3px;margin:7px 0;background:var(--list-marker-color)}.linear-progressbar{width:100%;border-radius:0;box-shadow:none;--progressbar-background-color: var(--color-background-2)}.dialog-block .dialog{margin:0}.checkout-dialog .close-button{padding:6px 9px}#app .dev-navbar{display:flex;flex-direction:column;justify-content:start;gap:4px;padding:9px;background:var(--color-emphasis-medium);position:fixed;visibility:visible;inset:0 auto 0 0;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0;opacity:0;transition:opacity .12s ease-out,transform .12s ease-out;transform:translate(-95%)}#app .dev-navbar a{text-decoration:none;margin:0;padding:4px 6px;border-radius:6px}#app .dev-navbar a .text{color:var(--color-invert-medium)}#app .dev-navbar a:hover{background-color:var(--color-emphasis-24)}#app .dev-navbar a:hover .text{color:var(--color-invert-high)}#app .dev-navbar a.is-active{background-color:var(--color-emphasis-low)}#app .dev-navbar a.is-active .text{color:var(--color-invert-high)}#app .dev-navbar:hover{opacity:1;transform:translate(0)}#app{background:var(--color-black);min-height:100vh;padding:2px;display:flex;flex-direction:column;gap:calc(var(--scale-ratio-row-gap) * 2px) calc(var(--scale-ratio-column-gap) * 2px)}@media screen and (min-width:1280px){#app{display:grid;grid-template-areas:"sidebar main" "footer footer";grid-template-columns:217px max-content;grid-template-rows:1fr max-content;justify-items:start;align-items:start;gap:calc(var(--scale-ratio-row-gap) * 2px) calc(var(--scale-ratio-column-gap) * 2px)}#app .sidebar{grid-area:sidebar}#app main{grid-area:main}#app .footer{grid-area:footer}}