:root{--color-brand:#7f7af2;--color-error:#d93025;--color-success:#188038;--color-neutral-1:#fff;--color-neutral-2:#f5f5f5;--color-neutral-3:#ececec;--color-neutral-4:#b8b8b8;--color-neutral-5:#555;--color-neutral-6:#111}body.dark{--color-neutral-1:#111;--color-neutral-2:#1b1b1b;--color-neutral-3:#292929;--color-neutral-4:#5a5a5a;--color-neutral-5:#bdbdbd;--color-neutral-6:#f2f2f2;--color-brand:#8ab4f8;--color-error:#f2aaaa;--color-success:#81c995}:root{--font-size-heading-1:2rem;--font-size-heading-2:1.5rem;--font-size-subheading:1.125rem;--font-size-text-small:.875rem;--font-size-text:1rem;--font-weight-bold:700;--font-weight-regular:400;--font-weight-semibold:600;--line-height-heading:1.2;--line-height-text:1.5;--space-small:8px;--space-standard:16px;--space-large:32px;--height-tall:72px;--height-standard:48px;--height-short:14px;--width-nav:228px;--width-icon-standard:28px;--width-short-elements:50px;--width-wide-elements:520px;--border-weight:1px;--border-radius-inner:9px;--border-radius-outer:18px}.btn{width:max-content;height:var(--height-standard);justify-content:center;align-items:center;gap:var(--space-small);padding:0 var(--space-standard);border:var(--border-weight) solid var(--color-neutral-4);border-radius:var(--border-radius-inner);background:var(--color-neutral-4);color:var(--color-neutral-6);font:inherit;font-size:var(--font-size-text);font-weight:var(--font-weight-semibold);cursor:pointer;line-height:1;text-decoration:none;display:inline-flex}.btn-color-fill-brand{background:var(--color-brand)}.btn-color-label-brand{color:var(--color-brand)}.btn-color-icon-brand .btn-icon-image{filter:brightness(0)saturate()invert(52%)sepia(46%)saturate(1376%)hue-rotate(205deg)brightness(101%)contrast(90%)}.btn-color-outline-brand{border-color:var(--color-brand)}.btn-icon{padding-left:var(--space-standard)}.btn-no-fill,.btn-no-fill:hover{background:0 0}.btn-no-border,.btn-no-border:hover{border-color:#0000}.btn-sides-rounded{border-radius:100vh}.btn-text{height:auto;padding:var(--space-small) var(--space-small);color:var(--color-brand);border-radius:var(--border-radius-inner);background:0 0;border-color:#0000}.btn-text:hover{filter:none;background:var(--color-neutral-2);color:var(--color-brand);border-color:#0000}.btn-icon-image{width:var(--width-icon-standard);height:var(--width-icon-standard);flex:0 0 var(--width-icon-standard);fill:currentColor;display:block}.input-range-slider,.input-text-field{width:min(var(--width-wide-elements), 100%);gap:var(--space-small);color:var(--color-neutral-5);font-size:var(--font-size-text-small);display:grid}.input-range-slider input{width:100%;accent-color:var(--color-brand);cursor:pointer}.input-text-field{position:relative}.input-text-field-border{border:var(--border-weight) solid var(--color-neutral-4);border-radius:var(--border-radius-inner);width:100%;margin:0;padding:0;position:relative}.input-text-field input{width:100%;padding:var(--space-standard);color:var(--color-neutral-6);font:inherit;font-size:var(--font-size-text);background:0 0;border:0;outline:0}.input-text-field label{top:50%;left:var(--space-standard);z-index:2;color:var(--color-neutral-5);font-size:var(--font-size-text);pointer-events:none;background:0 0;padding:0;line-height:1;transition:top .15s,font-size .15s,color .15s;position:absolute;transform:translateY(-50%)}.input-text-field.floating label{padding:0 var(--space-small);background:var(--color-neutral-2);color:var(--color-brand);font-size:var(--font-size-text-small);top:0}.input-text-field.focused .input-text-field-border{border:var(--border-weight) solid var(--color-brand)}.input-text-field.error .input-text-field-border{border:var(--border-weight) solid var(--color-error)}.input-text-field.error label{color:var(--color-error)}.input-error{align-items:center;gap:var(--space-small);margin-top:var(--space-small);color:var(--color-error);font-size:var(--font-size-text-small);display:none}.input-error-icon{width:var(--width-icon-standard);height:var(--width-icon-standard);border:var(--border-weight) solid var(--color-error);border-radius:0;display:inline-block}.input-text-field.error .input-error{display:flex}.input-validate-button{margin-top:var(--space-standard)}.input-checkbox-button{align-items:center;gap:var(--space-small);color:var(--color-neutral-6);cursor:pointer;display:inline-flex}.input-checkbox-button input{width:var(--height-short);height:var(--height-short);flex:0 0 var(--height-short);appearance:none;background-color:var(--color-error);cursor:pointer;-webkit-mask:url("data:image/svg+xml,%3csvg%20fill='%23000000'%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3ecross-checkbox%3c/title%3e%3cpath%20d='M0%2026.016q0%202.496%201.76%204.224t4.256%201.76h20q2.464%200%204.224-1.76t1.76-4.224v-20q0-2.496-1.76-4.256t-4.224-1.76h-20q-2.496%200-4.256%201.76t-1.76%204.256v20zM4%2026.016v-20q0-0.832%200.576-1.408t1.44-0.608h20q0.8%200%201.408%200.608t0.576%201.408v20q0%200.832-0.576%201.408t-1.408%200.576h-20q-0.832%200-1.44-0.576t-0.576-1.408zM9.76%2020.256q0%200.832%200.576%201.408t1.44%200.608%201.408-0.608l2.816-2.816%202.816%202.816q0.576%200.608%201.408%200.608t1.44-0.608%200.576-1.408-0.576-1.408l-2.848-2.848%202.848-2.816q0.576-0.576%200.576-1.408t-0.576-1.408-1.44-0.608-1.408%200.608l-2.816%202.816-2.816-2.816q-0.576-0.608-1.408-0.608t-1.44%200.608-0.576%201.408%200.576%201.408l2.848%202.816-2.848%202.848q-0.576%200.576-0.576%201.408z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20fill='%23000000'%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3ecross-checkbox%3c/title%3e%3cpath%20d='M0%2026.016q0%202.496%201.76%204.224t4.256%201.76h20q2.464%200%204.224-1.76t1.76-4.224v-20q0-2.496-1.76-4.256t-4.224-1.76h-20q-2.496%200-4.256%201.76t-1.76%204.256v20zM4%2026.016v-20q0-0.832%200.576-1.408t1.44-0.608h20q0.8%200%201.408%200.608t0.576%201.408v20q0%200.832-0.576%201.408t-1.408%200.576h-20q-0.832%200-1.44-0.576t-0.576-1.408zM9.76%2020.256q0%200.832%200.576%201.408t1.44%200.608%201.408-0.608l2.816-2.816%202.816%202.816q0.576%200.608%201.408%200.608t1.44-0.608%200.576-1.408-0.576-1.408l-2.848-2.848%202.848-2.816q0.576-0.576%200.576-1.408t-0.576-1.408-1.44-0.608-1.408%200.608l-2.816%202.816-2.816-2.816q-0.576-0.608-1.408-0.608t-1.44%200.608-0.576%201.408%200.576%201.408l2.848%202.816-2.848%202.848q-0.576%200.576-0.576%201.408z'/%3e%3c/svg%3e") 50%/contain no-repeat}.input-checkbox-button input:checked{background-color:var(--color-success);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20fill='%23000000'%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3etick-checkbox%3c/title%3e%3cpath%20d='M0%2026.016v-20q0-2.496%201.76-4.256t4.256-1.76h20q2.464%200%204.224%201.76t1.76%204.256v20q0%202.496-1.76%204.224t-4.224%201.76h-20q-2.496%200-4.256-1.76t-1.76-4.224zM4%2026.016q0%200.832%200.576%201.408t1.44%200.576h20q0.8%200%201.408-0.576t0.576-1.408v-20q0-0.832-0.576-1.408t-1.408-0.608h-20q-0.832%200-1.44%200.608t-0.576%201.408v20zM7.584%2016q0-0.832%200.608-1.408t1.408-0.576%201.408%200.576l2.848%202.816%207.072-7.040q0.576-0.608%201.408-0.608t1.408%200.608%200.608%201.408-0.608%201.408l-8.48%208.48q-0.576%200.608-1.408%200.608t-1.408-0.608l-4.256-4.256q-0.608-0.576-0.608-1.408z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20fill='%23000000'%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3etick-checkbox%3c/title%3e%3cpath%20d='M0%2026.016v-20q0-2.496%201.76-4.256t4.256-1.76h20q2.464%200%204.224%201.76t1.76%204.256v20q0%202.496-1.76%204.224t-4.224%201.76h-20q-2.496%200-4.256-1.76t-1.76-4.224zM4%2026.016q0%200.832%200.576%201.408t1.44%200.576h20q0.8%200%201.408-0.576t0.576-1.408v-20q0-0.832-0.576-1.408t-1.408-0.608h-20q-0.832%200-1.44%200.608t-0.576%201.408v20zM7.584%2016q0-0.832%200.608-1.408t1.408-0.576%201.408%200.576l2.848%202.816%207.072-7.040q0.576-0.608%201.408-0.608t1.408%200.608%200.608%201.408-0.608%201.408l-8.48%208.48q-0.576%200.608-1.408%200.608t-1.408-0.608l-4.256-4.256q-0.608-0.576-0.608-1.408z'/%3e%3c/svg%3e")}.input-checkbox-button input:focus-visible{outline:var(--border-weight) solid var(--color-brand);outline-offset:var(--border-weight)}.input-checkbox-group>span{color:var(--color-neutral-5);font-size:var(--font-size-text-small)}.input-option-button{align-items:center;gap:var(--space-small);color:var(--color-neutral-6);cursor:pointer;display:inline-flex}.input-option-button input[type=radio]{width:var(--height-short);height:var(--height-short);flex:0 0 var(--height-short);accent-color:var(--color-brand);cursor:pointer}.input-option-group{align-items:center;gap:var(--space-standard);color:var(--color-neutral-6);flex-wrap:wrap;display:flex}.input-option-group>span{color:var(--color-neutral-5);font-size:var(--font-size-text-small)}.input-toggle-slider{width:var(--width-short-elements);height:var(--height-standard);cursor:pointer;display:inline-block;position:relative}.input-toggle-slider input{opacity:0;pointer-events:none;position:absolute}.input-toggle-slider-track{width:var(--width-short-elements);height:var(--height-short);background:var(--color-neutral-4);border-radius:100vh;transition:background .18s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.input-toggle-slider-thumb{top:50%;left:calc(var(--space-small) / 2);width:var(--height-short);height:var(--height-short);background:var(--color-neutral-5);border-radius:50%;transition:transform .18s,background .18s;position:absolute;transform:translateY(-50%)}.input-toggle-slider input:checked+.input-toggle-slider-track .input-toggle-slider-thumb{transform:translateX(calc(var(--width-short-elements) - var(--height-short) - var(--space-small))) translateY(-50%);background:var(--color-brand)}.input-toggle-slider input:focus-visible+.input-toggle-slider-track{outline:var(--border-weight) solid var(--color-brand);outline-offset:var(--border-weight)}.input-toggle-button{width:var(--width-short-elements);height:var(--height-standard);border:var(--border-weight) solid var(--color-neutral-4);border-radius:var(--border-radius-inner);background:var(--color-neutral-3);color:var(--color-neutral-6);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.input-toggle-button:hover{background:var(--color-neutral-4)}.input-toggle-button.is-active{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-neutral-1)}.line{border:0;border-top:var(--border-weight) solid var(--color-neutral-4);width:100%;height:0;margin:0;padding:0}.line-labelled legend{padding:0 var(--space-standard);color:var(--color-neutral-4);font-size:var(--font-size-text);margin:0 auto;line-height:1}.card{width:100%;min-height:var(--height-tall);margin:var(--space-large) auto 0;padding:var(--space-large);border:var(--border-weight) solid var(--color-neutral-4);border-radius:var(--border-radius-outer);background:var(--color-neutral-2)}.card:not(:has(.card-body)){padding:0}.card:not(:has(.card-body)) .card-title{padding:var(--space-large);border-radius:inherit;transition:background .18s}.card:not(:has(.card-body)) .card-title:hover{background:var(--color-neutral-3)}.card-title{width:100%;color:var(--color-neutral-6);font-size:var(--font-size-heading-2);font-weight:var(--font-weight-bold);margin:0}button.card-title{justify-content:space-between;align-items:center;gap:var(--space-standard);font:inherit;font-size:var(--font-size-heading-2);font-weight:var(--font-weight-bold);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.card-toggle-icon{width:var(--width-icon-standard);height:var(--width-icon-standard);flex:0 0 var(--width-icon-standard);color:var(--color-neutral-6);display:inline-flex}.card-toggle-icon svg{width:100%;height:100%;display:block}.card-header{margin-top:var(--space-standard);padding:var(--space-standard);border-radius:var(--border-radius-inner);background:var(--color-neutral-3)}.card-control-panel{justify-content:center;align-items:stretch;gap:var(--space-standard);flex-direction:column;display:flex}.card-control-panel .input-option-group,.card-control-panel .input-checkbox-group{-moz-column-gap:var(--space-standard);column-gap:var(--space-standard);row-gap:var(--space-small);grid-template-columns:1.33fr repeat(3,minmax(0,1fr));display:grid}.card-control-panel .input-checkbox-group label{align-items:center;gap:var(--space-small);cursor:pointer;display:inline-flex}.card-control-panel .input-option-group>span,.card-control-panel .input-checkbox-group>span{color:var(--color-neutral-6);font-weight:var(--font-weight-bold)}.card-control-panel .input-range-slider{width:100%}.card-body,.card-header+.card-body{margin-top:var(--space-standard)}.card-preview{background:var(--color-neutral-1);margin-top:0}.card-content{padding:var(--space-standard)}.card-actions{margin-bottom:var(--space-standard)}.card-grid{width:100%;display:grid}.card-grid-item{width:100%;min-height:var(--height-standard)}.banner{border:var(--border-weight) solid var(--color-neutral-4);border-radius:var(--border-radius-outer);background:var(--color-neutral-1);grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;display:grid;overflow:hidden}.banner-media{padding:var(--space-standard);background:var(--color-neutral-2);justify-content:center;align-items:center;display:flex}.banner-image-placeholder{aspect-ratio:4/3;border:var(--border-weight) dashed var(--color-neutral-4);background:var(--color-neutral-1);width:100%}.banner-content{padding:var(--space-large);justify-content:center;gap:var(--space-standard);flex-direction:column;display:flex}.banner-text-first .banner-content{order:1}.banner-text-first .banner-media{order:2}.banner-text-last .banner-media{order:1}.banner-text-last .banner-content{order:2}.banner-content.align-left{align-items:flex-start}.banner-content.align-center{align-items:center}.banner-content.align-right{align-items:flex-end}.banner-actions{margin-top:var(--space-small);display:flex}.table{border:var(--border-weight) solid var(--color-neutral-4);border-radius:var(--border-radius-inner);background:var(--color-neutral-1);width:100%;overflow:hidden}.table-row{border-bottom:var(--border-weight) solid var(--color-neutral-4);align-items:center;display:grid}.table-row:last-child{border-bottom:0}.table-row:hover:not(.table-header){background:var(--color-neutral-2)}.table-header{background:var(--color-neutral-3);color:var(--color-neutral-5);font-size:var(--font-size-text-small);font-weight:var(--font-weight-bold)}.table-cell{padding:var(--space-standard) var(--space-standard)}.table .table-row{grid-template-columns:repeat(var(--table-columns), minmax(0, 1fr))}.text-component{color:var(--color-neutral-6);font-size:var(--font-size-text);font-weight:var(--font-weight-regular);line-height:var(--line-height-text);margin:0}.text-component-type-heading{font-size:var(--font-size-heading-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.text-component-color-lighter{color:var(--color-neutral-5)}.text-component-color-brand{color:var(--color-brand)}@media (width<=760px){.banner{grid-template-columns:1fr}.banner-content{padding:var(--space-large)}.banner-text-last .banner-media,.banner-text-first .banner-media{order:1}.banner-text-last .banner-content,.banner-text-first .banner-content{order:2}.card{padding:var(--space-standard) var(--space-standard)}.table .table-row{padding:var(--space-standard) 0;grid-template-columns:1fr}.table-header{display:none}.table-cell{padding:var(--space-small) var(--space-standard)}}.align-left{text-align:left;place-self:flex-start start;margin-right:auto}.align-center{text-align:center;place-self:center;margin-left:auto;margin-right:auto}.align-right{text-align:right;place-self:flex-end end;margin-left:auto}.display-none{display:none}.display-block{display:block}.display-flex{display:flex}.layout-row{align-items:center;gap:var(--space-standard);flex-wrap:wrap;display:flex}.layout-column{gap:var(--space-standard);flex-direction:column;display:flex}.layout-grid{gap:var(--space-standard);display:grid}.layout-full-width{width:100%}*{box-sizing:border-box}html,body{margin:0}body{background:var(--color-neutral-1);color:var(--color-neutral-6);font-family:Arial,sans-serif}@media (width<=900px){:root{--font-size-heading-1:1.875rem;--font-size-heading-2:1.5rem}}@media (width<=560px){:root{--font-size-heading-1:1.75rem;--font-size-heading-2:1.375rem}}body.debug-mode header,body.debug-mode nav,body.debug-mode main,body.debug-mode section,body.debug-mode article,body.debug-mode aside,body.debug-mode div,body.debug-mode .card-grid-item{outline:var(--border-weight) solid red}.page-body{width:100%;padding:var(--space-standard)}.page-template-section{width:100%;margin-bottom:var(--space-standard);padding:var(--space-standard);color:var(--color-neutral-5);text-align:center;justify-content:center;align-items:center;display:flex}.page-template-section:last-child{margin-bottom:0}.page-template-section:first-child{height:calc(100vh - var(--height-tall));overflow:hidden}@media (width<=560px){.page-body,.page-template-section{padding-left:0;padding-right:0}}.page-template-options{align-items:center;gap:var(--space-small);padding:var(--space-small);background:var(--color-neutral-1);display:flex}.page-template-option-button{height:var(--width-short-elements);padding:0 var(--space-small);border:var(--border-weight) solid var(--color-neutral-4);border-radius:var(--border-radius-inner);background:var(--color-neutral-1);color:var(--color-neutral-6);cursor:pointer}.page-template-option-button:hover{background:var(--color-neutral-2)}.page-template-option-button.is-active{border-color:var(--color-brand);color:var(--color-brand)}.colors-variable,.colors-value{color:var(--color-neutral-6);font-family:Consolas,Monaco,monospace;font-size:var(--font-size-text-small)}.colors-use{color:var(--color-neutral-5);font-size:var(--font-size-text-small);line-height:1.45}.colors-display{align-items:center;gap:var(--space-standard);display:flex}.colors-swatch{border:var(--border-weight) solid var(--color-neutral-4);border-radius:var(--border-radius-inner);flex:0 0 2.25em;width:2.25em;height:2.25em}.page-buttons-options-grid{align-items:center;gap:var(--space-small) var(--space-standard);grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid}.page-buttons-options-grid>span{color:var(--color-neutral-5);font-size:var(--font-size-text-small)}@media (width<=560px){.page-buttons-options-grid{grid-template-columns:repeat(5,max-content);overflow-x:auto}}.page-generated-code{margin-top:var(--space-standard);border:var(--border-weight) solid var(--color-neutral-4);border-radius:var(--border-radius-inner);background:var(--color-neutral-1);overflow:visible}.page-generated-code-toolbar{padding:0 var(--space-standard) 0 var(--space-standard);border-bottom:var(--border-weight) solid var(--color-neutral-4);background:var(--color-neutral-3);justify-content:space-between;align-items:center;display:flex}.page-generated-code-toggle-icon{flex:0 0 1em;width:1em;height:1em;display:inline-flex}.page-generated-code-toggle-icon svg{width:100%;height:100%;display:block}.page-copy-icon{width:var(--width-icon-standard);height:var(--width-icon-standard);display:block}.page-generated-code-toolbar button[aria-label=Copy\ code],.page-generated-code-toolbar button[aria-label=Copied]{position:relative}.page-generated-code-toolbar button[aria-label=Copied]:after{content:"Copied";padding:var(--space-small);background:var(--color-neutral-6);color:var(--color-neutral-1);font-size:var(--font-size-text-small);white-space:nowrap;border-radius:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.page-generated-code-body{background:var(--color-neutral-1);overflow:auto}.page-generated-code-lines{padding:var(--space-small) 0;color:var(--color-neutral-6);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--font-size-text-small);line-height:1.7;display:block}.page-generated-code-line{grid-template-columns:3.25rem minmax(0,1fr);display:grid}.page-generated-code-line:hover{background:var(--color-neutral-2)}.page-generated-code-line-number{padding:0 var(--space-standard);border-right:var(--border-weight) solid var(--color-neutral-4);color:var(--color-neutral-5);text-align:right;-webkit-user-select:none;user-select:none}.page-generated-code-line-content{padding:0 var(--space-standard);white-space:pre}.page-brand-component{height:56%;padding:0 var(--space-standard) 0 0;border-radius:var(--border-radius-inner);justify-self:start;align-items:flex-end;gap:0;display:inline-flex;overflow:hidden}.page-brand-logo-placeholder{aspect-ratio:1;width:auto;height:100%;margin:calc(var(--border-weight) * -1) 0 calc(var(--border-weight) * -1) calc(var(--border-weight) * -1);border-radius:var(--border-radius-inner) 0 0 var(--border-radius-inner);-o-object-fit:contain;object-fit:contain;-o-object-position:right center;object-position:right center;flex:none;display:block}.page-brand-logo{width:auto;height:var(--height-standard);aspect-ratio:1;flex:none;position:relative}.page-brand-logo-night,.page-brand-sleep-z,body.dark .page-brand-logo-day{display:none}body.dark .page-brand-logo-night{display:block}body.dark .page-brand-sleep-z{z-index:1;color:#fff;font-weight:var(--font-weight-bold);opacity:0;pointer-events:none;line-height:1;animation:3s ease-in-out infinite page-brand-sleep-float;display:block;position:absolute;top:35%;left:49%}body.dark .page-brand-sleep-z-one{font-size:var(--font-size-text);animation-delay:0s}body.dark .page-brand-sleep-z-two{font-size:calc(var(--font-size-text) * 1.25);animation-delay:.8s}body.dark .page-brand-sleep-z-three{font-size:calc(var(--font-size-text) * 1.5);animation-delay:1.6s}@keyframes page-brand-sleep-float{0%{opacity:0;transform:translate(0)scale(.75)}20%{opacity:.9}75%{opacity:.65}to{opacity:0;transform:translate(30px,-42px)scale(1.05)}}body.debug-mode .page-brand-logo{outline:var(--border-weight) solid var(--color-neutral-6)}body.debug-mode .page-brand-logo-placeholder{outline:var(--border-weight) dashed var(--color-neutral-6);outline-offset:calc(var(--border-weight) * -1)}.page-brand-text{font-size:var(--font-size-heading-2);align-items:center;font-weight:700;line-height:1;display:inline-flex}.page-brand-xl{color:color-mix(in srgb, var(--color-neutral-6) 14%, var(--color-neutral-1))}.page-brand-chess{color:var(--color-neutral-6)}.page-app-shell{grid-template-columns:var(--width-nav) 1fr;grid-template-rows:var(--height-tall) 1fr;width:100%;transition:all .2s;display:grid}.page-nav{width:var(--width-nav);background:var(--color-neutral-1);flex-direction:column;grid-row:1/-1;height:100vh;display:flex;position:sticky;top:0}.page-nav-header{height:var(--height-tall);flex:0 0 var(--height-tall);grid-template-columns:var(--width-icon-standard) 1fr;align-items:center;gap:var(--space-standard);padding:var(--space-standard) var(--space-standard) var(--space-standard) calc(var(--space-standard) * 2);display:grid}.page-nav-toggle{width:var(--width-icon-standard);height:var(--width-icon-standard);cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;justify-self:center;align-items:center;padding:0;display:flex}.page-nav-toggle-icon{width:100%;height:100%;color:var(--color-neutral-6);display:block}.page-nav-brand-placeholder{border-radius:var(--border-radius-inner)}.page-nav-body{padding:var(--space-small) var(--space-standard);scrollbar-width:none;flex:auto;transition:max-height .2s,opacity .15s,padding .2s;overflow:hidden auto}.page-nav-body::-webkit-scrollbar{width:var(--space-small)}.page-nav-body::-webkit-scrollbar-track{background:0 0}.page-nav-body::-webkit-scrollbar-thumb{background:0 0;border-radius:100vh}.page-nav-body:hover{scrollbar-width:thin;scrollbar-color:var(--color-neutral-4) transparent}.page-nav-body:hover::-webkit-scrollbar-thumb{background:var(--color-neutral-4)}.page-nav-item{align-items:center;gap:var(--space-standard);width:100%;padding:var(--space-small) var(--space-standard);margin:var(--space-small) 0;border-radius:var(--border-radius-inner);color:var(--color-neutral-6);font:inherit;font-size:var(--font-size-text);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.page-nav-item:hover,.page-nav-item.page-nav-active{background:var(--color-neutral-3)}.page-nav-icon{width:var(--width-icon-standard);height:var(--width-icon-standard);flex:0 0 var(--width-icon-standard);border-radius:var(--border-radius-inner)}.page-nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-nav-divider{height:var(--border-weight);margin:var(--space-standard) 0;background:var(--color-neutral-4)}.page-nav-footer{padding:var(--space-standard);flex:none;transition:max-height .2s,opacity .15s,padding .2s,border .2s}.page-nav-footer-content{width:100%;color:var(--color-neutral-5);text-align:center;justify-content:center;align-items:center;display:flex}.page-nav.page-nav-closed-state{z-index:50;height:var(--height-tall);position:fixed;top:0;left:0}.page-nav.page-nav-closed-state .page-nav-body,.page-nav.page-nav-closed-state .page-nav-footer{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.page-nav.page-nav-closed-state .page-nav-footer{border-top:0}@media (width<=560px){:root{--width-nav:clamp(120px, 34vw, 180px)}.page-nav-header{gap:var(--space-standard)}}.page-header{z-index:20;width:100%;height:var(--height-tall);justify-content:space-between;align-items:center;gap:var(--space-standard);padding:var(--space-standard);background:var(--color-neutral-1);grid-area:1/2;display:flex;position:sticky;top:0}.page-header-left{justify-content:flex-start;align-items:center;display:flex}.page-header-right{padding:var(--space-standard);color:var(--color-neutral-5);text-align:center;justify-content:flex-end;align-items:center;gap:var(--space-standard);display:flex}.page-app-shell.page-nav-closed{grid-template-columns:var(--width-nav) 1fr}@media (width<=560px){.page-header{gap:var(--space-small)}.page-header-right{padding:var(--space-small);font-size:.75rem}}.page-header-lang-select{height:var(--width-short-elements);padding:0 var(--space-small);border:var(--border-weight) solid var(--color-neutral-4);border-radius:var(--border-radius-inner);background:var(--color-neutral-1);color:var(--color-neutral-6);font:inherit;font-size:var(--font-size-text-small);cursor:pointer}.page-header-lang-select:hover{background:var(--color-neutral-2)}.page-body{grid-area:2/2;width:100%}.page-theme-toggle{width:var(--width-short-elements);height:var(--width-short-elements);border-radius:var(--border-radius-inner);background:var(--color-neutral-1);color:var(--color-neutral-6);cursor:pointer}.page-theme-toggle:hover{background:var(--color-neutral-2)}.page-theme-toggle:before{content:"☀";font-size:var(--font-size-subheading)}body.dark .page-theme-toggle:before{content:"☾"}.page-buttons-grid,.page-inputs-grid{gap:var(--space-standard);display:grid}.page-buttons-grid .card-content{width:100%;display:grid}